Newsticker: 

Membuat Website Personal Full Color dengan Adobe Photoshop CS dan Macromedia Dreamweaver 8 (part 6)

Langkah 3 – Membuat CSS untuk DIV Content dan DIV Footer

Seperti yang telah disampaikan sebelumnya, gambar untuk div content dan div footer akan digunakan sebagai gambar background.

  1.  Untuk menambahkan kode CSS untuk div content, masuk ke jendela Code, tambahkan kode CSS yang diblok berikut.
  2. Kode CSS di atas untuk membuat selector class content, yang akan digunakan pada div content. Hapuslah kode gambar yang digunakan untuk layout div content, ganti dengan  .

  3. Tambahkan kode style=”width:630px; border-width:.1em; border-left-style:solid; border-right-style:solid; border-color:#E2F4FF” ke dalam div content, sehingga tampilan kode menjadi :

    Jika jendela Design dibuka, Anda akan menjumpai tampilan seperti ilustrasi di bawah ini, jangan heran tampilannya tidak rapi, karena saat dijalankan di penjelajah web, tampilan akan berubah menjadi rapi.
  4. Untuk menambahkan kode CSS untuk div footer, masuk ke jendela Code, tambahkan kode CSS yang diblok berikut.
  5. Kode CSS di atas untuk membuat selector class footer, yang akan digunakan pada div footer. Hapuslah kode gambar yang digunakan untuk layout div footer, ganti dengan ©
  6. Tambahkan kode style=”width:670px” ke dalam div footer, sehingga tampilan kode menjadi :
  7. Bukalah jendela Design, Anda akan menjumpai tampilan seperti ilustrasi di bawah ini.
  8. Isilah pada bagian footer nama Anda dan email Anda, dalam contoh ini Yohanes Setiawan (kelasberat88@yahoo.com)
  9. Blok teks kelasberat88@yahoo.com, kemudian klik menu Insert > Email Link. Kemudian klik OK. Hal ini dimaksudkan untuk memberikan link untuk mengirimkan email ke teks email yang dipilih.
  10. Simpan file dengan menekan kombinasi tombol Ctrl+S. Sampai tahap ini Anda telah berhasil membuat kode CSS untuk div content dan div footer.

 

Baca langkah selanjutnya disini

Bagikan...

Cari pada situs ini

Drs. Djaetun H.S (Pendiri Yayasan Atma Luhur)

..."Cerdas berbudi luhur adalah dua hal yang tak terpisahkan. Kecerdasan tanpa diimbangi budi luhur akan digunakan untuk membodohi dan mencelakakan orang lain. Sebaliknya, budi luhur tanpa diimbangi kecerdasan akan menjadi sasaran kejahatan dan penindasan orang lain"...

April  2020
Mon Tue Wed Thu Fri Sat Sun
   
  1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30  

Arsip

April 2020
M T W T F S S
« Mar    
 12345
6789101112
13141516171819
20212223242526
27282930  

Arsip

Kategori