Tutorial Cara Membuat Website Menggunakan Dreamweaver CC Part 2

Sambungan dari Tutorial Cara Membuat Website Menggunakan Dreamweaver CC Part 1

1. Delete kalimat "Content for id "hero" Goes Here"
2. Klik Insert, pilih Common  
3. Buat dulu folder images pada folder yang dibuat di desktop, dalam hal ini saya buat folder images di dalam folder blog wiwin di desktop
4. Siapkan gambar dengan ukuran 1000 x 547 pixel lalu simpan di dalam folder images.
5. Pilih insert >> Common >> Image >> Image, pilih gambar yang tadi disimpan di folder images.
6. Menuju menu properties dibagian bawah, delete ukuran gambar tersebut. lihat pada gambar dibawah
   
7. Tempatkan kursor pada artikel paragrap 2 di bagian mana saja, lalu klik <p>. Maka paragrap 2 akan di highlight lalu tekan tanda panah kanan pada keyboard, maka kursor akan berada di akhir paragrap 2. 
   
8. Menuju menu di sebelah kanan Insert >> Structure >> Figure
9. Delete kalimat pertama This is the content for Layout Figure Tag
   
10. Siapkan gambar ukuran 400 x 256 pixel atau terserah ukurannya berapa lalu simpan dalam folder images. Kembali ke menu di sebelah kanan yaitu  Insert >> Common >> Image >> Image, pilih gambar 400x256. Hasilnya seperti ini 
    
11.  Gantilah kalimat This is the caption for Layout Figure Tag dibawah gambar dengan kalimat apa saja yang Anda mau.
12. Kembali ke list menu di atas (list menu web yang saya buat: Home, Tentang Win's Blog, Privacy policy, dan Resep). Highlight Home lalu ke Properties, dibagian link, klik icon folder (Browse for File) pilih index.html. Lalu highlight Tentang Win's Blog lalu ke Properties, isi link dengan #. Begitu juga dengan Privacy Policy dan Resep, highlight dulu lalu isi bagian link dengan #. Kenapa diisi #?... Karena belum disiapkan urlnya atau belum siap artikelnya... he he

    

    Link untuk Home

13. Pada menu Code-Split-Design-Live di bagian atas kiri, klik Design.
14. Lalu menuju menu Compact di kanan atas. Klik Compact lalu pilih Expanded.
    
15. Di menu Insert dan Files. Pilihlah Files >> CSS Designer >> klik tanda plus lalu pilih Attach Existing CSS File
    
    .
16. bersambung