Kegunaan ajaib dari tabel DreamWeaver-penjelasan rinci tentang produksi wireframe (5)
Penulis:Eve Cole
Waktu Pembaruan:2009-05-30 18:36:21
4> Produksi batas pengatur jarak
"Gap border" terutama digunakan untuk menyusun daftar item dari setiap kolom atau saluran di halaman web. Untuk memudahkan pemahaman semua orang, penulis akan menampilkan renderingnya terlebih dahulu setelah produksi selesai, sebagai berikut:
Berikut ini adalah proses produksi yang sesuai (mengambil contoh produksi spasi tiga bingkai)
Pertama, masukkan objek tabel dengan 1 baris dan 3 kolom ke dalam halaman web. Selama proses penyisipan, langsung atur "Border" ke 0, "CellSpace" ke 2, dan "CellPad" ke 1, seperti yang ditunjukkan pada gambar
Catatan: Pengaturan di sini sepenuhnya sama dengan pengaturan di panel properti.
Tahan tombol kiri mouse dan seret setiap sel untuk memilih 3 objek sel secara bersamaan. Atur "Bgcolor" menjadi "Merah" di panel properti. Perhatikan bahwa warna ini adalah warna batas selokan.
Untuk mencapai efek spasi, kami akan menggunakan produksi "tabel bersarang" di sini. Penulis pertama-tama memberi tahu Anda beberapa hal yang perlu diperhatikan saat mendesain tabel "bersarang". Saat memasukkan tabel ke dalam sel, yang terbaik adalah mengatur atribut posisi konten sel "Horz" (posisi kiri dan kanan) dan "Vert" " (posisi atas dan bawah). Setel ke "Kiri" dan "Atas" untuk menghindari masalah yang tidak perlu saat menyesuaikan kembali ukuran tabel bertumpuk. Cukup seret sudut kanan bawah untuk melakukannya. sebagai berikut
Masukkan objek tabel ke dalam tiga sel secara bergantian, atur "Border", "CellSpace", dan "CellPad" semuanya menjadi "0", dan atur warna latar belakang setiap tabel di panel properti ke halaman yang sama. Warna latar belakang adalah " putih". Poin lainnya adalah mengatur "Lebar" dan "Tinggi" ke "100%" dalam keadaan tampilan proporsional, sehingga secara otomatis dapat mengisi seluruh unit sesuai dengan ukurannya. grid.
Anda sekarang dapat melihat pratinjau efeknya.
Dalam produksi batas selokan, perbedaan dari batas garis tipis adalah bahwa lebar batas 1 dicapai melalui atribut "CellPad" dan bukan "CellSpace" sebelumnya. "CellPad" di sini mengacu pada jarak sel antara konten dan batas sel. Tidak ada keraguan bahwa tiga tabel lainnya yang kami sisipkan sebagai konten dalam contoh ini adalah. Kemudian menyesuaikan "CellSpace" dapat mengubah jarak antara setiap batas, seperti efek unit "6".
Demikian pula, Anda dapat membuat batas selokan vertikal dengan cara serupa.
Di atas kami telah menganalisis dengan cermat proses produksi, prinsip, dan metode penyesuaian beberapa jenis batas umum di halaman web. Saya percaya bahwa bentuk perbandingan efek lebih memudahkan pemahaman setiap orang tentang perbedaannya masing-masing, sehingga memperdalam kesan mereka. Tentu saja, saya berharap semua orang dapat menemukan lebih banyak efek perbatasan sesuai dengan ide desain yang serupa.