Pertanyaan: Bisa diterapkan bila ada gambar di kedua layer, tapi tidak bisa jika ada FLASH yang artinya gambar akan selalu tertutup FLASH.
Tentang
Lapisan Lapisan
dalam Dreamweaver adalah elemen halaman HTML yang diberi posisi absolut - khususnya, tag div atau tag lainnya.Lapisan dapat berisi teks, gambar, atau apa pun yang dapat ditempatkan di dalam badan dokumen HTML.
Perhatikan bahwa
lapisan yang disebutkan dalam bab ini milik konsep tata letak Dreamweaver, bukan tag lapisan.
Memahami konsep lapisan
Dengan Dreamweaver, Anda dapat menggunakan lapisan untuk mendesain tata letak halaman Anda. Anda dapat menempatkan lapisan satu di belakang yang lain, menyembunyikan beberapa lapisan sambil menampilkan lapisan lainnya, dan memindahkan lapisan di sekitar layar. Anda dapat menempatkan gambar background dalam satu layer lalu di depan layer tersebut letakkan layer kedua yang berisi teks dengan background transparan.
Lapisan memberikan fleksibilitas besar dalam menempatkan konten. Namun, pengunjung situs yang menggunakan browser Web versi lama mungkin mengalami kesulitan melihat lapisan tersebut. Untuk memastikan bahwa setiap orang dapat melihat halaman Web Anda, Anda dapat mendesain tata letak halaman menggunakan lapisan dan kemudian mengubah lapisan tersebut menjadi tabel. Untuk informasi selengkapnya, lihat Mengonversi Lapisan ke Tabel. Namun, jika pengunjung yang Anda hadapi kemungkinan besar menggunakan beberapa browser terbaru, Anda dapat mendesain tata letak Anda seluruhnya berlapis-lapis tanpa mengubah lapisan tersebut menjadi tabel.
Tentang kode HTML lapisan
Saat Anda menempatkan lapisan dalam dokumen, Dreamweaver menyisipkan tag HTML lapisan tersebut ke dalam kode. Secara default, Dreamweaver membuat lapisan menggunakan tag div.
Perhatikan bahwa
Anda juga dapat menggunakan dua tag lain untuk membuat lapisan: layer dan ilayer. Namun, tag ini hanya didukung oleh Netscape Navigator 4; Internet Explorer tidak mendukung tag ini, dan Netscape tidak lagi mendukung tag ini di browser yang lebih baru. Dreamweaver mengenali tag layer dan ilayer tetapi tidak menggunakannya untuk membuat layer.
Saat Anda menggambar layer menggunakan alat Draw Layers, Dreamweaver menyisipkan tag div ke dalam dokumen dan memberikan nilai id ke layer tersebut (secara default, Layer1 mewakili layer pertama yang digambar, Layer2 mewakili layer kedua yang digambar, dan seterusnya). Nanti, Anda dapat mengganti nama layer menjadi apa pun yang Anda inginkan menggunakan panel Layers atau Property Inspector. Dreamweaver juga menggunakan CSS yang tertanam di header dokumen untuk memposisikan lapisan dan menentukan dimensi pastinya.
Berikut ini contoh kode HTML untuk sebuah layer:
<head>
<meta http-equiv="Jenis Konten" content="teks/html; charset=iso-8859-1" />
<title>Contoh Halaman Lapisan</title>
<gaya tipe="teks/css">
<!--
#Lapisan1 {
posisi:mutlak;
kiri:62px;
atas:67 piksel;
lebar:421 piksel;
tinggi:188px;
indeks-z:1;
}
-->
</gaya>
</kepala>
<tubuh>
<div id="Layer1"></div>
</tubuh>
</html>
Anda dapat mengatur properti untuk lapisan atas halaman, termasuk koordinat x dan y, sumbu z (juga disebut urutan susun), dan visibilitas. Untuk informasi lebih lanjut, lihat Mengatur Preferensi dan Properti Lapisan.