iseng posting: Membuat Template di Dreamweaver 8

iseng posting kali ini ingin mencoba membuat tempalte di macromedia dreamweaver...hehhehe...

Untuk membuat suatu template, pertama-tama kita harus sudah mempunyai desain awal dari halaman web yang akan kita buat. Sebagai contoh, kita akan menggunakan desain di bawah ini sebagai template. Sebagai catatan usahakan desain yang akan kita buat sudah merupakan desain akhir, karena desain ini akan digunakan sampai akhir. Desain yang dibuat harus mempunyai elemen-elemen seperti banner, menu utama, side menu, content(isi) serta footer.

Setelah desain selesai dibuat, simpan desain tersebut menjadi template dengan cara pilih menu File - Save As Template lalu simpan dengan nama “template1”. Sehingga kita akan mempunyai sebuah template dengan nama template1.dwt (extention untuk template adalah .dwt
Dari desain tersebut, kita tentukan bagian mana saja yang nantinya isinya akan berubah-ubah dan desain mana saja yang isinya tetap. Dari desain diatas, kita tentukan bagian yang berubah ubah adalah bagian isi. Oleh karena itu, kita ubah bagian isi menjadi bias diedit dengan cara klik kanan di bagian isi dan pilih Template - New Editable Region.
Setelah itu berikan nama bagian tersebut dengan nama “Isi”.

Bila sudah, save template yang sudah kita buat dan lanjut untuk membuat halaman-halaman yang diperlukan sesuai dengan menu yang kita buat lengkap dengan link yang diperlukan

Untuk membuat halaman html dari template yang sudah dibuat, buka menu File – New. Pada window baru yang terbuka, pilih tab Template, dan pilih template yang tadi kita buat.

Perhatikan pada halaman yang baru. Bagian selain isi tidak bias kita edit. Hal itu dikarenakan bagian yang menjadi Editable Region hanyalah bagian isi. Oleh karena itu bagian yang sekarang kita ubah adalah bagian isi. Klik tulisan isi, kemudian isikan sesuai dengan keperluan atau informasi yang kita perlukan. Simpan dengan nama “index.html”
Ulangi langkah diatas untuk membuat halaman-halaman sesuai dengan menu yang kita buat (berita, artikel, buku tamu, about us)
Bila semua halaman sudah dibuat, langkah terakhir adalah menyambungkan semua halaman dengan cara mengisikan link pada bagian template. Buka kembali template1.dwt, arahkan link untuk setiap menu ke halaman yang sudah kita buat. Untuk beranda kita arahkan ke index.html. blok tulisa beranda pada menu, lalu pada Properties Inspector ubah bagian link dan arahkan ke halaman index.html seperti pada gambar dibawah.

iseng posting