Assalamualaikum
Wr. Wb..
Hallo teman-teman semua. Kali ini kita bertemu lagi dalam membahas tentang “pembuatan web
sederhana dari CSS”. Tetapi Web ini tidak membuat mulai dari nol melainkan
cuman mengedit menjadi yang di inginkan oleh Dosen saya. Sebentar lagi saya akan share beserta source codenya yang aslinya dan yang
udah di edit pula, dan kalian bisa mempelajari sendiri di rumah ataupun dimana
aja teman-teman inginkan..:)
Tampilan Awal :
source codenya :
Menambahkan
<center>...</center> pada tulisan Ayo Minum Susu dan
align="center" didepan nama gambar dan untuk merubah font dan ukran
tulisan pada list dengan menambah Code CSS seperti berikut agar list isi dalam
list <ul>…</ul> berganti font warna dan ukuran yang sama.
Untuk menambah code <a href="">nama panel</a>
seperti yang ada di bawah
ini:
Ubahlah
teks dalam panel menu atas menjadi link dan ketika disorot dengan kursor, warna
teks dan background-nya berubah.
Setelah itu menu yang
di minta adalah Isilah bagian sebelah kiri halaman (bagian berwarna biru)
dengan suatu konten (misalnya daftar artikel, dsb). Dan percantiklah dengan
kreasi CSS anda (tidak ada CSS berarti juga TIDAK ADA NILAI).
Dan saya mengisi halaman sebelah
kiri atau barwarna biru dengan kalimat seperti ini Tugas Pemrograman Berbasis
Web, Pemberitahuan, Nama : Febri Eko Waluyo, NIM : 1110651132.
Sehingga
setelah kita tuliskan seperti itu maka hasilnya yang ada pada halaman di atas sendiri seperti dibawah ini.
Code .head{background-color:blue; } membuat table berwana biru
dan mengisi table dengan memangil class head <td colspan=2 height=50
class="head"> dan mengetikan tulisan dalam table head menggunakan
warna.
Tambahan untuk menampilkan tulisan
berjalan seperti dibawah ini anda bisa menambahkan
<marquee
direction="left" scrollamount="2"> Tulisan Anda
</marquee>.
Dan
untuk hasil keseluruhan source codenya setelah di edit dan setelah ditambahi
potongan source codenya adalah seperti ini:
Terima kasih mungkin itu saja penjelasan dari saya, apa
bila ada salah kata atau kekurangan saya minta maaf.
Semoga bisa bermanfaat bagi teman-teman semua...:) :)
Tidak ada komentar:
Posting Komentar