Rumah Media Sosial Cara Mencipta Templat Baru Dreamweaver - dummies

Cara Mencipta Templat Baru Dreamweaver - dummies

Video: Membuat Template Sederhana dengan Tabel 2025

Video: Membuat Template Sederhana dengan Tabel 2025
Anonim

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.

Cara Mencipta Templat Baru Dreamweaver - dummies

Pilihan Editor

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

Apa yang boleh dilakukan oleh GoPro? Inilah soalan yang lebih relevan: Apa yang anda mahu lakukan? Meminta soalan ini lebih seperti menanyakan diri anda tentang keinginan dan hasrat anda sendiri untuk rakaman video yang unik. Apabila anda menentukan apa yang anda ingin tangkap, semua yang anda perlu lakukan ialah menyambungkan kamera ke gunung yang sesuai ...

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Anda mempunyai refleks kanta tunggal digital yang besar (dSLR ) kamera dan mahu menangkap beberapa gambar indah masa-masa hidup anda. Untuk sepenuhnya menguasai dSLR anda dan membuat gambar yang menarik, anda mesti menceburkan diri ke dunia baru yang berani yang melibatkan membuat keputusan tentang mod penangkapan. Mengetahui panjang fokus apa yang digunakan dalam ...

Pilihan Editor

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Lapisan lapisan di Photoshop CS6 membolehkan anda secara beransur-ansur berus dalam ketelusan dan kelegapan pada asas pixel selektif. Dua alat pelapis lapisan - Alat Gradien dan Brush - lebih kerap digunakan berbanding yang lain: Alat Gradien: Menetapkan alat ini kepada kecerunan linear hitam ke putih atau putih ke ...

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Sumber yang tersedia untuk Adobe Photoshop Creative Suite 6 adalah luas. Kuler adalah komuniti dalam talian yang menyediakan tema warna untuk anda menyemak imbas, memuat turun, membuat, mengedit, dan memuat naik untuk berkongsi dengan orang lain. Gunakan tema ini apabila membuat projek cetak grafik atau laman web. Apa yang anda perlukan ialah sambungan Internet dan Adobe ID. Di sini ...

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Kata kunci adalah label deskriptif yang anda lampirkan ke fail di Bridge. Mereka membantu untuk mengkategorikan imej Photoshop CS6 anda, membolehkan anda lebih cekap dan cepat mencari fail yang anda inginkan. Berikut adalah downside untuk membuat dan menggunakan kata kunci: Untuk membuat kata kunci baru (folder kategori yang mengandungi kata kunci): Klik ikon tanda tambah (+) ...

Pilihan Editor

Dengan Touch dengan Nota Reka bentuk - dummies

Dengan Touch dengan Nota Reka bentuk - dummies

Nota reka bentuk adalah sesuai untuk berkomunikasi dengan pemaju lain yang bekerja pada Laman web, tetapi tidak dalam jarak menjerit. Ciri Dreamweaver ini berfungsi seperti tag komen (kod HTML yang membolehkan anda memasukkan teks dalam halaman yang tidak akan dipaparkan dalam penyemak imbas) tetapi dengan privasi lebih banyak. Ramai pemaju menggunakan ...

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Jangan berfikir bahawa toolbar Dreamweaver CS3 Common Insert biasa dan biasa. Ia hanya dipanggil "umum" kerana ia menawarkan perintah memasukkan yang paling kerap digunakan kerana ia adalah yang paling berguna. Dengan bilah alat yang ditunjukkan di sini, anda boleh memasukkan segala-galanya dari pautan e-mel kepada tarikh kepada mana-mana media yang ingin anda letakkan ...

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Penjajaran imej dan teks bersebelahan mereka di Adobe Suite Creative 5 (Adobe CS5) Dreamweaver adalah mudah, tetapi pilihan yang ada mungkin membuat kelihatan terlalu rumit. Imej dan teks bersebelahan mereka duduk pada garis dasar yang sama sebagai lalai, memaksa teks berjalan dalam satu baris ke kanan imej. Untuk ...