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

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 ...