Memasukkan komponen-komponen yang terdapat dalam bagian head,body dan footer. sebelumnya dalam folder yang di buat sebelumnya untuk menempatkan document html dan css buatlah sebuah folder baru lagi di dalamnya dengan nama images. folder ini nantinya akan berisi foto-foto yang di butuhakan di dalam pembuatan template..
langsung aza pertama kita selesaikan bagian head....masuk dalam rancangan head. memasukkan logo, link menu, serching box. tambhana scriptindex document htmlnya sebagai berikut.
kemudian tambahakan script css nya sebagai berikut. dibawah #header1{....}
dibawah #header2{....}
trus kita coba dengan membuka index.html. maka hasilnya seperti ini pada browser.
rancangan body, terdapat link dan content artikel.
masukkan script tambahan untuk artikel pada index document html di bawah div id="kolom1"
dan lanjutkan di bawahnya untuk link
untuk penambahan di dalam document css. tambahkan sebagaian berikut di bawah #kolom1{....}
hasil dari tambahan script pembentukan body
polesan terakhir pada footer. ubah lah bagian footer pada index document html sebagai berikut
pada document css sebagai berikut
inilah hasil dari footer
hasil akhir bisa di download di sini
Tidak ada komentar:
Posting Komentar