Cara Mencipta Templat Baru Dreamweaver - dummies

Anda membuat template baharu dalam Dreamweaver dengan menggunakan kotak dialog Dokumen Baharu yang sama yang anda gunakan untuk membuat apa-apa jenis halaman lain. Untuk membuat template Dreamweaver, ikuti langkah berikut:

1. Pilih Fail → Baru.

   Kotak dialog Dokumen Baharu terbuka.

2. Dalam senarai di sebelah kiri, klik pilihan Blank Page.

   

3. Dalam senarai Jenis Halaman, pilih Templat HTML.

4. Di dalam kawasan Layout, pilih untuk membuat halaman kosong atau pilih susun atur CSS yang direka bentuk.

   Banyak pilihan susun atur CSS Dreamweaver menyediakan permulaan yang hebat untuk membuat reka bentuk halaman baru.

5. Klik butang Buat.

   Templat kosong kosong dibuat dan dibuka di kawasan kerja utama, dan kotak dialog Dokumen Baharu ditutup.

6. Pilih Fail → Simpan.

   Anda mendapat amaran (jika anda tidak melumpuhkannya), menyatakan bahawa template tidak mempunyai kawasan yang boleh diedit dan bertanya sama ada anda benar-benar ingin menyimpannya. Klik OK untuk menutup kotak dialog amaran dan teruskan. Dreamweaver memberi anda amaran ini kerana templat tanpa wilayah yang boleh diedit tidak berguna. Anda mencari arahan untuk membuat wilayah yang boleh diedit di Langkah 9.

7. Klik OK untuk menyimpan halaman seperti sekarang.

   Tetingkap Save as Template muncul dengan folder Templat terbuka. Sekiranya anda tidak mempunyai folder bernama Templat di dalam folder tapak setempat, Dreamweaver akan mencipta satu untuk anda apabila anda membuat dan menyimpan template pertama anda.

   Untuk berfungsi dengan betul, templat Dreamweaver mesti disimpan dalam folder bernama Templat (dengan modal T ) di folder tapak setempat anda, yang dapat dilihat dalam panel Fail. Jika anda menukar nama folder atau pindahkan folder Templat ke dalam subfolder, templat anda tidak lagi berfungsi dengan betul.

8. Buat reka bentuk untuk halaman dengan menambahkan imej, teks, dan elemen lain seperti yang anda lakukan dalam mana-mana fail Dreamweaver yang lain.

   Ingatlah bahawa anda membuat reka bentuk halaman dalam templat seperti yang anda lakukan di laman web lain. Sama ada anda menyertakan imej dan teks yang akan digantikan di halaman yang dibuat dari template atau hanya membuat rangka laman terserah anda.

9. Untuk membuat rantau yang boleh diedit:

   1. Pilih sebarang imej, blok teks, atau kawasan kandungan.

      Selalunya pilihan terbaik adalah untuk memilih keseluruhan kawasan halaman supaya segala-galanya dalam bahagian itu dapat diedit. Jika anda telah membuat halaman anda dengan tag dan CSS, pilihan yang baik adalah memilih tag untuk seksyen keseluruhan, seperti tag yang digayakan dengan gaya kelas mainContent.

      Cara yang berguna untuk memilih seksyen yang dikelilingi oleh tag adalah untuk meletakkan kursor anda di mana saja di kawasan halaman, dan kemudian gunakan pemilih tag di bahagian bawah ruang kerja untuk memilih tag.

   2. Pilih Insert → Template → Editable Region.

      Kotak dialog Wilayah Edit yang baru boleh dibuka.

      

   3. Berikan nama yang boleh diedit baru.

      Pilih sesuatu yang mengenal pasti jenis kandungan, seperti tajuk utama atau kandungan utama. Rantau yang anda tentukan sebagai disunting boleh menjadi kawasan yang boleh ditukar dalam mana-mana halaman yang dibuat dari templat. Anda boleh mempunyai banyak wilayah yang boleh diedit dalam satu templat. Setiap rantau boleh diedit mestilah mempunyai nama yang berbeza; nama tidak boleh menggunakan ruang atau aksara khas, tetapi garis bawah dan tanda hubungnya baik-baik saja.

   4. Klik OK.

      Kotak biru aqua (dengan tab biru akua di sebelah kiri atas kotak) mengelilingi kawasan yang boleh diedit. Nama yang anda masukkan ke dalam kotak dialog Kawasan Sentuh Baru muncul pada tab.

10. Apabila anda selesai merancang halaman dan menambah semua wilayah yang boleh diedit yang anda mahu, pilih Fail → Simpan untuk menyimpan templat anda.

    Apabila anda menyimpan halaman templat baru atau anda menyimpan halaman yang sedia ada sebagai templat, Dreamweaver secara automatik menambah. lanjutan dwt dan menyimpan fail ke dalam folder Template.

Jika anda menyimpan templat sebelum anda menentukan wilayah yang boleh diedit, Dreamweaver memberi anda amaran kerana template tidak berguna tanpa wilayah yang boleh diedit. Anda tidak perlu membuat wilayah yang boleh diedit sebelum anda menyimpan templat, tetapi anda tidak boleh membuat sebarang perubahan dalam mana-mana halaman yang dibuat dari template sehingga anda membuat satu atau lebih wilayah yang boleh diedit. Anda sentiasa boleh kembali dan menambah kawasan yang boleh diedit kemudian.

Adobe menambah panel Suntingan Templat baru dalam Dreamweaver CC. Anda boleh menggunakan panel baru ini dan bukannya item menu apabila bekerja dengan template. Ciri-ciri berfungsi sama: Cukup klik ikon yang sepadan dalam panel Templat Sisip, seperti ikon Kawasan Editable.