Video: The Great Gildersleeve: Leila Returns / The Waterworks Breaks Down / Halloween Party 2024
Adobe Dreamweaver CS6 menggunakan bekas maya yang dikawal oleh CSS, atau kotak, yang dicipta oleh tag DIV untuk meletakan kandungan secara bebas pada halaman. Tag DIV adalah tag asas yang digunakan untuk membuat kawasan untuk kandungan pada halaman anda.
Anda boleh membuat tag DIV dari beberapa tempat di Dreamweaver, termasuk bahagian Layout panel Sisip. Setiap tag DIV boleh mempunyai gaya ID unik yang diberikan kepadanya untuk mengawal kedudukan, rupa, dan saiznya. Proses meletakkan kandungan seringkali memerlukan dua langkah: mencipta tag DIV dan kemudian mencipta gaya sepadannya.
Dreamweaver menjadikan tugas ini mudah dengan alat AP Div, yang membolehkan anda melukis kotak secara bebas di halaman dan meletakkan kandungan di dalamnya.
CSS merawat kebanyakan elemen kontena pada halaman sebagai kotak ; pendekatan ini, dirujuk sebagai model CSS Box , membolehkan elemen ini berkongsi sifat seragam seperti padding, margin, lebar, ketinggian, dan sempadan.
Walaupun CSS boleh menganggap kebanyakan elemen yang mengandungi unsur pada halaman sebagai kotak (seperti jadual atau senarai), tag DIV yang paling biasa digunakan untuk membuat kotak maya yang boleh anda gunakan untuk meletakkan teks, imej, dan juga bersarang kotak.
Setiap kotak boleh mempunyai lebar, ketinggian, kedudukannya sendiri (melalui bahagian atas dan kiri), sempadan, margin, dan padding; setiap satu ditetapkan menggunakan sifat CSS yang sesuai.
Untuk membuat Divs AP (Absolute-Positioned), ikuti langkah-langkah berikut:
-
Buat halaman baru atau buka halaman sedia ada dari laman web anda.
-
Pada panel Sisip, pilih kategori Tata Letak.
-
Pilih alat Draw AP Div.
Kursor muncul sebagai rambut salib apabila anda mengalihkannya kembali ke halaman.
-
Klik di mana-mana di halaman dan seret untuk menarik Div ​​AP baru; melepaskan butang tetikus.
-
Gerakkan penunjuk tetikus di tepi kotak sehingga ia berubah kepada anak panah 4 arah; klik sekali dan pemegang akan muncul di semua pihak.
-
Klik dan seret mana-mana pemegang ini untuk mengubah saiz kotak secara menegak atau mendatar.
-
Untuk menggerakkan kotak, klik dan seretnya dengan tab yang duduk di tepi kiri atasnya dan letakkan kotak yang anda inginkan pada halaman tersebut.
Lihat pemeriksa hartanah, dan anda melihat nama serta banyak sifat DIV yang tersenarai.
-
Jika panel Gaya CSS tidak dibuka, pilih Window → CSS Styles untuk membukanya; di bawah panel Semua, klik ke kiri bahagian gaya () untuk mengembangkannya.
Anda melihat gaya # apDiv1 ID baru yang dilampirkan pada Div AP baru yang anda buat. Untuk setiap DIV yang baru dicipta, Dreamweaver memberikan apDiv dengan nombor yang sesuai dalam rangka penciptaan.
-
Klik di dalam kotak baru untuk mengetik, menampal, atau memasukkan kandungan baru.
Apabila anda melukis Div AP pada halaman, dua perkara berlaku: Dreamweaver memasukkan tag untuk membuat kotak dan membuat pemilih ID CSS yang menyimpan kedudukan, lebar, ketinggian, dan sifat-sifat lain DIV.
Selepas anda membuat Div AP, anda boleh menaip, paste, atau memasukkan kandungan terus di dalamnya. Anda juga boleh menetapkan peraturan kelas kepada mana-mana DIV dari inspektor Harta - yang paling kerap untuk menangani pemformatan kandungan, meninggalkan pemilih ID untuk mengawal kedudukan dan dimensi.
