Tutorial singkat Dreamweaver 4 (7. Tata letak halaman web)

Penulis：Eve Cole Waktu Pembaruan：2009-05-30 18:35:53

7. Tata letak halaman web

Penggunaan tabel

Tabel adalah elemen halaman web yang sangat penting. Karena HTML sendiri tidak menyediakan lebih banyak metode tata letak, kita sering kali perlu menggunakan tabel untuk mendapatkan tata letak halaman web yang bagus. Dapat dikatakan bahwa tabel adalah keterampilan yang paling penting dalam produksi halaman web. Seberapa baik tabel digunakan secara langsung mencerminkan tingkat desainer web.

Klik pada panel objek

, Anda akan melihat kotak dialog berikut:

① Baris: jumlah baris dalam tabel; Kolom: jumlah kolom dalam tabel;

② Lebar: Lebar tabel, satuannya bisa Piksel (jumlah piksel) atau Persen (persentase). Ukuran tabel yang ditentukan dalam piksel adalah tetap, sedangkan tabel yang ditentukan dalam persentase akan berubah sesuai dengan ukuran browser. Perbedaan kedua metode definisi tersebut akan dijelaskan secara mendalam nanti;

③ Batas: lebar garis tabel;

④ Padding Sel: spasi sel; Spasi Sel: margin sel. Yang disebut sel mengacu pada setiap sel kecil dalam tabel.

Setelah dilakukan pengaturan seperti pada gambar, maka akan diperoleh tampilan sebagai berikut:

Klik pada baris tabel untuk memilih seluruh tabel. Anda dapat melihatnya di panel properti:

① Baris, Kolom: baris dan kolom tabel;

② W, H: Lebar dan tinggi meja. Biasanya, kami tidak menentukan tinggi meja;

③ CellPad, CellSpace: spasi sel dan margin sel; Perbatasan: lebar garis tabel;

④ Ailgn : Perataan tabel, Anda dapat memindahkan tabel ke kiri (Left), tengah (Center), atau kanan (Right)

⑤

: Hilangkan pengaturan ketinggian baris;

: Hilangkan pengaturan lebar kolom;

: Mengubah pengaturan lebar tabel dari persentase menjadi piksel;

: Mengubah pengaturan lebar tabel dari piksel menjadi persentase;

⑥ Bg Color: Mengatur warna latar belakang tabel;

⑦ Warna Brdr: Mengatur warna garis tabel;

⑧ Gambar Bg: Mengatur gambar latar belakang tabel. Jika gambar latar belakang disetel, warna latar belakang tidak valid;

Jika kita memindahkan kursor ke salah satu sel, panel properti yang kita lihat berbeda:

①

: Gabungkan sel (Anda harus terlebih dahulu memilih sel terkait yang akan digabungkan);

: Membagi sel menjadi beberapa baris atau kolom;

② Horz: Perataan horizontal di dalam sel, fungsinya sama dengan

serupa;
Vert: Perataan vertikal di dalam sel;

③ W, H: lebar dan tinggi sel;

④ Bg: gambar latar belakang sel;

⑤ Bg: warna latar belakang sel;

⑥ Brdr: warna batas sel.