5 articles Web Design

Membuat Table menggunakan HTML5 & CSS3

tutorial

Membuat sebuah table yang menarik sangatlah mudah, apalgi dengan hadirnya CSS3 yang mendukung gradiasi, radius, & lain-lain. Table ini sebelumnya sudah saya aplikasikan dalam pembuatan Jadwal Mata Kuliah Teknik Informatika. Anda bisa lihat contohnya dihalaman tadi. Jika tertarik, mari kita lanjutkan cara pembuatan tablenya. Pertama-tama, buatkan file dengan nama table.html, lalu ketikkan kode dibawah ini.…

CSS Float dan Mematikan Fungsinya

tutorial

Dengan float, elemen dapat berada di kanan atau kiri, yang memungkinkan elemen lain berada disamping atau disekitarnya. Float sering sekali digunakan untuk gambar, dan untuk tampilan template. Bersifat horizontal, jadi hanya bisa left dan right. Kalau ingin elemen lain tidak berada disampingnya, gunakan properti clear : Jadinya… clear:both; Mematikan fungsi float kiri dan kanan clear:left;…

HTML Basics

tutorial

Apa itu HTML? HTML adalah singkatan dari Hyper Text Markup Language yang merupakan bahasa markup yang berdominan untuk halaman sebuah web. HTML ditulis dalam bentuk elemen HTML terdiri dari tag, tertutup dalam kurung sudut seperti Code: <html> dalam konten halaman sebuah web. Tag HTML biasanya berpasangan seperti Code: <h1> dan </ h1> Tag pertama dalam…

Cegah Spam dengan Menggunakan QapTcha

tutorial

Teknologi spam semakin hebat. Dahulu, orang-orang dibayar untuk menyebarkan spam secara manual. Seiring dengan perkembangan teknologi, maka spam sudah dilakukan oleh komputer (robot). Namun justru itu tercipta kelemahan yang cukup besar, yaitu tidak bisa membaca konfirmasi yang “berbau” manusia dan justru lebih mudah terlacak dari jejak-jejaknya. Salah satu sasaran empuk program spammer adalah form di…

Responsive Design dengan Columnal CSS Framework

tutorial

Salah satu kendala yang dimiliki oleh web designer adalah mengatasi perbedaan berbagai resolusi monitor. Pengguna bisa mengakses halaman web menggunakan laptop dengan layar normal, desktop dengan layar lebar, netbook dengan layar lebih kecil, dan bahkan dengan smartphone yang layarnya sangat kecil. Perbedaan resolusi menjadi masalah utama dalam pengaturan layout dan css. Salah sedikit saja, tampilan…