IES de Gironella
Àrea de Matemàtiques
CV FEM UN PROJECTE WEB
 
ENLLAÇOS (I)

Informació

Definició d'enllaços
 
L'opció més important de les pàgines web són els enllaços (també anomenats links, vincles o bots). Gràcies a ells es pot anar saltant de pàgina en pàgina d'un projecte web i de tota la Word Wide Web.
Podeu enllaçar una pàgina Web amb altres pàgines, tant si es troben a la mateixa carpeta, al mateix servidor o a qualsevol lloc d'Internet.
 
Per fer un enllaç cal seleccionar el text o la imatge i escollir l'opció Vínculo de la finestra de propiedades.
 
cliqueu i seleccioneu la pàgina o fitxer destí.

 

Pràctiques
Enllaç a una pàgina del mateix lloc web
 
Seguint amb la pàgina Web garrotxa.htm, es tracta de fer un enllaç a una segona pàgina municipis.htm, que presenta la descripció d'alguns dels municipis de la comarca de la Garrotxa.
 
Per facilitar-vos la feina s'ha preparat la pàgina municipis.htm que conté les descripcions. Copieu-la des de la carpeta P:\mates\web_area\cvs\cvweb\material\ a L:\eso_4t\usuari\web_personal\cvweb\garrotxa\, d'aquesta manera els fitxers garrotxa.htm i municipis.htm es trobaran al mateix lloc.
 
Amb el Dreamweaver, editeu la pàgina garrotxa.htm i seleccioneu el text Els municipis del tercer paràgraf. Cliqueu l'opció
de Vínculo i busqueu el fitxer municipis.htm. És important que a Relativo a: hi hagi l'opció Documento


 
Deseu el fitxer garrotxa.htm i obriu la pàgina amb el Navegador. Observeu que el text Els municipis es visualitza subratllat, d'un altre color i que el punter del ratolí canvia de forma en passar per sobre. Comproveu que l'enllaç que heu definit funciona.
 
A continuació definireu un enllaç que retorni des de la pàgina municipis.htm a la pàgina garrotxa.htm.
 
Obriu la pàgina municipis.htm amb el Dreamweaver i doneu-li un aspecte semblant a la pàgina garrotxa.htm:
 
Color de fons
Groc
Títol: Municipis de la Garrotxa
Arial, mida 6, color marró i negreta.
Els noms dels municipis
Arial, mida 4, color taronja i negreta.
Extensió: i Població:
Arial, mida 2, negreta.
La resta del text
Arial, mida 2.
Centreu el títol de la pàgina i inseriu una línia entre cada municipi amb l'opció Insertar regla horizonta de la finestra objectes.

 
Pàgina municipis.htm visualitzada en el Redactor
 
Per fer l'enllaç amb la pàgina garrotxa.htm marqueu la paraula Garrotxa del títol Municipis de la Garrotxa i cliqueu
de Vínculo de la finestra de propiedades, busqueu garrotxa.htm com a nom de la pàgina amb la que voleu enllaçar.
 
Deseu el fitxer municipis.htm i comproveu amb el Navegador que el text Garrotxa es visualitza subratllat i que l'enllaç que acabeu de definir funciona.
 
 

Pràctiques
Enllaç a una pàgina d'Internet
 
Seguint amb la pràctica, es tracta de fer un enllaç des de la pàgina garrotxa.htm fins al servidor d'on s'ha obtingut la informació per a fer les pàgines.
 
Primer de tot cal buscar l'adreça de la pàgina on voleu fer l'enllaç. En aquest cas es vol enllaçar amb l'adreça http://www.grec.net/cgibin/hecentra.pgm que és el formulari principal de cerca de la Hiperenciclopèdia.
 
Amb el Dreamweaver, obriu la pàgina garrotxa.htm. Seleccioneu la paraula Hiperenciclopèdia (part inferior del text) per fer l'enllaç. A l'opció Vínculo escriviu l'adreça corresponent. En aquest cas no s'ha de clicar la icona

Propietats del caràcter. Enllaç
 
Deseu el fitxer garrotxa.htm. Com que l'enllaç és a una pàgina remota d'Internet, per comprovar el funcionament cal que tingueu la connexió telefònica oberta.
 
Atenció

Sovint les adreces són llargues, complexes o difícils d'escriure, per això convé copiar-les des de la casella del Navegador.
 
A continuació fareu un enllaç des de la imatge besalu.jpg a la pàgina de la Hiperenciclopèdia que presenta aquest municipi.
 
En el Navegador cerqueu Besalú a la Hiperenciclopèdia. Fixeu-vos que l'adreça de la pàgina resultant de la cerca és del tipus:

http://www.grec.net/cgibin/heccl2.pgm?&USUARI=xtec01&
SESSIO=0000812769&NDCHEC=0009654&PGMORI=A

Situeu el cursor del ratolí a la casella Ubicació del Navegador i feu clic. Tot el text de l'adreça queda seleccionat. Cliqueu amb el botó dret del ratolí i escolliu l'opció Copia del menú contextual (també podeu prémer Ctrl C). En aquest moment teniu l'adreça de la pàgina copiada en el Porta-retalls del Windows. Ja podeu minimitzar el Navegador.
 
Amb el Dreamweaver, editeu la pàgina garrotxa.htm. Seleccioneu la imatge besalu.jpg i a l'opció Vínculo poseu amb l'opció Pegar del menú contextual l'adreça que havíem copiat.
 
Deseu el fitxer garrotxa.htm i visualitzeu la pàgina.
 
Pàgina garrotxa.htm visualitzada en el Navegador, on es veu una imatge enllaçada
 
Fixeu-vos que la imatge besalu.jpg presenta un requadre (és l'equivalent del subratllat en un enllaç textual). Per eliminar-lo cliqueu amb el ratolí sobre de la imatge, i indiqueu 0 píxels en el camp Borde de la finestra de propiedades.
 
Amb la idea que aquesta pàgina constitueixi un centre d'informació sobre la Garrotxa, afegiu un nou enllaç des de la paraula SIAL a l'adreça de la pàgina on hi ha la relació dels municipis de la Garrotxa (Busqueu-la amb el navegador des de http://www.xtec.es/sial)

 
Feu un altre enllaç des del títol de la pàgina a la informació de la web Descobreix Catalunya des del Palau Robert.
 

http://www.gencat.es:80/probert/comarca/i_garrotxa.htm
 
En ser el títol un enllaç es visualitza subratllat. Per millorar la presentació elimineu la línea que separa el títol del text. Seleccioneu la línia i premeu la tecla Supr.
 
Deseu novament el fitxer garrotxa.htm i comproveu tots els enllaços: cal que tingueu la connexió telefònica oberta.
 
Pàgina garrotxa.htm visualitzada en el Navegador
 
Atenció
Fixeu-vos que quan, al navegador, situeu el punter del ratolí sobre un enllaç (text o imatge), a la barra d'estat, situada a la part inferior del Navegador, es visualitza l'adreça del destí.
 
En alguns casos, conèixer l'adreça d'una pàgina Web no resulta fàcil. Hi ha pàgines que estan estructurades en marcs i a la casella Ubicació del Navegador es visualitza només l'adreça de la pàgina principal. Per conèixer l'adreça d'una pàgina secundària cliqueu-la amb el botó dret del ratolí i seleccioneu l'opció Obre un marc en una nova finestra.