Rumah Media Sosial Cara Membuat Template Dreamweaver Baru - dummies

Cara Membuat Template Dreamweaver Baru - dummies

Video: Membuat Template Sederhana dengan Tabel 2025

Video: Membuat Template Sederhana dengan Tabel 2025
Anonim

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.

Cara Membuat Template Dreamweaver Baru - dummies

Pilihan Editor

Kantor 2011 untuk Mac: Membuat Tabel dengan Kotak Dialog atau Teks - dummies

Kantor 2011 untuk Mac: Membuat Tabel dengan Kotak Dialog atau Teks - dummies

Sementara ada cara baru untuk membuat tabel di Office 2011 untuk Mac, Anda masih bisa menggunakan teknik stand-by. Menu yang familiar masih bekerja di Office 2011 untuk Mac, dan inilah buktinya. Dialog meja semuanya masih ada di sana: Di Word, pilih Table → Insert → Table; Sebagai alternatif, pada tab Tabel Ribbon, di Tabel Pilihan ...

Kantor 2011 untuk Mac: Melepaskan Command Toolbar - dummies

Kantor 2011 untuk Mac: Melepaskan Command Toolbar - dummies

Apakah Anda menggunakan Office 2011 untuk Mac atau Produk Microsoft Office lainnya, toolbar Anda bisa sangat berantakan. Setiap kali Anda merasa perlu untuk men-tweak antarmuka aplikasi Microsoft Office, Anda perlu memanggil dialog Customize Toolbars and Menus. Ini adalah dialog super kuat di Word, Excel, dan PowerPoint yang memungkinkan Anda ...

Kantor 2011 untuk Mac: Berbagi Toolbar dan Menu - dummies

Kantor 2011 untuk Mac: Berbagi Toolbar dan Menu - dummies

Setelah Anda menyesuaikan Office 2011 Anda bilah alat dan antarmuka, Anda dapat berbagi penyesuaian dengan orang lain. Namun, pastikan bahwa Anda menasihati orang-orang yang telah Anda lakukan sebelum membagikan dokumen Anda dengannya; Jika tidak, mereka mungkin akan terkejut saat mereka membuka dokumen Anda dan melihat susunan toolbar atau menu yang berbeda dari pada apa ...

Pilihan Editor

Penting Office 2007 Commands - dummies

Penting Office 2007 Commands - dummies

Anda dapat membuat program Office 2007 lebih mudah jika Anda menggunakan pintasan sederhana ini. Perintah-perintah ini, seperti mengurungkan kesalahan dan memperbesar dan memperkecil akan membantu Anda menghemat waktu. Memasuki simbol: Untuk memasukkan simbol atau karakter asing yang tidak ada pada keyboard Anda, masuk ke tab Insert dan klik Symbol ...

Menyesuaikan Perintah Menu di Office 2003 - dummies

Menyesuaikan Perintah Menu di Office 2003 - dummies

Office 2003 menyediakan dua teknik untuk menyesuaikan menu dan perintah menu. Anda bisa memulai dari kotak dialog Rearrange Commands atau menggunakan metode drag-and-drop. Teruslah membaca. Menangani perintah menu di kotak dialog Rearrange Commands Teknik tombol Options Toolbar untuk menangani tombol toolbar bagus dan keren, tapi bagaimana jika Anda ingin ...

Pilihan Editor

Bagaimana memecahkan kesalahan logis dalam analisis argumen Pertanyaan GRE - dummies

Bagaimana memecahkan kesalahan logis dalam analisis argumen Pertanyaan GRE - dummies

Ketika Anda menjawab Argument Analysis Pertanyaan di GRE, argumen mungkin tampak logis dan adil di permukaan tapi sebenarnya keliru (keliru, cacat). Alasan melingkar, penalaran sebab-akibat yang keliru, dan generalisasi sweeping adalah tiga tanda argumen lemah. Dengan melihat beberapa kesalahan logis yang lebih umum, Anda dapat mengidentifikasi kelemahan dalam argumen dan ...

Pilihan ganda, Beberapa Jawaban tentang Tes Matematika GRE - Pertanyaan Praktik - dummies

Pilihan ganda, Beberapa Jawaban tentang Tes Matematika GRE - Pertanyaan Praktik - dummies

Meskipun pertanyaan matematika biasanya hanya memiliki satu jawaban yang benar, ini tidak selalu terjadi. Akibatnya, beberapa pertanyaan pilihan ganda pada tes GRE Math akan memberi Anda daftar jawaban dan meminta Anda untuk memilih lebih dari satu. Pertanyaan praktik berikut meminta Anda untuk menemukan nilai kemungkinan yang berbeda secara berurutan dan ...

Pilihan ganda, Beberapa Jawaban tentang Tes Verbal GRE - Pertanyaan Praktik - dummies

Pilihan ganda, Beberapa Jawaban tentang Tes Verbal GRE - Pertanyaan Praktik - dummies

Pada tes GRE Verbal, beberapa pertanyaan pilihan ganda akan memiliki lebih dari satu jawaban yang benar. Untuk pertanyaan ini, Anda akan diminta untuk melihat-lihat pilihan jawaban dan memilih semua yang menurut Anda benar. Dalam pertanyaan praktik berikut, Anda diminta untuk membaca bagian yang disertakan, dan kemudian ...