Buat bar navigasi mendatar dan menegak untuk halaman web dalam Dreamweaver. Bar navigasi mendatar: Buat menggunakan jadual, tetapkan saiz sel, penjajaran dan pautan. Bar navigasi menegak: Buat menggunakan senarai hierarki, tetapkan teks item senarai, pautan dan gaya. Laraskan penjajaran mengikut keperluan anda.
Bagaimana Menggunakan Dreamweaver untuk membuat bar navigasi mendatar dan menegak untuk halaman web
Horizontal Navigation Bar
- insert Table:Click "Insert" & gt; baris dan 2 lajur Jadual di atas.
- Formatkan jadual:Klik kanan pada jadual, pilih "Table Properties", masukkan dimensi yang dikehendaki dalam medan "Width" dan "Height".
- Laraskan sel:Pilih sel yang anda mahu sebagai item menu, klik kanan dan pilih "Cell Properties". Masukkan dimensi yang dikehendaki dalam medan Lebar dan Tinggi dan pilih Berpusat di bawah Penjajaran mendatar.
- Tambah Pautan:Masukkan pautan dalam sel item menu, menunjuk ke halaman yang berkaitan. Klik kanan sel, pilih Sisipkan > dan masukkan URL halaman sasaran.
- Tetapkan sempadan dan latar belakang:Tetapkan sempadan dan warna latar belakang jadual dan sel mengikut keperluan. Pilih jadual atau sel, klik kanan dan pilih Table Properties atau Cell Properties untuk membuat pelarasan dalam tab Borders atau Background.
Bar Navigasi Menegak
- Masukkan senarai hierarki:Klik "Sisipkan" > "Senarai Hierarki".
- Buat item senarai:Masukkan teks item bar navigasi dan tekan Enter untuk mencipta sub-item. Gunakan tab inden untuk membuat senarai bersarang.
- Tambah pautan:Sisipkan pautan dalam teks item senarai untuk menghala ke halaman berkaitan. Pilih item senarai, klik kanan dan pilih Sisipkan >
- Penggayaan:Tetapkan penampilan bar navigasi dengan menggunakan gaya atau kelas CSS. Pilih senarai atau item senarai, klik kanan dan pilih Gaya atau CSS untuk melaraskan dengan sewajarnya.
- Laraskan penjajaran:Laraskan penjajaran bar navigasi mengikut keperluan. Pilih senarai atau item senarai, klik kanan dan pilih Format Perenggan, pilih pilihan yang anda mahu di bawah Penjajaran.
Atas ialah kandungan terperinci Cara membuat bar navigasi mendatar dan menegak untuk halaman web dalam dreamweaver. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!