Rumah Media Sosial Mengajarkan Template dalam Dreamweaver - dummies

Mengajarkan Template dalam Dreamweaver - dummies

Daftar Isi:

Video: NGOBAR #6 : Membuat Website COMPANY PROFILE menggunakan MATERIALIZE (Bagian 1) 2025

Video: NGOBAR #6 : Membuat Website COMPANY PROFILE menggunakan MATERIALIZE (Bagian 1) 2025
Anonim

Banyak program desain Web membanggakan template HTML mereka.. Yang sebenarnya mereka maksudkan adalah menyertakan beberapa desain halaman siap pakai dengan program ini. Dreamweaver mengambil konsep ini beberapa lompatan lebih jauh dengan menyediakan fitur perancangan template yang memungkinkan Anda membuat desain dasar halaman dan kemudian mengontrol bagian mana yang dapat dan tidak dapat diubah. Ini adalah fitur yang berharga jika Anda bekerja dengan tim pengembang dengan tingkat keahlian yang berbeda-beda. Misalnya, jika Anda membangun situs untuk perusahaan real estat dan Anda ingin membiarkan karyawan memperbarui daftar penjualan tanpa dapat mengacaukan desain halaman, template bisa menjadi solusi yang tepat.

Template paling baik digunakan saat Anda membuat sejumlah halaman yang memiliki karakteristik tertentu, seperti warna latar belakang atau elemen navigasi. Daripada menyetel properti yang benar untuk setiap halaman baru atau membuat perubahan yang sama pada halaman demi halaman, Anda dapat menggunakan template untuk melakukan perubahan pada beberapa halaman sekaligus.

Tetap benar pada template Anda

Salah satu keuntungan besar dalam menggunakan fitur template Dreamweaver adalah Anda dapat menentukan bidang template mana yang dapat diubah. Ini sangat berguna jika Anda bekerja dengan orang-orang yang memiliki berbagai tingkat keahlian dalam HTML dan Anda menginginkan perancang yang lebih maju untuk membuat halaman yang orangnya kurang berpengalaman tidak dapat mengacaukannya nanti. Dengan tujuan tersebut, template memiliki wilayah yang dapat diedit dan area yang terkunci (tidak dapat dikelola). Gunakan wilayah yang dapat diedit untuk konten yang berubah, seperti deskripsi produk. Gunakan area terkunci untuk konten statis dan tidak berubah, seperti logo atau elemen navigasi situs.

Anda dapat memodifikasi template bahkan setelah Anda menggunakannya untuk membuat dokumen. Kemudian saat Anda memperbarui dokumen yang menggunakan template, bagian dokumen yang tidak dapat diedit diperbarui agar sesuai dengan perubahan yang Anda buat pada template.

Saat mengedit template itu sendiri, Anda dapat membuat perubahan pada bagian file apa pun, baik itu wilayah yang dapat diedit atau terkunci. Saat mengedit dokumen yang dibuat dari template, Anda dapat membuat perubahan hanya pada wilayah dokumen yang dapat diedit. Jika Anda kembali dan mengubah template setelah dibuat, Dreamweaver memberi Anda pilihan untuk mengubahnya tercermin di semua halaman yang Anda buat dengan template itu atau hanya halaman yang sedang Anda edit.

Membuat template

Membuat template semudah membuat file lain di Dreamweaver, seperti yang dapat Anda lihat pada langkah-langkah berikut. Anda bisa mulai dengan dokumen HTML yang ada dan memodifikasinya sesuai kebutuhan Anda, atau Anda bisa membuat dokumen yang sama sekali baru.Bila Anda menyimpan file sebagai template, file akan disimpan secara otomatis di folder Template folder utama untuk situs Web. Template harus disimpan dalam folder umum ini karena fitur otomatis Dreamweaver berfungsi dengan baik. Jika Anda belum memiliki folder Template di situs Web Anda, Dreamweaver secara otomatis menciptakannya saat Anda menyimpan template pertama Anda.

Fitur Template hanya berfungsi jika Anda mendefinisikan situs Web Anda di Dreamweaver

Semua elemen dalam template terkunci secara default, kecuali bagian judul dokumen, yang ditunjukkan oleh tag. (Bagian judul dokumen yang tidak terkunci adalah perbaikan dalam Dreamweaver 4 - di Dreamweaver 3, Anda tidak dapat membuat bidang judul dapat diedit.). Agar template dapat digunakan untuk membangun halaman baru, Anda harus membuat bagian lain dari halaman dapat diedit juga. Ingat bahwa Anda selalu dapat kembali ke template dan membuat lebih banyak area dapat diedit atau menghapus kemampuan untuk mengedit area tertentu nanti.

Untuk membuat template dengan wilayah yang dapat diedit, ikuti langkah-langkah ini:

1. Pilih Window -> Templates.

2. Di panel Template, klik tanda panah di pojok kanan atas dan pilih New Template dari menu drop-down yang terbuka.

Template baru dan tanpa judul ditambahkan ke daftar template di panel.

3. Dengan template yang masih dipilih, ketikkan nama untuk template sama seperti Anda akan memberi nama file apa pun di Finder di Mac atau Explorer di PC.

Template baru ditambahkan ke daftar Template untuk Situs.

4. Setelah Anda memberi nama template baru, klik dua kali nama untuk membukanya.

Halaman template akan terbuka di Dreamweaver seperti halaman HTML lainnya, kecuali bahwa nama file diakhiri dengan ekstensi. dwt.

Anda sekarang dapat mengedit halaman ini seperti halaman HTML lainnya, memasukkan gambar, teks, tabel, dan sebagainya.

5. Pilih Modify -> Page Properties untuk menentukan warna latar belakang, teks, dan link.

Selanjutnya, Anda menempatkan beberapa teks atau gambar pada halaman sebagai placeholder untuk informasi yang mungkin ingin Anda ubah di masa depan.

6. Untuk membuat gambar atau teks dapat diedit, pilih gambar atau teksnya lalu pilih Modify -> Templates -> New Editable Region. (Gambar atau teks yang Anda pilih dapat diedit menjadi area yang dapat diubah dalam halaman yang dibuat dengan template. Area yang tidak Anda tandai sebagai diedit akan diperbaiki dan hanya dapat diubah jika Anda memodifikasi template itu sendiri.)

Kotak dialog Wilayah Baru Diedit terbuka.

7. Di kotak teks Name, ketik nama untuk wilayah yang dapat diedit.

Teks atau gambar disorot dalam template, yang menunjukkan bahwa pesan tersebut dapat diedit. Anda bisa memberi nama wilayah apapun yang Anda inginkan, namun memilih sesuatu yang sesuai dengan jenis informasi yang akan Anda masukkan ke daerah ini membuat Anda lebih mudah diingat.

8. Untuk membuat gambar atau teks lain dapat diedit, ulangi Langkah 6 dan 7.

9. Simpan template anda dan tutup file tersebut setelah selesai.

Anda dapat membuat keseluruhan tabel atau sel tabel individual dapat diedit, namun Anda tidak dapat membuat banyak sel dapat diedit sekaligus, kecuali jika Anda telah menggabungkannya terlebih dulu.Anda harus memilih setiap sel satu per satu jika Anda ingin membuat beberapa sel dalam tabel bisa diedit, tapi bukan yang lain. Lapisan dan lapisan konten juga diperlakukan sebagai elemen terpisah, namun bisa juga ditandai sebagai dapat diedit. Membuat lapisan yang dapat diedit memungkinkan Anda mengubah posisi lapisan itu. Membuat konten layer dapat diedit berarti Anda bisa mengubah isi layer, seperti teks atau gambar di layer.

Mengajarkan Template dalam Dreamweaver - 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 ...