Cara Membuat Menu Navigasi

Isi kandungan:

Cara Membuat Menu Navigasi
Cara Membuat Menu Navigasi

Video: Cara Membuat Menu Navigasi

Video: Cara Membuat Menu Navigasi
Video: #TutorialBlog Cara Membuat Menu Navigasi di Blog • Simple News Video 2024, April
Anonim

Agar pelawat tidak tersesat di laman web ini dan dari mana-mana halaman dapat mengakses bahagian sumber yang diinginkan, perlu membuat menu navigasi. Elemen penunjuk harus diletakkan di laman web sedemikian rupa sehingga tidak mengganggu pembacaan teks dan pada masa yang sama dapat dijumpai dengan mudah di laman web ini. Pengunjung boleh sampai ke bahagian sumber yang diperlukan dengan mengklik kata atau gambar yang sesuai. Untuk membekalkan sumber dengan menu seperti itu, cukup memasukkan kod mudah di bahagian-bahagian laman web yang diperlukan.

Cara membuat menu navigasi
Cara membuat menu navigasi

Perlu

  • - kehadiran di laman web anda sendiri dari beberapa halaman atau bahagian
  • - beberapa ikon kecil pada tema laman web ini
  • - tahu bagaimana memuat naik gambar ke laman web

Arahan

Langkah 1

Untuk menjadikan pautan menu sebagai pautan, tulis seperti ini:

MUKA SURAT UTAMA

Dalam entri ini, ganti http: ⁄ ebwebsite.ru dengan URL halaman yang anda mahukan.

Langkah 2

Kod untuk menu mendatar yang terdiri daripada pautan teks ditulis seperti berikut:

MUKA SURAT UTAMA

|

GALERI

|

FORUM

|

BUKU PANDUAN

Langkah 3

Pukulan menegak berfungsi sebagai pembatas antara item menu dalam satu baris. Untuk menetapkan watak "|" dari papan kekunci anda perlu menekan dan menahan kekunci Shift dengan satu jari pada susun atur bahasa Inggeris, dan dengan yang lain - pilih butang "| / ", yang terletak di sebelah kanan huruf "b". Pastikan anda meletakkan ruang sebelum dan selepas pukulan supaya item menu berada di antara satu sama lain.

Langkah 4

Anda boleh membuat menu menegak dari pautan menggunakan entri berikut:

MUKA SURAT UTAMA

GALERI

FORUM

BUKU PANDUAN

Langkah 5

Dalam kes ini, pemisah bahagian menu adalah tag, yang membungkus teks mengikutnya ke baris baru.

Langkah 6

Sekiranya anda ingin membuat item menu bukan dalam bentuk kata atau frasa, tetapi dalam bentuk gambar yang akan bertindak sebagai pautan, maka terlebih dahulu isi laman web ini dengan semua gambar yang akan digunakan dalam navigasi sumber.

Langkah 7

Untuk meletakkan gambar di laman web, anda perlu meletakkan kod ini di tempat yang betul: Untuk meletakkan gambar anda sendiri, dan bukannya http: ⁄ eb laman web / gambar / 1.png, tulis jalan ke gambar yang diinginkan yang dimuat naik ke tapak.

Langkah 8

Tulis setiap item menu grafik dengan cara ini:

Dalam kod ini, ganti http: ⁄ ebwebsite.ru dengan alamat yang diinginkan, dan dengan kod gambar yang diinginkan.

Langkah 9

Anda boleh membuat menu mendatar yang terdiri daripada gambar dengan cara ini:

Langkah 10

Dalam kod ini, semua gambar dalam sel terletak dalam satu baris jadual. Lebar meja, tidak ditetapkan dalam piksel, tetapi dalam persentase, membolehkan isi meja diregangkan hingga lebar tetingkap, tanpa mengira resolusi layar. Teg:

dan

membentuk barisan jadual, dan

dan

- salah satu sel.

Langkah 11

Untuk meletakkan menu grafik di laman web ini, ganti pautan, jalan ke gambar dan nama bahagian sumber dalam kod dengan yang anda miliki.

Disyorkan: