Template web

Posted on June 15, 2010. Filed under: Desain Web 1 ( Semester 2) |

         Website yang baik adalah website yang konsisten.
         Konsisten berarti memiliki bentuk, layout dan navigasi yang sama antar halaman.
         Menggunakan template akan memudahkan dalam membuat suatu website yang konsisten
Membuat Template Web
  1. Definisikan sebuah situs baru di Dreamweaver
  2. Pilih menu File > New
  3. Buatlah layout halaman web seperti biasa. Kemudian simpan sebagai template. Pilih File -> Save as Template
  1. Jika template berhasil dibuat, perhatikan pada Panel Files. Di sana akan terbentuk folder “Templates” dan sebuah file dengan ekstension .dwt
  1. Selanjutnya adalah menentukan bagian-bagian yang boleh diedit dan tidak boleh diedit. Letakkan kursor pada bagian yang boleh diedit. Pilih menu Insert -> Template Objects -> Editable Region
  1. Selanjutnya akan muncul window seperti ini :
  1. Dan akan terbentuk Editable Region seperti ini :
Menggunakan Template
  1. Buatlah sebuah file baru dari menu New -> File. Pilih tab Template dan pilih template yang akan digunakan, kemudian klik tombol Create
  1. Setelah itu akan terbentuk sebuah halaman web yang menggunakan template dan siap untuk diisi kontennya
  1. Lakukan perubahan pada kontennya dan simpan dengan ekstension file .html
Catatan :
Jika sebuah halaman menggunakan template tertentu, maka halaman tersebut akan otomatis diupdate jika template diupdate

Make a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

  • Blog Stats

    • 53,773 hits
  • Top Rated

Liked it here?
Why not try sites on the blogroll...

%d bloggers like this: