Archive

Archive for the ‘HTML’ Category

Create a Responsive Web Design with Media Queries


If you’ve yet to get your hands dirty with media queries, now is your chance to create your first responsive website design. In this tutorial we’ll look at converting one of my previous WordPress theme designs into a responsive layout, while taking into consideration the design’s original grid structure.

View the responsive layout demo

Read more…

Categories: ASP, CSS, HTML, PHP Tags:

CSS Untuk Me-resize Checkbox dan Radio


Sudah kurang lebih 2-3 hari saya beralih profesi menjadi designer, tugas utama saya adalah mencari cara untuk melakukan custom komponen ZK, hari-hari pertama, Bandbox, Combobox, dan Datebox dapat diperbesar, berikutnya hari kedua Spinner dan Timebox dapat diperbesar juga. Hari ketiga ini saatnya memperbesar Checkbox dan Radio, setelah googling berjam-jam, akhirnya saya menemukan cara yang simple, dan berlaku hampir di semua browser. Berikut ini css untuk me-resize checkbox dan radio:

input[type="checkbox"],input[type="radio"] {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

Keterangan:

  • height: 20px; dan width: 20px; untuk me-resize checkbox dan radio.
  • margin-right: 5px; untuk memberi jarak antara square|bullet dengan label.
  • vertical-align: middle; untuk merapikan label agar sejajar dengan square|bullet.

Semoga membantu..

Categories: ASP, CSS, HTML, PHP

How To Disable Browser’s Back Button


How To Disable Browser’s Back Button

  1. Write this script
    <script>
        function backButtonOverride()
        {  setTimeout("backButtonOverrideBody()", 0);}
    
        function backButtonOverrideBody()
        {  try { history.forward(); } catch (e) {}
            setTimeout("backButtonOverrideBody()", 100);
        }
    </script>
    
  2. Add onLoad=”backButtonOverride()” to <body>
    <body onLoad="backButtonOverride()">
    
Categories: HTML

HTML (Hypertext Markup Language)


HTML (Hypertext Markup Language)

1. PENGANTAR

A. Definisi

HTML merupakan singkatan dari Hyper Text Markup Language.

Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page.

Browser – adalah program yang dipergunakan untuk menampilkan isi dari dokumen HTML dan format-format lain di world wide web, dua browser yang terkenal yaitu Internet Explorer dan Netscape Navigator.

URL- Uniform Resource Locator, cara standar untuk menyatakan lokasi dari sebuah file atau dokumen dalam web. Bentuk penulisan dari URL adalah sebagai berikut : protokol://alamat
Sebagai contoh : http://semuagratis.cjb.net

HTTP adalah Protokol yang dipergunakan sebagai kepanjangan dari : Hyper Text Transfer Protocol, dan semuagratis.cjb.net adalah alamat dari file atau dokumen tersebut.

Jenis Protokol lain seperti FTP, File Transfer Protocol, GOPHER dan TELNET.

Read more…

Categories: HTML, Web Base Programming

HTML – Part 5


HTML (Hypertext Markup Language)

[prev]

6. TABEL

Tabel digunakan untuk menyajikan data dalam bentuk kolom/lajur dan baris. Umumnya setiap kolom menunjukkan data yang sejenis, dan setiap baris yang terdiri atas kolom-kolom menunjukkan data dalam satu kesatuan. Di dalam web pages, tabel merupakan salah satu elemen yang penting.

Elemen-elemen yang penting

Tag utama yang digunakan untuk menyatakan suatu tabel adalah

<table>
. . .
</table>

Tag tersebut merupakan tag tertutup dan membentuk blok. Didalam blok itulah didefinisikan baris dan kolom yang akan digunakan.

Read more…

Categories: HTML, Web Base Programming

WWW (World Wide Web)


WWW (World Wide Web)

Selama beberapa tahun, Internet dikenal sebagai sesuatu yang sulit untuk dipelajari. Tetapi dengan kemunculan World Wide Web (WWW) atau biasa disebut Web, semua pandangan ini menjadi berubah. World Wide Web menjadikan internet sebagai suatu sistem berbasiskan Graphical User Interface (GUI) yang semula berbasis text.

Pada awal perkembangannya Internet sebenarnya digunakan oleh pihak militer Amerika Serikat untuk kepentingannya. Akan tetapi kemudian pada perkembangannya tidak hanya untuk digunakan oleh pihak militer saja tapi juga oleh umum.

WWW sebenarnya merupakan suatu kumpulan informasi pada beberapa server komputer yang terhubung satu sama lain dalam jaringan internet. Informasi-informasi dalam web mempunyai link-link yang menghubungkan informasi laind alam jaringan internet. Link tersebut mempunyai tanda khusus, yaitu jika pointer mouse diarahkan ke teks yang mempunyai link, maka pointer mouse akan berubah menjadi gambar tangan.

A. Cara Kerja WWW

Bekerja pada web mencakup 2 hal, yaitu :

  1. Software Web Server
    Web Server bertindak sebagai server yang menerima informasi yang diminta oleh browser.
  2. Software Web Browser
    Web Browser bertindak sebagai Client yang memungkinkan Anda menginterprestasikan dan melihat informasi pada web.

Read more…

Categories: HTML, Web Base Programming
%d bloggers like this: