Modul Praktikum CSS


Barusan saya menyelesaikan modul untuk praktikum kuliah Pemrograman Berbasis Web. Kali ini materinya tentang CSS (Cascading Style Sheet). Bagi Anda yang biasa men-develop/desain aplikasi web tentunya tidak asing lagi dengan CSS. CSS menjadi pelengkap script HTML untuk membentuk tampilan visual yang cantik pada browser. Berikut salah satu soal latihan pada modul yang saya buat:

Puppy Swarm

Buatlah sebuah halaman web dengan tampilan di bawah ini yang di-layout dengan menggunakan DIV dan menggunakan teknik floating. Pada bagian sebelah kiri terdapat menu navigasi yang harus dibuat dengan menggunakan list dan hyperlink. By default, warna latar dari elemen menunya adalah ungu (#7534AA). Ketika mouse melewati salah satu dari elemen tersebut, warna latarnya akan berubah menjadi ungu cerah (#B484DA).

 

 

 

 

 

 

 

 

 

Bisakah Anda membuatnya dalam waktu 10 menit saja ?🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s