Webdesign : merancang design web sederhana

Tujuan : Membuat tampilan menggunakan CSS inline

Untuk membuat css inline, kita mulai dengan menuliskan < div > < /div > terlebih dahulu. Lalu memasukkan kedalamnya style sehingga mendapatkan seperti berikut

< DIV style="{masukkan style}"> </div>

lakukan hal tersebut untuk tugas dibawah ini. Untuk isinya bisa di masukkan sendiri

Buatlah tampilan sebagai berikut sebagai berikut:

JUDUL

MENU ( home, about me, contact us)

ISI (tulisan sebanyak 2 paragraf)

FOOTER

Masing-masing di pisahkan dengan <div> </div>. Gunakan perintah Style dalam text untuk mengubah dengan ketentuan sebagai berikut

Judul

• ditengah
• ukuran besar 20px
• berwarna biru

Menu

• masuk agak ke kiri 30px
• ukuran sedang 16px
• berwarna emas/gold

ISI

• jarak atas dan bawah 10px

Footer

• Ke kanan
• Kecil

Semua ini memanfaatkan css

• text-align
• font-size
• margin
• padding

Gunakan seperlunya.

Buat kembali seperti contoh di atas, namun hasil yang ingin dihasilkan adalah

JUDUL

Menu	tulisan sebanyak 2 paragraf

Footer

Berbeda dengan di atas, setiap div diberi id. Gunakan id itu untuk menentukan tampilannya di style

<style>

#id_contoh{

…..

}

</style>

Memakai style tambahan berupa

• float
• border
• border-radius (optional)