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

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

7. Tata letak halaman web

Fungsi pengaturan huruf baru

Alasan mengapa saya menyebutkan fungsi pertukaran lapisan dan tabel sekaligus adalah karena di DW4, fungsi Tata Letak baru diluncurkan, yang dapat mengatur tata letak halaman dengan lebih langsung dan nyaman. Ada empat tombol di bagian bawah panel objek:

Tampilan Standar: tampilan dalam keadaan default;

Tampilan Tata Letak: Beralih ke tampilan tata letak, yang merupakan fungsi yang akan diperkenalkan kali ini;

tekan

Setelah menekan tombol tersebut, kedua tombol Tata Letak di atas dapat digunakan:

Tata letak tabel (LayOut Table): Tata letak tabel pada halaman seperti gambar;

Tata letak sel (LayOut Cell): Menggambar sel dalam tabel.
Sekarang kami mencoba menggunakan alat di atas untuk menata halaman baru: Buat halaman baru dan klik

Masuk ke tampilan tata letak dan klik

Gambar tabel di halaman dan klik

, gambarlah sel-sel dalam tabel, dimana tabel akan diwakili oleh kotak hijau, sel-sel akan diwakili oleh warna biru, dan sel-sel yang belum ditentukan akan diwakili oleh abu-abu, seperti yang ditunjukkan di bawah ini:

Di sini, ukuran setiap tabel dan sel dapat diatur sesuka hati. Terakhir, klik kembali ke tampilan standar, dan Anda akan menemukan bahwa "Tabel Tata Letak" yang baru saja Anda gambar telah diubah menjadi tabel. Seperti yang ditunjukkan di bawah ini:

Selain itu, pada tabel pada tampilan layout terdapat angka yang menunjukkan lebar tabel. Klik angka tersebut untuk melihat menu berikut:

Jadikan Peregangan Otomatis Kolom: Kolom meregang secara otomatis, artinya tabel dapat secara otomatis menyesuaikan lebarnya sesuai dengan rasio layar, yang setara dengan menentukan lebar tabel sebagai persentase.

Tambahkan gambar Spacer/Hapus Gambar Spacer: Menambah/menghapus gambar transparan. Fungsi gambar transparan adalah untuk menunjang lebar tabel.

Hapus Ketinggian sel: Hapus tinggi sel.

Berikut ini adalah cara goEway.com menggunakan fungsi Tata Letak untuk tata letak halaman. Dibandingkan dengan tampilan standar, ini jauh lebih intuitif.