Daftar Isi:
Video: NGOBAR #6 : Membuat Website COMPANY PROFILE menggunakan MATERIALIZE (Bagian 1) 2024
Banyak program desain Web membanggakan template HTML mereka.. Yang sebenarnya mereka maksudkan adalah menyertakan beberapa desain halaman siap pakai dengan program ini. Dreamweaver mengambil konsep ini beberapa lompatan lebih jauh dengan menyediakan fitur perancangan template yang memungkinkan Anda membuat desain dasar halaman dan kemudian mengontrol bagian mana yang dapat dan tidak dapat diubah. Ini adalah fitur yang berharga jika Anda bekerja dengan tim pengembang dengan tingkat keahlian yang berbeda-beda. Misalnya, jika Anda membangun situs untuk perusahaan real estat dan Anda ingin membiarkan karyawan memperbarui daftar penjualan tanpa dapat mengacaukan desain halaman, template bisa menjadi solusi yang tepat.
Template paling baik digunakan saat Anda membuat sejumlah halaman yang memiliki karakteristik tertentu, seperti warna latar belakang atau elemen navigasi. Daripada menyetel properti yang benar untuk setiap halaman baru atau membuat perubahan yang sama pada halaman demi halaman, Anda dapat menggunakan template untuk melakukan perubahan pada beberapa halaman sekaligus.
Tetap benar pada template Anda
Salah satu keuntungan besar dalam menggunakan fitur template Dreamweaver adalah Anda dapat menentukan bidang template mana yang dapat diubah. Ini sangat berguna jika Anda bekerja dengan orang-orang yang memiliki berbagai tingkat keahlian dalam HTML dan Anda menginginkan perancang yang lebih maju untuk membuat halaman yang orangnya kurang berpengalaman tidak dapat mengacaukannya nanti. Dengan tujuan tersebut, template memiliki wilayah yang dapat diedit dan area yang terkunci (tidak dapat dikelola). Gunakan wilayah yang dapat diedit untuk konten yang berubah, seperti deskripsi produk. Gunakan area terkunci untuk konten statis dan tidak berubah, seperti logo atau elemen navigasi situs.
Anda dapat memodifikasi template bahkan setelah Anda menggunakannya untuk membuat dokumen. Kemudian saat Anda memperbarui dokumen yang menggunakan template, bagian dokumen yang tidak dapat diedit diperbarui agar sesuai dengan perubahan yang Anda buat pada template.
Saat mengedit template itu sendiri, Anda dapat membuat perubahan pada bagian file apa pun, baik itu wilayah yang dapat diedit atau terkunci. Saat mengedit dokumen yang dibuat dari template, Anda dapat membuat perubahan hanya pada wilayah dokumen yang dapat diedit. Jika Anda kembali dan mengubah template setelah dibuat, Dreamweaver memberi Anda pilihan untuk mengubahnya tercermin di semua halaman yang Anda buat dengan template itu atau hanya halaman yang sedang Anda edit.
Membuat template
Membuat template semudah membuat file lain di Dreamweaver, seperti yang dapat Anda lihat pada langkah-langkah berikut. Anda bisa mulai dengan dokumen HTML yang ada dan memodifikasinya sesuai kebutuhan Anda, atau Anda bisa membuat dokumen yang sama sekali baru.Bila Anda menyimpan file sebagai template, file akan disimpan secara otomatis di folder Template folder utama untuk situs Web. Template harus disimpan dalam folder umum ini karena fitur otomatis Dreamweaver berfungsi dengan baik. Jika Anda belum memiliki folder Template di situs Web Anda, Dreamweaver secara otomatis menciptakannya saat Anda menyimpan template pertama Anda.
Fitur Template hanya berfungsi jika Anda mendefinisikan situs Web Anda di Dreamweaver
Semua elemen dalam template terkunci secara default, kecuali bagian judul dokumen, yang ditunjukkan oleh tag. (Bagian judul dokumen yang tidak terkunci adalah perbaikan dalam Dreamweaver 4 - di Dreamweaver 3, Anda tidak dapat membuat bidang judul dapat diedit.). Agar template dapat digunakan untuk membangun halaman baru, Anda harus membuat bagian lain dari halaman dapat diedit juga. Ingat bahwa Anda selalu dapat kembali ke template dan membuat lebih banyak area dapat diedit atau menghapus kemampuan untuk mengedit area tertentu nanti.
Untuk membuat template dengan wilayah yang dapat diedit, ikuti langkah-langkah ini:
1. Pilih Window -> Templates.
2. Di panel Template, klik tanda panah di pojok kanan atas dan pilih New Template dari menu drop-down yang terbuka.
Template baru dan tanpa judul ditambahkan ke daftar template di panel.
3. Dengan template yang masih dipilih, ketikkan nama untuk template sama seperti Anda akan memberi nama file apa pun di Finder di Mac atau Explorer di PC.
Template baru ditambahkan ke daftar Template untuk Situs.
4. Setelah Anda memberi nama template baru, klik dua kali nama untuk membukanya.
Halaman template akan terbuka di Dreamweaver seperti halaman HTML lainnya, kecuali bahwa nama file diakhiri dengan ekstensi. dwt.
Anda sekarang dapat mengedit halaman ini seperti halaman HTML lainnya, memasukkan gambar, teks, tabel, dan sebagainya.
5. Pilih Modify -> Page Properties untuk menentukan warna latar belakang, teks, dan link.
Selanjutnya, Anda menempatkan beberapa teks atau gambar pada halaman sebagai placeholder untuk informasi yang mungkin ingin Anda ubah di masa depan.
6. Untuk membuat gambar atau teks dapat diedit, pilih gambar atau teksnya lalu pilih Modify -> Templates -> New Editable Region. (Gambar atau teks yang Anda pilih dapat diedit menjadi area yang dapat diubah dalam halaman yang dibuat dengan template. Area yang tidak Anda tandai sebagai diedit akan diperbaiki dan hanya dapat diubah jika Anda memodifikasi template itu sendiri.)
Kotak dialog Wilayah Baru Diedit terbuka.
7. Di kotak teks Name, ketik nama untuk wilayah yang dapat diedit.
Teks atau gambar disorot dalam template, yang menunjukkan bahwa pesan tersebut dapat diedit. Anda bisa memberi nama wilayah apapun yang Anda inginkan, namun memilih sesuatu yang sesuai dengan jenis informasi yang akan Anda masukkan ke daerah ini membuat Anda lebih mudah diingat.
8. Untuk membuat gambar atau teks lain dapat diedit, ulangi Langkah 6 dan 7.
9. Simpan template anda dan tutup file tersebut setelah selesai.
Anda dapat membuat keseluruhan tabel atau sel tabel individual dapat diedit, namun Anda tidak dapat membuat banyak sel dapat diedit sekaligus, kecuali jika Anda telah menggabungkannya terlebih dulu.Anda harus memilih setiap sel satu per satu jika Anda ingin membuat beberapa sel dalam tabel bisa diedit, tapi bukan yang lain. Lapisan dan lapisan konten juga diperlakukan sebagai elemen terpisah, namun bisa juga ditandai sebagai dapat diedit. Membuat lapisan yang dapat diedit memungkinkan Anda mengubah posisi lapisan itu. Membuat konten layer dapat diedit berarti Anda bisa mengubah isi layer, seperti teks atau gambar di layer.
