Cara Membuat Menu Navigasi

Daftar Isi:

Cara Membuat Menu Navigasi
Cara Membuat Menu Navigasi

Video: Cara Membuat Menu Navigasi

Video: Cara Membuat Menu Navigasi
Video: CARA BUAT MENU NAVIGASI BLOG BUAT PEMULA ||TUTORIAL BLOG 2024, Mungkin
Anonim

Agar pengunjung tidak tersesat di situs dan dari halaman mana pun dapat mengakses bagian sumber daya yang diinginkan, maka perlu dibuat menu navigasi. Elemen penunjuk harus ditempatkan pada halaman web sedemikian rupa sehingga tidak mengganggu pembacaan teks dan pada saat yang sama dapat dengan mudah ditemukan di situs. Pengunjung bisa mendapatkan bagian yang diperlukan dari sumber daya dengan mengklik kata-kata atau gambar yang sesuai. Untuk memasok sumber daya dengan menu seperti itu, cukup memasukkan kode sederhana di bagian situs yang diperlukan.

Cara membuat menu navigasi
Cara membuat menu navigasi

Diperlukan

  • - kehadiran di situs Anda sendiri dari beberapa halaman atau bagian
  • - beberapa ikon kecil pada tema situs
  • - tahu cara mengunggah gambar ke situs

instruksi

Langkah 1

Untuk membuat bilah menu menjadi tautan, tulis seperti ini:

HALAMAN UTAMA

Dalam entri ini, ganti http: website.ru dengan URL halaman yang Anda inginkan.

Langkah 2

Kode untuk menu horizontal yang terdiri dari tautan teks ditulis sebagai berikut:

HALAMAN UTAMA

|

GALERI

|

FORUM

|

BUKU TAMU

Langkah 3

Goresan vertikal berfungsi sebagai pembatas antara item menu dalam satu baris. Untuk mengatur karakter "|" dari keyboard Anda perlu menekan dan menahan tombol Shift dengan satu jari pada tata letak bahasa Inggris, dan dengan yang lain - pilih tombol "| / ", yang terletak di sebelah kanan huruf "b". Pastikan untuk memberi spasi sebelum dan sesudah goresan sehingga item menu diberi jarak satu sama lain.

Langkah 4

Anda dapat membuat menu vertikal dari tautan menggunakan entri berikut:

HALAMAN UTAMA

GALERI

FORUM

BUKU TAMU

Langkah 5

Dalam hal ini, pemisah bagian menu adalah tag, yang membungkus teks yang mengikutinya ke baris baru.

Langkah 6

Jika Anda ingin membuat item menu bukan dalam bentuk kata atau frasa, tetapi dalam bentuk gambar yang akan bertindak sebagai tautan, maka pertama-tama isi situs dengan semua gambar yang akan digunakan dalam navigasi sumber daya.

Langkah 7

Untuk menempatkan gambar di halaman web, Anda harus meletakkan kode ini di tempat yang tepat: Untuk menempatkan gambar Anda sendiri, alih-alih http: situs web / gambar / 1.png, tulis jalur ke gambar yang diinginkan yang diunggah ke Anda lokasi.

Langkah 8

Tulis setiap item menu grafis dengan cara ini:

Dalam kode ini, ganti http: website.ru dengan alamat yang diinginkan, dan dengan kode gambar yang diinginkan.

Langkah 9

Anda dapat membuat menu horizontal yang terdiri dari gambar dengan cara ini:

Langkah 10

Dalam kode ini, semua gambar dalam sel terletak di satu baris tabel. Lebar tabel, tidak diatur dalam piksel, tetapi dalam persentase, memungkinkan isi tabel direntangkan ke lebar penuh jendela, terlepas dari resolusi layar. Tag:

dan

membentuk baris tabel, dan

dan

- salah satu sel.

Langkah 11

Untuk menempatkan menu grafis seperti itu di situs, ganti tautan, jalur ke gambar, dan nama bagian sumber daya dalam kode dengan milik Anda.

Direkomendasikan: