Hvordan Lage En Navigasjonsmeny

Innholdsfortegnelse:

Hvordan Lage En Navigasjonsmeny
Hvordan Lage En Navigasjonsmeny

Video: Hvordan Lage En Navigasjonsmeny

Video: Hvordan Lage En Navigasjonsmeny
Video: Hvordan kode HTML og CSS - Del 4 Hvordan sette inn logo og navigasjonsmeny i HTML 2024, Kan
Anonim

For at besøkende ikke skal gå seg vill på nettstedet og fra hvilken som helst side kan få tilgang til ønsket del av ressursen, er det nødvendig å lage en navigasjonsmeny. Pekende elementer bør plasseres på websider på en slik måte at de ikke forstyrrer lesingen av teksten og samtidig lett kan bli funnet på nettstedet. Besøkende kan komme til de nødvendige delene av ressursen ved å klikke på de tilsvarende ordene eller bildene. For å forsyne ressursen med en slik meny, er det nok å angi en enkel kode i de nødvendige delene av nettstedet.

Hvordan lage en navigasjonsmeny
Hvordan lage en navigasjonsmeny

Nødvendig

  • - tilstedeværelsen på ditt eget nettsted av flere sider eller seksjoner
  • - flere små ikoner på temaet til nettstedet
  • - vet hvordan du laster opp bilder til nettstedet

Bruksanvisning

Trinn 1

For å gjøre en menylinje til en lenke, skriv den slik:

HOVEDSIDE

I denne oppføringen erstatter du http: ⁄website.ru med URL-adressen til siden du vil ha.

Steg 2

Koden for en horisontal meny som består av tekstlenker, skrives som følger:

HOVEDSIDE

|

GALLERI

|

FORUM

|

GJESTEBOK

Trinn 3

Vertikale streker fungerer som avgrensere mellom menyelementene i en linje. For å sette tegnet "|" fra tastaturet må du trykke og holde nede Shift-tasten med den ene fingeren på den engelske layouten, og med den andre - velg "| / " -knappen, som ligger til høyre for bokstaven "b". Sørg for å plassere et mellomrom før og etter streken, slik at menyelementene er avstand fra hverandre.

Trinn 4

Du kan opprette en vertikal meny fra lenker ved å bruke følgende oppføring:

HOVEDSIDE

GALLERI

FORUM

GJESTEBOK

Trinn 5

I dette tilfellet er skilletegnet til menydelene merkelappen, som bryter teksten etter den til en ny linje.

Trinn 6

Hvis du vil lage menyelementer ikke i form av ord eller uttrykk, men i form av bilder som vil fungere som lenker, må du først fylle ut nettstedet med alle bildene som skal brukes i navigasjonen av ressursen.

Trinn 7

For å plassere et bilde på en webside, må du sette denne koden på rett sted: For å plassere ditt eget bilde, i stedet for http: ⁄ ⁄website / images / 1.png, skriv stien til ønsket bilde lastet opp til nettstedet.

Trinn 8

Skriv hvert element i den grafiske menyen på denne måten:

I denne koden erstatter du http: ⁄website.ru med ønsket adresse og med koden til ønsket bilde.

Trinn 9

Du kan lage en horisontal meny som består av bilder på denne måten:

Trinn 10

I denne koden er alle bildene i cellene plassert i en rad i tabellen. Bredden på tabellen, ikke satt i piksler, men i prosent, gjør at tabellinnholdet kan strekkes til full bredde på vinduet, uavhengig av skjermoppløsningen. Tagger:

og

danne en tabellrad, og

og

- en av cellene.

Trinn 11

For å plassere en slik grafisk meny på nettstedet, erstatt lenker, baner til bilder og navn på ressursseksjoner i koden med din egen.

Anbefalt: