Cara Membuat Template Dreamweaver Baru - dummies

Anda membuat template baru di Dreamweaver dengan menggunakan kotak dialog New Document yang sama dengan yang Anda gunakan untuk membuat jenis halaman lainnya. Untuk membuat template Dreamweaver, ikuti langkah berikut:

1. Pilih File → New.

   Kotak dialog New Document akan terbuka.

2. Pada daftar di sebelah kiri, klik opsi Blank Page.

   

3. Dalam daftar Page Type, pilih HTML Template.

4. Di area Layout, pilih untuk membuat halaman kosong atau pilih tata letak CSS yang telah ditentukan.

   Berbagai pilihan tata letak Dreamweaver banyak memberikan awal yang bagus untuk membuat desain halaman baru.

5. Klik tombol Create.

   Template kosong baru dibuat dan terbuka di area kerja utama, dan kotak dialog New Document akan ditutup.

6. Pilih File → Save.

   Anda mendapat peringatan (jika Anda belum menonaktifkannya), dengan menyatakan bahwa templat tidak memiliki wilayah yang dapat diedit dan menanyakan apakah Anda benar-benar ingin menyimpannya. Klik OK untuk menutup kotak dialog peringatan dan lanjutkan. Dreamweaver memberi peringatan ini karena template tanpa wilayah yang dapat diedit tidak berguna. Anda menemukan petunjuk untuk membuat daerah yang dapat diedit pada Langkah 9.

7. Klik OK untuk menyimpan halaman seperti sekarang.

   Jendela Save as Template muncul dengan folder Template terbuka. Jika Anda belum memiliki folder bernama Template di folder situs lokal Anda, Dreamweaver akan membuat satu untuk Anda saat Anda membuat dan menyimpan template pertama Anda.

   Agar bekerja dengan semestinya, template Dreamweaver harus disimpan dalam folder bernama Templates (dengan modal T ) di folder situs lokal Anda, yang terlihat di panel File. Jika Anda mengubah nama folder atau memindahkan folder Template ke dalam subfolder, template Anda tidak akan berfungsi dengan baik.

8. Buat desain untuk halaman dengan menambahkan gambar, teks, dan elemen lainnya seperti yang Anda inginkan pada file Dreamweaver lainnya.

   Ingatlah bahwa Anda membuat desain halaman dalam template seperti yang Anda inginkan di halaman web lainnya. Apakah Anda menyertakan gambar dan teks yang akan diganti di halaman yang dibuat dari template atau hanya membuat kerangka halaman terserah Anda.

9. Untuk membuat area yang dapat diedit:

   1. Pilih gambar, blok teks, atau area konten.

      Seringkali pilihan terbaik adalah memilih keseluruhan area halaman sehingga segala sesuatu di bagian itu dapat diedit. Jika Anda telah merancang halaman Anda dengan tag dan CSS, pilihan yang baik adalah memilih tag untuk keseluruhan bagian, seperti tag yang diberi gaya mainContent class.

      Cara mudah untuk memilih bagian yang dikelilingi oleh tag adalah menempatkan kursor Anda di manapun di area halaman itu, dan kemudian menggunakan pemilih tag di bagian bawah ruang kerja untuk memilih tag.

   2. Pilih Insert → Template → Editable Region.

      Kotak dialog Wilayah Baru Diedit terbuka.

      

   3. Berikan nama baru yang dapat diedit.

      Pilih sesuatu yang mengidentifikasi jenis konten, seperti judul atau konten utama. Wilayah yang Anda anggap dapat diedit menjadi area yang dapat diubah pada halaman yang dibuat dari template. Anda dapat memiliki beberapa area yang dapat diedit dalam satu template. Setiap wilayah yang dapat diedit harus memiliki nama yang berbeda; nama tidak bisa menggunakan spasi atau karakter khusus, tapi garis bawah dan tanda hubung tidak apa-apa.

   4. Klik OK.

      Kotak biru aqua (dengan tab biru aqua di kiri atas kotak) mengelilingi wilayah yang dapat diedit. Nama yang Anda masukkan ke dalam kotak dialog New Editable Region akan muncul pada tab.

10. Saat Anda selesai merancang halaman dan menambahkan semua area yang dapat diedit yang Anda inginkan, pilih File → Save untuk menyimpan template Anda.

    Bila Anda menyimpan halaman template baru atau Anda menyimpan halaman yang ada sebagai template, Dreamweaver secara otomatis menambahkan. dwt extension dan simpan file tersebut ke dalam folder Template.

Jika Anda menyimpan template sebelum menentukan wilayah yang dapat diedit, Dreamweaver memberi Anda peringatan karena template tidak berguna tanpa wilayah yang dapat diedit. Anda tidak perlu membuat daerah yang dapat diedit sebelum menyimpan template, namun Anda tidak dapat membuat perubahan pada halaman yang dibuat dari template sampai Anda membuat satu atau beberapa wilayah yang dapat diedit. Anda dapat selalu kembali dan menambahkan daerah yang dapat diedit nanti.

Adobe menambahkan panel Templates Insert baru di Dreamweaver CC. Anda dapat menggunakan panel baru ini dan bukan item menu saat bekerja dengan template. Fitur bekerja sama: Cukup klik ikon yang sesuai di panel Templates Insert, seperti ikon Editable Region.