Postingan

Menampilkan postingan dengan label Design WEB

Membuat Layout dengan DIV pada CSS

Gambar
§   Seperti yang sudah disinggung pada pembahasan tentang tabel, kalau pembuatan design website yang menggunakan tabel dapat dikatakan sudah tidak relevan lagi. §   Sebagai pengganti dari tabel adalah tag div . §   Tag div memang dikhususkan untuk membagi halaman kedalam beberapa segmen.   §   Jika kita gabungkan dengan penggunakan attribut id dan class , maka div dapat kita gunakan untuk layout sebuah halaman. §   Secara kasar setiap halaman yang “baik” pasti memiliki beberapa bagian, misalnya halaman tersebut terdiri dari header , kemudian beberapa kolom untuk content utama, dan sebagainya. Semua itu terserah pada designernya. §   Pada contoh kasus yang akan kita buat nantinya, kita akan membuat sebuah layout halaman yang terdiri dari: 1.       Header utama halaman 2.       2 Kolom 3.       1 untuk content utama 4.      ...

Kerjakanlah Soal Berikut ( Human Computer Interaction ) HCI

Gambar
Kerjakanlah Soal Berikut 1.       Jelaskan bagaimana 8 Golden Rules yang didefinisikan oleh Shneiderman ? 2.       Apa yang dimaksud dengan ragam dialog? Jelaskan apa saja ragam dialog yang ada ? 3.       Gambarlah rancangan desain sederhana sebuah web interface yang didalamnya mencakup semua elemen web ( elemen dasar, elemen form, elemen content, elemen dinamis, elemen table) ? Jawaban 1.       1)       Konsistensi    Dalam membuat suatu user interface dibutuhkan konsistensi. Contohnya yaitu penggunaan font yang sama pada seluruh halaman website agar tidak membingungkan pembaca , serta menempatkan Header & Footer pada posisi yang sama di tiap - tiap halaman website. 2)       Shortcut    Memberikan shortcut agar user dapat mengakses halaman yang diinginkan tanpa harus melewati beberapa halaman...