cara menambahkan gambar pada tulisan cara menambahkan gambar pada tulisancara menambahkan gambar pada tulisancara menambahkan gambar pada tulisancara Description: Menambahkan gambar Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Menambahkan gambar

web-expertDescription: Web Design Mahir Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Web Design Mahir

Description: Web Design Expert Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Web Design Expert

Download tutorial di bawah ini

Tutorial Blog UMY 2011Description: Panduan Blog UMY Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Panduan Blog UMY

Materi Selanjutnya kali ini adalah membaut mockup website dengan Photoshop.

Undh file di bawah ini.
griddDescription: Membuat Mockup Website dengan Photoshop Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Membuat Mockup Website dengan Photoshop

Description: gambar Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: gambar

Setelah semua dasar-dasar tag HTML kita pelajari pada pertemuan yang lalu, saatnya kita merangkai semua pengetahuan tersebut menjadi satu kesatuan halaman HTML yang enak dilihat. Kali ini kita akan membuat dasar layout halaman html menggunakan tag <div>. Perhatikan hasil gambar di bawah. Berikut ini adalah hasil akhir layout halaman yang akan kita buat.


Latihan 1
Tulislah tag html di bawah ini kemudian simpan dengan nama file index.html

   
     
     
   
   
      

         

              
Header

         

         

              
Navigation

         

         

             
Content

         

         

              
Sidebar

         

         

              
Footeer

         

     

   

body {background:#666666;}
#container {background:green;}
#header{background:blue;}
#navigation{background:yellow;}
#content{background:#6633cc;}
#sidebar{background:#ff66cc;}
#footer{background:#3399ff;}