-
Mainan Web Design 2015 : Layout Web Design
Berikut ini adalah bahan untuk Anda latihan dalam pembuatan Layout Web Design. Silahkan untuk melihat referensi pada buku “Learning Web Design”, Chapter 15-16, terutama yang berkaitan dengan pembuatan Layout Web Design. Perhatikan bentuk Layout Web Berikut ini, Contoh gambar diatas adalah tampilan Layout yang dikerjakan menggunakan HTML dan CSS. Bagaimana Cara Bermain Layout Web Design…
-
Mainan Web Design 2015 : Basic CSS
Pekan ini kita akan hidupkan hari-hari indah dengan mainan script CSS (#eaa..#eaa..). Basic CSS untuk membuat design dan style pada tampilan HTML yang Anda buat. Sebelum bermain lebih lanjut, disarankan untuk Anda memiliki buku acuan tentang CSS, Selain itu Anda juga bisa mendapatkan referensi secara online dari beberapa link situs berikut ini, http://www.w3schools.com/css/default.asp http://www.csstutorial.net/ http://reference.sitepoint.com/css/propertyref…
-
Mainan Web Design 2015: Form HTML
Mainan ini bisa Anda gunakan untuk latihan selama pekan Lebaran Qurban 2015. Perkuliahan dan materi akan disampaikan secara Online melalui blog ini. Berikut ini beberapa referensi materi mengenai Form yang bisa Anda ikuti, Buku Learning Web Design, Chapter 9 “Form”, halaman 147. Element Tag dasar untuk Form HTML : http://www.w3schools.com/html/html_forms.asp Berbagai jenis Input Form : http://www.w3schools.com/html/html_form_input_types.asp Attribute…
-
Mainan Web Design : Pengantar Aplikasi Web
Pekan pertama perkuliahan Web Design kita telah membahas banyak hal tentang Pengenalan Aplikasi Internet. Namun masih banyak lagi isu-isu seputar aplikasi Internet berbasis Web yang harus Anda ketahui dan pahami. Silahkan kerjakan mainan Web Design dibawah ini, dengan cara mencari tahu dan menjelaskan maksud dari beberapa istilah penting seputar dunia Aplikasi Internet dan Web. Jika…
-
All about “Cheat Sheet” Web Design
Sebenartnya Syntax tidak perlu harus dihaplkan semuanya, yang penting kita pernah tahu dan paham cara menggunakannya. Tapi saya sarankan untuk beberapa syntax yang mendasar dan penting, HARUS DIHAPALKAN!! Untuk mempermudahnya, Anda bisa mencari di Google berbagai Cheat Sheet sesuai syntax yang Anda butuhkan. Misalnya, untuk HTML 5, CSS 3, Javascript, jQuery, Web Framework, dan banyak…
-
Basic Layout Web Design, part 2
Setelah memahami dasar pembuatan layout sederhana, saat kita modifikasi layout tersebut dengan model “Responsive Web Design”. Langsung saja kita lihat beberapa contoh berikut ini.
-
Basic Layout Web Design, part 1
Sekarang mari kita mencoba lebih lanjut teknik pembuatan design layout untuk aplikasi web. Pada percobaan kali ini kita masih belum membutuhkan server-side scripting, karena seluruh design layout nantinya dibuat menggunakan HTML5 dan CSS3, dengan bantuan editor (seperti notepad++) dan browser versi terbaru (menggunakan Chrome dan Firefox). Bermacam-macam bentuk layout web, bisa Anda lihat pada sketsa…