Tutorial 1 Topik : HTML5 dan CSS

Perancangan dan Pemrograman Web Genap 2013/2014

A. Perintah
Buatlah sebuah web page sederhana, dengan desain seperti Gambar 1 berikut.



B. Keterangan
- Lebar halaman tersebut adalah 960px
- Warna background halaman secara keseluruhan adalah clouds (#ecf0f1)
- Semua foto yang terdapat pada halaman berada dalam folder images
- Header menggunakan background gambar dengan ukuran tinggi 100px
- Header menggunakan font Arial
- Sidebar terdiri dari navigasi halaman dan kontak yang merupakan list
- Navigasi halaman dari sidebar menggunakan internal linking yang akan menavigasi
ke borang pengisian komentar
- Kontak dari list yang terdapat pada sidebar merupakan link yang akan menavigasi ke
halaman social media Anda. Dan boleh diisi lebih apabila memiliki social media
lainnya. Dengan ukuran icon 100px X 100px.
- Kontak dari list yang terdapat pada sidebar juga memiliki link yang akan menavigasi
kepada pengiriman email dengan tujuan email Anda masing-masing.
- Tabel yang terdapat pada halaman tersebut memiliki ketebalan = 2
- Silahkan untuk mengisi foto, data diri, dan deskripsi singkat sesuai dengan data
pribadi Anda. Dengan ukuran foto 150px x 225px
- Website favorit juga merupakan link yang akan menavigasi ke halaman yang
bersangkutan
- Input Isi Komentar pada borang pengisian komentar menggunakan textarea
- Terdapat 2 tombol. Untuk tombol Kirim, tidak akan menjalankan fungsi apa pun.
Untuk tombol reset, berfungsi untuk me-reset borang yang telah terisi menjadi
keadaan semula.
- Drop-down-list Rating memiliki 5 nilai, dari 5 hingga 1.
- Footer menggunakan font Tahoma dengan background berwarna wet asphalt
(#34495e)

C. Bonus
- Menggunakan external CSS (10 poin)
- Menggunakan halaman baru untuk pengisian komentar yang ternavigasi dengan
halaman utama (10 poin)

D. Pengumpulan
- Deadline : 19 February 2014 pukul 23:55
- Silahkan compress folder Anda, lalu kirim melalu scele.