Enrera
Mòdul 1
Disseny i creació de pàgines web
  Pràctica
1
2
3
4
5
6
7
8
   
Exercicis
Exercicis
 

Enllaços

Els enllaços són dels elements més importants d’una pàgina web. D’aquí surt el qualificatiu hipertext, ja que el contingut de la informació es pot ampliar indefinidament, ja sigui amb pàgines creades per nosaltres i ubicades al mateix servidor, o també a webs externes, recursos mutimèdia o fitxers que l’usuari/ària pot descarregar simplement fent clic en un enllaç.

   
Desenvolupament de la pràctica
   
Pràctica

Per començar, creeu una pàgina senzilla amb un text breu, dins el qual inserireu un enllaç a la paraula depredador que us porti a una altra pàgina amb la definició d'aquest mot.

Finalment, des d'aquesta última, inseriu un altre enllaç que us porti a la primera pàgina.

   
  Pàgina tigre.htm
   
 

Pàgina tigre.htm

 

Pàgina tigre.htm

 

  La paraula depredador queda ressaltada amb blau i subratllada, i us porta a aquesta altra:
 

Pàgina depredador.htm

Pàgina depredador.htm

 
Pàgina depredador.htm
 

La paraula Anterior (subratllada amb blau) us permet saltar, novament, a la pàgina tigre.htm.

L'etiqueta <a>

 

L’etiqueta que heu d’inserir per permetre l'enllaç hipertextual és <a> amb el paràmetre href, el qual indica el document que haurà de mostrar el navegador en fer clic a sobre.

La sintaxi seria aquesta:

...un <a href=”depredador.htm”> depredador</a>, de pel rogenc...

Fixeu-vos que la paraula depredador va precedida de l’etiqueta <a href=”depredador.htm”> i, finalment, </a> indica el final d’aquest enllaç. El fet de situar </a> en un altre lloc posterior fa que tot el text situat entre les dues marques sigui l’hipervincle que us porta a la pàgina depredador.htm.

Pràctica

Per desenvolupar aquesta pràctica amb més comoditat, teniu el codi font de les dues pàgines a les finestres emergents que se us obriran en fer clic sobre els enllaços següents: tigre i depredador. Si no se us obren les dues finestres amb el codi, mireu de desactivar la protecció del vostre navegador que bloqueja els pop ups (finestres emergents).

Seleccioneu el contingut de de cadascuna de les finestres, copieu-lo i enganxeu-lo en dos documents nous creats amb el bloc de Notes del Windows. Per acabar, deseu-los amb l'extensió HTM. D'aquesta manera, heu creat dos fitxers: tigre.htm i depredador.htm.

 

Examineu el contingut, en especial, la ubicació de les etiquetes <a> i </a>. Seguidament, deseu el fitxer amb extensió HTM.

Atenció !

Acabeu de veure que el text inserit entre les etiquetes <a> i </a> es converteix en un enllaç. El paràmetre href indica el document amb el qual es vincula.

Consell important

 

Heu de procurar que els noms dels fitxers i els enllaços estiguin escrits amb minúscules, sense accents ni caràcters especials.

Recordeu que Windows no fa distinció entre els noms amb majúscules o minúscules, però un cop instal·lat al servidor, els caràcters s'interpreten de manera diferent.

Així doncs, és molt important que el nom que poseu al vincle de la pàgina coincideixi exactament amb el nom del fitxer.

  A la pràctica 7, veureu com inserir enllaços dins un mateix document.
 
Amunt