Save dengan menekan Ctrl+shift+Alt+S lalu klik save lalu akan muncul jendela baru, isi nama nya dengan nama Index dan pada bagian save as type pilih HTML and images
NB : simpan di sebua folder ya, misal nya nama folder nya Contoh atau Latihan, karena nanti akan ada 2 file yang akan ter save yaitu file index.html dan folder yang berisi image yang kita potong - potong tadi, maksud nya di buat dalam folder contoh atau latihan, agar tidak capek mencari nya... karena kita akan gunakan image itu di Dream weaver. OK masalah photoshop saya rasa sudah jelas, lanjut ke Dream Weaver
kita akan melanjutkan ke Dream Weaver...
Ok tanpa basa basi kita mulai langsung
1. pertama buka dream weaver anda
2. lalu create new HTML atau pun PHP nah di sini saya gunakan PHP saja.
ok, karena kita kurang paham coding, maka kita pakai design aja jangan coding,.. he he he entar dari design tersebut akan tercipta coding nya.. OK !
nah buat tabel sesuai dengan potongan anda di photoshop yang baru kita bahas loh,.. itu masih di atas Artikel nya... :) lihat gambar
nah setelah itu insert image header, menu,dan footer, sedangkan body terserah kamu, bisa kamu buat image body nya sebagai background body template anda, dan bisa juga kamu cari warna dengan warna yang kamu suka, kenapa saya gak insert image body ?? karena gambar nya juga polos... he he he he kalau ada corak mungkin saya insert.. :)
cara meng insert image nya ia lah klik sekali pada tabel yang nanti nya tempat image itu berada, nah lalu tekan Ctrl + Alt + I atau klik menu insert > image lalu pilih di mana image header nya berada, jika kamu meletakkan folder contoh yang tadi saya suruh save di folder contoh, maka pergi lah kamu ke folder itu lalu ke folder image dan lihat mana image header nya ? lihat gambar potongan anda kalau header nya terpotong pada no 1 maka pasti nama nya index_01
nah lakukan insert image ini sampai ke footer
ini hasil nya... lihat gambar di bawah
pada header saya ganti sama SWF, karena saya ingin header nya memiliki animasi, dan body saya isi dengan kata-kata sedikit... :)
nah kamu tinggal kasih link menu-menu nya deh pada menu propertis yang ada di bawah form kamu, di propertis itu kamu bisa mengatur segala nya, mulai dari template rata tengah, rata kiri, rata kanan, dan mengganti background body, warna tulisan, dan lain-lain, kalau di jelasin 1 per 1 wah susah deh,.. bisa bisa sampai encok ni badan, dan pegal ni jari ngetik nya,.. he he he
nah setelah jadi seeprti gambar di bawah, maka save dengan cara crtl + S (save aja di folder contoh ya)
coba buka di mozzila template kamu
nah setelah kamu design dan save maka kamu bisa langsung upload ke hosting kamu dan terapkan template buatan kamu :)
sekian dulu tutorial dari saya semoga bermafaat, jika ada yang kurang jelas kamu bisa beri komentar di bawah ini
jika ingin tau mengenai Webhosting, baca artikel-artikel ini yuk
Daftar Webhosting GERATIS
Fungsi Masing - masing menu pada Cpanel Webhosting
dan jika ingin membahas tentang PHP anda bisa Baca Artikel Di bawah Ini
Membuat Template website dengan Dreamweaver menggunakan PHP Part I
