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

Bagaimana Mengelola Komentar di WordPress Anda. com Blog - dummies

Bagaimana Mengelola Komentar di WordPress Anda. com Blog - dummies

Buka halaman Komentar dengan mengklik link Komentar di menu navigasi Dashboard WordPress. Halaman Komentar menunjukkan semua komentar di blog Anda sejak hari pertama Anda memulai. Di sini Anda bisa melihat komentar, mengeditnya, menandai mereka sebagai spam, atau flat-out menghapusnya. Jika Anda menetapkan pilihan Komentar Anda jadi ...

Bagaimana Mengelola Pengguna dan Penulis di Blog WordPress Anda - dummies

Bagaimana Mengelola Pengguna dan Penulis di Blog WordPress Anda - dummies

Pengguna WordPress halaman memberitahu Anda tentang semua pengguna di blog Anda. Ini mencantumkan nama pengguna, nama, alamat e-mail, peran di blog Anda, dan jumlah posting yang dibuat ke blog Anda. Untuk mengelola peran pengguna, Anda perlu memahami jenis akses yang diberikan masing-masing peran: Pengikut: Peran default ini ditugaskan untuk ...

Cara Membuat Permalinks WordPress Bekerja dengan Server Anda - dummies

Cara Membuat Permalinks WordPress Bekerja dengan Server Anda - dummies

Setelah Anda mengatur format untuk permalinks untuk situs WordPress Anda dengan menggunakan opsi selain default, WordPress menulis peraturan, atau arahan tertentu ke. htaccess file di server web anda Itu. htaccess file pada gilirannya mengkomunikasikan ke server web Anda bagaimana seharusnya menyajikan permalinks, sesuai dengan permalink ...

Pilihan Editor

Bagaimana cara Log In ke Layanan Cloud - dummies

Bagaimana cara Log In ke Layanan Cloud - dummies

Karena Cloud Service sepenuhnya berbasis di awan, semua Anda benar-benar Kebutuhan untuk mengaksesnya adalah koneksi internet. (Nah, Anda juga memerlukan nama pengguna dan kata sandi.) Anda dapat masuk dari kantor Anda dan kemudian mengambil tempat Anda tinggalkan di hotel saat bepergian di Tokyo. Salesforce memiliki banyak tindakan pengamanan ...

Bagaimana Bergerak di sekitar MYOB - dummies

Bagaimana Bergerak di sekitar MYOB - dummies

Di MYOB, Anda dapat melangkah maju dan mundur melalui setiap jendela pembelajaran saya. untuk mencintai kunci Tab komputer Anda. Ini jauh lebih mudah dan lebih cepat daripada menggunakan mouse anda. Keystrokes Shortcut Result Shift + Tab Bergerak ke belakang ke kolom sebelumnya Enter atau Tab Bergerak ke depan ke kolom berikutnya Alt + F4 Berhenti dan mengemas Esc Membawa ...

Bagaimana Membuka Kasus untuk Pelanggan di Salesforce. Kasus com - dummies

Bagaimana Membuka Kasus untuk Pelanggan di Salesforce. Kasus com - dummies

Adalah dasar Salesforce. com Layanan Cloud. Mereka adalah titik pusat kontak Anda dan apa yang agen hidup dan hirup setiap hari. Kasus adalah catatan penyelidikan layanan atau dukungan untuk pelanggan yang merinci masalah dan semua informasi yang mengelilinginya, seperti yang ditunjukkan. Kasus ...

Pilihan Editor

Menghitung Persen Tujuan di Excel - dummies

Menghitung Persen Tujuan di Excel - dummies

Ketika seseorang meminta Anda untuk menghitung satu persen Tujuannya, dia hanya mengatakan untuk membandingkan kinerja aktual dengan tujuan yang dinyatakan. Matematika yang terlibat dalam perhitungan ini sederhana: Bagilah tujuannya dengan aktual. Ini memberi Anda nilai persentase yang menunjukkan berapa banyak pencapaian yang telah dicapai. Misalnya, jika ...

Menghitung Persentase Varian di Excel - dummies

Menghitung Persentase Varian di Excel - dummies

Varians adalah indikator perbedaan antara satu angka dengan angka lainnya. Untuk memahami hal ini, bayangkan bahwa Anda menjual 120 widget pada suatu hari, dan keesokan harinya, Anda menjual 150. Perbedaan dalam penjualan sebenarnya sangat mudah dilihat; Anda menjual 30 widget lagi. Mengurangkan 120 widget dari 150 widget memberi ...

Menghitung Persentase Varian dengan Nilai Negatif di Excel - dummies

Menghitung Persentase Varian dengan Nilai Negatif di Excel - dummies

Rumus untuk menghitung varian persen dalam Excel bekerja dengan indah dalam banyak kasus. Namun, bila nilai benchmark adalah nilai negatif, rumusnya akan turun. Misalnya, bayangkan Anda memulai bisnis dan berharap bisa kehilangan tahun pertama. Jadi, Anda memberi anggaran sebesar negatif $ 10.000. Sekarang bayangkan itu ...