Apa itu Div PA?

A PA membuat elemen di tempat yang sama sepanjang waktu.

Hal pertama yang harus Anda ketahui tentang Div PA adalah bahwa istilah tersebut secara khusus diterapkan pada Adobe Dreamweaver. Konsepnya, bagaimanapun, mengacu pada komponen universal dari pengkodean HTML dan merupakan bagian integral dari struktur sebagian besar desain web. PA, atau penentuan posisi absolut, mengacu pada metode desain HTML yang memungkinkan kontrol lebih besar atas elemen-elemen yang muncul di halaman, terlepas dari browser yang digunakan untuk membuka situs.

Identifikasi

Cara mudah untuk memahami Div PA. Adalah untuk melihat bagian-bagian komponennya. Bagian PA adalah teknik pemosisian yang mengubah cara Anda memuat elemen HTML di halaman web Dreamweaver. Alih-alih memuat dengan cara dari atas ke bawah dengan masing-masing pemosisian elemen HTML itu sendiri relatif terhadap elemen lain, elemen atau elemen yang ditetapkan dimuat pada titik tertentu di halaman. Bagian div adalah wadah tingkat blok, yang sering mengandung elemen seperti spanduk, gambar, dan teks. Ia bekerja mirip dengan tag paragraf dalam tag awalnya - - selalu memulai baris baru dan blok kode dalam tag div Dreamweaver berfungsi sebagai unit terpisah.

Struktur

Sementara konten dari Div. PA akan bervariasi tergantung pada elemen dan posisinya pada halaman, struktur dari Div. PA selalu sama. Tag awal termasuk identifier # paDiv, diikuti oleh nomor yang meningkat secara berurutan dengan masing-masing Div. PA yang Anda buat dan kunci pembuka. Jika Anda memiliki dua div PA pada sebuah halaman, yang pertama akan muncul sebagai # paDiv1 dan yang kedua sebagai # paDiv2. Masing-masing ditutup dengan kunci penutup yang unik. Masukkan kode kustom antara tombol mulai dan putus: # apDiv1 {...}.

Proses

Gunakan editor kode Dreamweaver dan buat struktur luar secara manual atau gunakan metode "ketuk dan tekan". Dari menu File Dreamweaver, klik Sisipkan, Desain Objek, Div PA. Kemudian pilih CSS Styles, All Rules dari panel di sisi kanan jendela Dreamweaver. Pilih elemen, misalnya logo, spanduk, atau konten yang ingin Anda sertakan dengan memilihnya di bagian. Jika, misalnya, # konten dipilih, bagian gaya akan diperluas lebih lanjut dengan opsi pemformatan, seperti, font, ukuran dan warna. Format teks dan pilih Box, Isi panel CSS Styles. Pad, atau diatur dalam margin - seperti masing-masing 10px - untuk bagian atas, kanan, bawah, dan kiri Div AP. Sebagai langkah terakhir, tetapkan margin di luar bagian atas, kanan, bawah, dan kiri Div PA untuk memisahkannya dari elemen lain halaman. Simpan pekerjaan Anda dan lihat halaman dalam tampilan Desain untuk melihat bagaimana elemen selalu dimuat di lokasi yang sama pada halaman.

Tujuan

A Dreamweaver Div dapat melayani beberapa tujuan spesifik dan berguna. Dengan memperluas konsep memuat item ke lokasi yang tepat, Anda dapat menggunakan Div PA untuk menumpuk item di atas satu sama lain dengan menyiapkan properti yang disebut indeks-z. Anda juga dapat mendefinisikan properti yang disebut pemangkasan yang memungkinkan elemen saling tumpang tindih atau menetapkan opsi visibilitas yang memungkinkan mereka menyembunyikan atau menampilkan elemen sesuai dengan aktivitas pengguna.