Cara menggunakan template di Dreamweaver
Penulis:Eve Cole
Waktu Pembaruan:2009-05-30 18:50:16
Ada fungsi yang sangat kuat pada alat desain web Dreamweaver (selanjutnya disebut DW, versi tertinggi saat ini adalah 4.02, contoh dalam artikel ini adalah versi 4.0), yaitu template!
Jadi apa daya tarik template? Karakteristik apa yang dimilikinya?
Dengan menggunakan template, kita dapat memantapkan elemen yang muncul di setiap halaman situs.
Dengan menggunakan templat untuk membuat halaman WEB, seluruh situs dapat memiliki gaya terpadu.
Selama template dimodifikasi, semua halaman WEB yang menerapkan template dapat dimodifikasi tanpa perlu memodifikasi setiap halaman secara manual. Misalnya, ketika Anda perlu mengubah hak cipta, apakah Anda perlu mengubah hak cipta halaman demi halaman? Bagaimana jika ada ribuan halaman? Saya yakin Anda akan menjadi dua atau tiga besar pada awalnya. Namun jika menggunakan template, hal ini tidak akan menjadi masalah.
Di bawah ini adalah contoh yang lebih komprehensif yang dapat dengan cepat membantu Anda menguasai penggunaan template.
1. Sunting halaman
Buka DW dan buat situs baru, yang akan kita beri nama "Spider Web".
Buat halaman kosong baru sebagai halaman internal (biasanya website hanya mempunyai satu homepage, jadi kita tidak perlu membuat template untuk homepage) dan beri nama body.htm.
Edit halaman ini dan selesaikan seperti yang ditunjukkan pada Gambar 1.
Gambar 1, halaman body.htm setelah pengeditan selesai. Perhatikan poin A, yang akan digunakan sebagai area yang dapat diedit dan akan disebutkan di bawah.
2. Hasilkan templat
Setelah pengeditan selesai, kami menyimpan halaman ini sebagai templat (perhatikan bahwa halaman ini tidak disimpan sebagai halaman web htm biasa). Anda dapat menyimpannya sebagai template melalui FileàSave As Template di DW. Setelah menjalankan perintah ini, jendela Save As Template akan muncul, seperti yang ditunjukkan pada Gambar 2.
Gambar 2, jendela Simpan Sebagai Templat.
Pada Gambar 2 B adalah pilihan situs, kita pilih "Spider Web", C adalah nama file template yang ingin kita simpan, kita isi bodynya. Tekan Simpan di sudut kanan atas untuk menyimpan.
Saat ini, kita tekan F8 untuk memanggil situs (pengelola situs), dan Anda dapat melihat body.dwt di folder Templates (bila ada file template, DW secara otomatis akan menghasilkan folder Templates, dan dwt adalah tipe template mengajukan)
3. Edit templat
Saat Anda membuka file template body.dwt di Site, Anda akan menemukan bahwa sepertinya tidak ada bedanya dengan halaman body.htm, tetapi sebenarnya berbeda. Anda tidak dapat menambahkan area yang dapat diedit di body.htm. Area yang dapat diedit hanya dapat ditambahkan dalam file templat.
Agar semua orang lebih memahami "area yang dapat diedit", pertama-tama kita menggunakan templat ini untuk menghasilkan file html: klik FileàBaru Dari Templat, jendela Pilih Templat muncul, pilih isi templat, lalu klik Pilih di bagian atas pojok kanan untuk menghasilkan file htm baru. Kami mengganti nama halaman baru ini body2.htm. Sekarang kita menggunakan DW untuk membuka file body.htm dan body2.htm dan membandingkan perbedaannya. Anda akan menemukan tulisan "Template:body" tertulis di pojok kanan atas halaman body2.htm. (Halaman ini dihasilkan dari file template body.dwt) Pada saat yang sama, Anda akan terkejut menemukan bahwa file body2.htm tidak dapat diedit (body.htm dapat diedit). Omong-omong, ini karena "area yang dapat diedit" tidak ditentukan dalam file template body.dwt, sehingga halaman yang dihasilkan tidak dapat diedit. Jadi kita harus menambahkan area yang dapat diedit di file template. Berikut langkah-langkah untuk menambahkan wilayah yang dapat diedit:
1) Buka file template body.dwt. Kita berharap tabel tengah dapat diedit (yaitu A pada Gambar 1). Tapi di file body.dwt, bukan body.htm), jadi tambahkan area yang dapat diedit di sini.
2) Tempatkan kursor mouse pada tabel di A, klik kanan mouse, dan pilih New Editable Region.... Jendela New Editable Region akan muncul, meminta Anda untuk mengisi nama region yang dapat diedit ini (biasanya kami sebut saja tanda wilayah yang dapat diedit). Kami mengisi Region01 dan klik OK untuk menutup jendela ini guna menyelesaikan pengeditan tanda wilayah yang dapat diedit saat ini. Saat ini Anda dapat melihat tampilan pada tabel seperti pada Gambar 3.
Gambar 3, jendela Wilayah Baru yang Dapat Diedit.
Perhatikan bahwa ada wilayah yang dapat diedit bertanda Region01.
Sejauh ini kita telah menentukan area yang dapat diedit. Jika ada beberapa area pengeditan, kita dapat melakukan hal yang sama.
※Anda juga dapat membuat wilayah baru yang dapat diedit melalui ModifyàTemplatesàNew Editable Region…. Jika Anda ingin menghapus wilayah yang dapat diedit, Anda dapat menggunakan ModifyàTemplatesàRemove Editable Region…, lalu ikuti petunjuknya.
4. Hasilkan halaman menggunakan templat
Sebenarnya sudah kami sebutkan sebelumnya bahwa langkah-langkah untuk menghasilkan halaman menggunakan template adalah melalui FileàNew From Template. Silakan merujuk ke langkah-langkah yang relevan di langkah ketiga. Sekarang kita menggunakan template untuk menghasilkan halaman bernama body3.htm. Saat ini, Anda akan menemukan bahwa di halaman body3.htm, kecuali untuk area yang dapat diedit Region01, yang dapat diedit, mouse dibatasi di tempat lain. Kita menambahkan konten yang kita perlukan pada area yang dapat diedit ini, misalnya kita bisa menulis artikel sesuka hati. Dengan cara ini, kita dapat menggunakan template untuk menghasilkan halaman sesuai kebutuhan kita.
5. Ubah konten template dan perbarui file situs
Buka file template body.dwt dan modifikasi area yang perlu kita modifikasi. Misalnya, kita dapat mengganti gambar logo atau memodifikasi area yang tidak dapat diedit, atau bahkan menambah atau menghapus area yang dapat diedit, dll.
Berikut ini penggunaan perubahan logo untuk mengilustrasikan bagaimana templat memperbarui file.
Kami mengubah gambar logo ke gambar lain yang kami suka, dan menyimpan file body.dwt setelah selesai. Saat ini, DW akan memunculkan jendela yang menanyakan apakah file perlu diperbarui. Pilih Perbarui, dan DW akan secara otomatis memperbarui semua halaman dihasilkan dengan templat ini, DW akan memunculkan jendela Perbarui Halaman selama pembaruan. Setelah selesai, log pembaruan akan diberikan di jendela Perbarui Halaman.
※Jika tidak Perbarui dipilih, DW akan langsung menyimpan file template dan tidak memperbarui halaman untuk sementara, namun kita dapat memperbarui halaman secara manual, cukup pilih ModifyàTemplatesàUpdate Pages….
Saat ini kami membuka halaman mana pun yang dibuat dengan body.dwt, seperti body3.htm. Anda akan menemukan bahwa gambar logo telah berubah.
Tidak sulit untuk menemukan bahwa dengan menggunakan fungsi ini, kita dapat dengan mudah menyelesaikan masalah pembaruan situs. Fungsi templat sangat kuat. Artikel ini hanya berfungsi sebagai titik awal. Banyak fungsi yang tidak dapat disebutkan karena masalah ruang cobalah lebih banyak sehingga Anda dapat menggunakannya sepenuhnya.
Di DW juga terdapat fungsi bernama perpustakaan, yang dapat digabungkan secara organik dengan template, yang akan membuat template lebih kuat. Jika pembaca tertarik, saya bersedia menawarkan hadiah ini kepada semua orang.