Dreamweaver MX 2004 dari awal(4)
Penulis:Eve Cole
Waktu Pembaruan:2009-05-31 21:02:51
Penggunaan lapisan <BR> Lapisan adalah area halaman web. Mungkin terdapat beberapa lapisan dalam satu halaman web. Daya tarik terbesarnya adalah setiap lapisan dapat tumpang tindih, dan Anda dapat memutuskan apakah setiap lapisan terlihat pada saat yang sama, Kemampuan untuk menyesuaikan hubungan hierarki antar lapisan. Setelah menguasai teknologi lapisan, Anda dapat memberikan kemampuan kontrol halaman yang kuat untuk halaman web.
Buat lapisan
Untuk mengilustrasikan fungsi layer, pertama-tama kita membuat contoh efek sederhana seperti yang ditunjukkan pada Gambar 1 (Gambar 1).
Gambar 1
Langkah pertama adalah membuat halaman baru di Dreamweaver MX 2004 dan menjalankan perintah "Insert→Layer Objects→Layer" Pada saat ini, bingkai persegi panjang hitam akan muncul di jendela pengeditan, yang merupakan lapisan yang disisipkan. Saat mouse bergerak melewati garis bingkai persegi panjang, mouse akan berubah menjadi bentuk panah silang. Saat mouse diklik, akan muncul 8 kotak hitam solid di sekitar garis bingkai, dan terdapat kotak kosong di pojok kiri atas, menandakan. bahwa lapisan ini dipilih.
Tip: Gunakan mouse untuk menyeret kotak padat untuk mengubah ukuran lapisan, dan menyeret kotak kosong di sudut kiri atas untuk mengubah posisi lapisan.
Langkah kedua adalah klik mouse pada layer dan masukkan "China Computer Education News", lalu atur teks menjadi biru di jendela panel properti.
Langkah ketiga adalah mengklik batas lapisan untuk memilih lapisan, lalu jalankan perintah "Edit→Salin" untuk menyalin lapisan saat ini, lalu klik mouse di area kosong lainnya pada jendela pengeditan, dan jalankan perintah "Edit→Tempel" perintah, sehingga di jendela pengeditan Lapisan lain muncul, tetapi saat ini lapisan tersebut tumpang tindih dan Anda perlu memindahkan lapisan tersebut sebelum Anda dapat melihat kedua lapisan tersebut.
Langkah keempat adalah mengubah warna teks salah satu layer menjadi hitam, dan memindahkan posisi layer sehingga posisi kedua layer berbeda beberapa pixel sehingga menghasilkan efek bayangan (Gambar 2).
Gambar 2
Setelah menyelesaikan operasi di atas, tekan tombol "F12" untuk melihat pratinjau, dan Anda dapat melihat efek yang ditunjukkan pada Gambar 1 di browser IE.
Lapisan bersarang
Yang disebut lapisan bersarang mengacu pada lapisan yang dibuat di lapisan lain. Misalnya, apa yang ditunjukkan pada Gambar 3 adalah lapisan bersarang yang khas (Gambar 3). Sebenarnya, membuat layer bersarang seperti ini sangat sederhana. Cukup buat layer induk, klik di dalam layer dengan mouse, dan masukkan layer lagi. Namun, lapisan bersarang tidak berarti bahwa sublapisan harus berada di dalam lapisan induk. Ada hubungan pewarisan di antara keduanya.
Gambar 3
Fungsi warisan adalah untuk menjaga visibilitas sublapisan tetap konsisten dengan lapisan induk karena banyak efek khusus halaman web dinamis dicapai dengan mengontrol visibilitas lapisan, ketika visibilitas lapisan induk berubah, visibilitas lapisan tersebut. sublapisan berubah. Visibilitasnya juga berubah. Selain itu, hubungan pewarisan juga dapat menjaga posisi relatif dari lapisan anak dan lapisan induk tidak berubah. Misalnya, jika kita menyeret lapisan induk untuk berpindah, lapisan anak juga akan ikut bergerak. Ini akan sangat berguna saat membuat dinamis halaman web.
Urutan lapisan Z
Dibandingkan dengan tabel, keuntungan terbesar dari lapisan adalah dapat tumpang tindih. Untuk menunjukkan lapisan mana yang di atas dan mana di bawah, nomor seri harus ditetapkan untuk setiap lapisan. Nomor seri ini adalah "urutan Z". Artinya, selain koordinat X dan Y pada layar, sumbu Z yang tegak lurus terhadap layar juga ditambahkan secara artifisial.
Seperti yang ditunjukkan pada Gambar 4, empat lapisan di area kiri jelas berbeda dari empat lapisan di area kanan. Caranya juga sangat mudah untuk mengatur urutan lapisan, cukup gunakan mouse untuk mengklik dan menempatkannya di bagian bawah , lapisan tengah dan atas bisa digunakan. Namun cara pengoperasian ini sepertinya agak merepotkan jika terdapat banyak lapisan, dan merepotkan untuk menyesuaikannya nanti, sehingga kita dapat melakukan penyesuaian melalui panel lapisan.
Gambar 4
Pertama jalankan perintah "Window→Layers" untuk mengaktifkan panel lapisan. Saat ini, Anda dapat melihat jendela panel seperti yang ditunjukkan pada Gambar 5 (Gambar 5). mouse dan seret ke atas atau ke bawah. Seret dan lepaskan mouse ketika garis horizontal muncul di antara dua lapisan yang ingin Anda sisipkan, sehingga Anda dapat mengubah "urutan Z" setiap lapisan.
Gambar 5
Tip: Klik langsung pada nilai kotak "Z" untuk mengubahnya ke tingkat lapisan yang diperlukan.
Buat tabel menggunakan lapisan
Meskipun menggunakan lapisan untuk menemukan elemen halaman web jauh lebih nyaman daripada menggunakan tabel, hanya browser IE 4.0 dan yang lebih baru yang mendukung fungsi lapisan, sehingga teman yang menggunakan browser lama dapat melihat pekerjaan yang telah Anda buat dengan susah payah. cara terbaik adalah mengubah layer menjadi tabel.
Langkah pertama adalah memilih kotak centang "Cegah tumpang tindih" di bagian atas jendela yang ditunjukkan pada Gambar 5, sehingga setiap lapisan tidak dapat saling tumpang tindih, jika tidak maka akan ada pesan peringatan selama proses konversi.
Langkah kedua adalah menjalankan perintah "Modify→Convert→Layers to Table". Saat ini, Anda dapat melihat jendela yang ditunjukkan pada Gambar 6 (Gambar 6). "Gunakan GIF Transparan" masing-masing Dua opsi, yang pertama membuat sel untuk setiap lapisan melalui konversi yang tepat untuk memastikan jarak antara setiap sel; yang terakhir akan mengisi baris terakhir tabel yang dikonversi dengan gambar GIF transparan, yang memastikan semuanya browser Semua memiliki tampilan yang sama.
Gambar 6
Langkah ketiga adalah menyelesaikan operasi konversi dari lapisan ke tabel setelah menekan tombol "OK".
Tip: Dreamweaver MX 2004 juga menyediakan fungsi konversi dari tabel ke lapisan, dan langkah-langkahnya serupa.
Jika Anda ingin membuat halaman web Anda berwarna, Anda harus menguasai teknologi lapisan. Jika tidak, Anda akan menemui banyak kesulitan saat membuat halaman web dinamis di kemudian hari, oleh karena itu disarankan agar Anda mempelajarinya secara mendalam melalui pendahuluan di atas hingga benar-benar menguasai teknologi lapisan.