Perquè els visitants no es perdin al lloc i des de qualsevol pàgina puguin accedir a la secció desitjada del recurs, cal fer un menú de navegació. Els elements apuntadors s’han de col·locar a les pàgines web de manera que no interfereixin en la lectura del text i, al mateix temps, es puguin trobar fàcilment al lloc. Els visitants poden accedir a les parts necessàries del recurs fent clic a les paraules o imatges corresponents. Per proporcionar al recurs aquest menú, n'hi ha prou amb introduir un codi senzill a les parts necessàries del lloc.
Necessari
- - la presència al vostre propi lloc de diverses pàgines o seccions
- - diverses icones petites sobre el tema del lloc
- - saber penjar imatges al lloc
Instruccions
Pas 1
Per convertir una barra de menú en un enllaç, escriviu-la així:
PÀGINA PRINCIPAL
En aquesta entrada, substituïu http: ⁄ ⁄website.ru per l'URL de la pàgina que vulgueu.
Pas 2
El codi d’un menú horitzontal format per enllaços de text s’escriu de la següent manera:
PÀGINA PRINCIPAL
|
GALERIA
|
FUMRUM
|
LLIBRE DE CONVIDATS
Pas 3
Els traços verticals serveixen com a delimitadors entre els elements del menú d'una línia. Per definir el caràcter "|" des del teclat cal que mantingueu premuda la tecla Maj amb un dit a la disposició en anglès i, amb l’altre, seleccioneu el botó "| / ", situat a la dreta de la lletra "b". Assegureu-vos de posar un espai abans i després del traç perquè els elements del menú estiguin espaiats entre si.
Pas 4
Podeu crear un menú vertical a partir d’enllaços mitjançant l’entrada següent:
PÀGINA PRINCIPAL
GALERIA
FUMRUM
LLIBRE DE CONVIDATS
Pas 5
En aquest cas, el separador de les parts del menú és l’etiqueta, que envolta el text seguint-lo a una nova línia.
Pas 6
Si voleu crear elements de menú no en forma de paraules o frases, sinó en forma d’imatges que actuïn com a enllaços, empleneu primer el lloc amb totes les imatges que s’utilitzaran a la navegació del recurs.
Pas 7
Per col·locar una imatge en una pàgina web, cal que col·loqueu aquest codi al lloc correcte: per col·locar la vostra pròpia imatge, en lloc de http: ⁄ ⁄website / images / 1.png, escriviu el camí a la imatge desitjada carregada al vostre lloc.
Pas 8
Escriviu cada element del menú gràfic d’aquesta manera:
En aquest codi, substituïu http: ⁄ ⁄website.ru per l'adreça desitjada i pel codi de la imatge desitjada.
Pas 9
Podeu crear un menú horitzontal format per imatges d'aquesta manera:
Pas 10
En aquest codi, totes les imatges de les cel·les es troben en una fila de la taula. L'amplada de la taula, definida no en píxels, sinó en percentatge, permet estirar el contingut de la taula fins a l'amplada completa de la finestra, independentment de la resolució de la pantalla. Etiquetes:
formar una fila de taula i
- una de les cèl·lules.
Pas 11
Per col·locar aquest menú gràfic al lloc, substituïu els vostres enllaços, camins a imatges i noms de seccions de recursos al codi.
