Kako Napraviti Navigacijski Izbornik

Sadržaj:

Kako Napraviti Navigacijski Izbornik
Kako Napraviti Navigacijski Izbornik

Video: Kako Napraviti Navigacijski Izbornik

Video: Kako Napraviti Navigacijski Izbornik
Video: Kako napraviti responzivni izbornik? 2024, Studeni
Anonim

Kako se posjetitelji ne bi izgubili na web mjestu i s bilo koje stranice mogli pristupiti željenom odjeljku resursa, potrebno je napraviti navigacijski izbornik. Pokazivački elementi trebaju biti postavljeni na web stranice na takav način da ne ometaju čitanje teksta i da se istodobno mogu lako pronaći na web mjestu. Posjetitelji mogu doći do potrebnih dijelova resursa klikom na odgovarajuće riječi ili slike. Da biste opskrbili resurs takvim izbornikom, dovoljno je unijeti jednostavan kôd u potrebne dijelove stranice.

Kako napraviti navigacijski izbornik
Kako napraviti navigacijski izbornik

Potrebno

  • - prisutnost nekoliko stranica ili odjeljaka na vašoj web stranici
  • - nekoliko malih ikona na temu web stranice
  • - znati kako prenijeti slike na web mjesto

Upute

Korak 1

Da biste traku izbornika učinili vezom, napišite je ovako:

GLAVNA STRANICA

U ovom unosu zamijenite http: ⁄ ⁄website.ru URL-om stranice koju želite.

Korak 2

Kôd za vodoravni izbornik koji se sastoji od tekstualnih poveznica napisan je kako slijedi:

GLAVNA STRANICA

|

GALERIJA

|

FORUM

|

KNJIGA GOSTIJU

3. korak

Okomiti potezi služe kao graničnici između stavki izbornika u retku. Postavljanje znaka "|" s tipkovnice trebate jednim prstom pritisnuti i držati tipku Shift na engleskom rasporedu, a drugim - odabrati gumb "| / ", koji se nalazi desno od slova "b". Obavezno stavite razmak prije i nakon poteza tako da su stavke izbornika međusobno udaljene.

4. korak

Okomiti izbornik možete stvoriti od veza pomoću sljedećeg unosa:

GLAVNA STRANICA

GALERIJA

FORUM

KNJIGA GOSTIJU

Korak 5

U ovom je slučaju separator dijelova izbornika oznaka, koji tekst koji slijedi premotava u novi redak.

Korak 6

Ako stavke izbornika želite napraviti ne u obliku riječi ili fraza, već u obliku slika koje će djelovati kao poveznice, prvo ispunite web mjesto svim slikama koje će se koristiti u navigaciji resursa.

7. korak

Da biste sliku postavili na web stranicu, morate postaviti ovaj kod na pravo mjesto: Da biste postavili vlastitu sliku, umjesto http: ⁄ ⁄website / images / 1.png, napišite put do željene slike prenesene na vaš web mjesto.

Korak 8

Napišite svaku stavku grafičkog izbornika na ovaj način:

U ovom kodu zamijenite http: ⁄ ⁄website.ru željenom adresom i kodom željene slike.

Korak 9

Na ovaj način možete stvoriti vodoravni izbornik koji se sastoji od slika:

Korak 10

U ovom su kodu sve slike u ćelijama smještene u jedan red tablice. Širina tablice, koja nije postavljena u pikselima, već u postocima, omogućuje rastezanje sadržaja tablice na cijelu širinu prozora, bez obzira na razlučivost zaslona. Oznake:

i

čine redak tablice i

i

- jedna od stanica.

11. korak

Da biste takav grafički izbornik postavili na web mjesto, veze, staze do slika i nazive odjeljaka resursa u kodu zamijenite vlastitim.

Preporučeni: