Hoe Om 'n Navigasie-menu Te Maak

INHOUDSOPGAWE:

Hoe Om 'n Navigasie-menu Te Maak
Hoe Om 'n Navigasie-menu Te Maak

Video: Hoe Om 'n Navigasie-menu Te Maak

Video: Hoe Om 'n Navigasie-menu Te Maak
Video: Hoe maak je een geweldige navigatiebalk met HTML & CSS 2024, Mei
Anonim

Sodat besoekers nie op die webwerf verdwaal nie en vanaf enige bladsy toegang tot die gewenste gedeelte van die bron het, is dit nodig om 'n navigasie-menu te maak. Wyselemente moet so op die webbladsye geplaas word dat dit nie die lees van die teks beïnvloed nie en terselfdertyd maklik op die werf gevind kan word. Besoekers kan na die nodige dele van die bron kom deur op die ooreenstemmende woorde of beelde te klik. Om die bron van so 'n menu te voorsien, is dit voldoende om 'n eenvoudige kode in die nodige dele van die webwerf in te voer.

Hoe om 'n navigasie-menu te maak
Hoe om 'n navigasie-menu te maak

Nodig

  • - die teenwoordigheid van verskeie bladsye of afdelings op u eie webwerf
  • - verskeie klein ikone op die tema van die webwerf
  • - weet hoe om foto's na die webwerf op te laai

Instruksies

Stap 1

Om van 'n menubalk 'n skakel te maak, skryf dit so:

HOOFBLAD

In hierdie inskrywing vervang u http: ⁄website.ru deur die URL van die bladsy wat u wil hê.

Stap 2

Die kode vir 'n horisontale menu wat uit teksskakels bestaan, word soos volg geskryf:

HOOFBLAD

|

GALERY

|

FORUM

|

GASTEBOEK

Stap 3

Vertikale strepe dien as skeiding tussen menu-items in 'n reël. Om die karakter "|" in te stel vanaf die sleutelbord moet u die Shift-toets met die een vinger op die Engelse uitleg hou en met die ander een - kies die "| / " knoppie, wat regs van die letter "b" is. Sorg dat u 'n spasie vóór en na die beroerte plaas, sodat die menu-items van mekaar geskei word.

Stap 4

U kan 'n vertikale spyskaart met behulp van die volgende skakels skep:

HOOFBLAD

GALERY

FORUM

GASTEBOEK

Stap 5

In hierdie geval is die skeier van die menu-dele die etiket, wat die teks daarna omvou na 'n nuwe reël.

Stap 6

As u menu-items nie in die vorm van woorde of frases wil maak nie, maar in die vorm van beelde wat as skakels sal dien, vul dan eers die webwerf in met al die beelde wat gebruik sal word vir die navigasie van die bron.

Stap 7

Om 'n beeld op 'n webblad te plaas, moet u die kode op die regte plek plaas: om u eie prentjie te plaas, in plaas van http: / web / images / 1.png, skryf u die pad na die gewenste prent wat na u werf.

Stap 8

Skryf elke item van die grafiese menu op hierdie manier:

In hierdie kode, vervang http: ⁄website.ru deur die gewenste adres en deur die kode van die gewenste prentjie.

Stap 9

U kan op hierdie manier 'n horisontale menu opstel wat uit beelde bestaan:

Stap 10

In hierdie kode is al die foto's in die selle in een ry van die tabel geleë. Die breedte van die tabel, nie in pixels nie, maar in persentasie gestel, laat toe dat die inhoud van die tabel tot die volle breedte van die venster gerek word, ongeag die skermresolusie. Tags:

en

vorm 'n tafelry, en

en

- een van die selle.

Stap 11

Om so 'n grafiese spyskaart op die webwerf te plaas, vervang u skakels, paaie na beelde en name van hulpbronafdelings in u kode.

Aanbeveel: