Índex

Els enllaços són zones del text o de les imatges que serveixen per executar acciones quan es fa clic a sobre d'ells.

Les accions més comunes són:

• Anar a altra pàgina o a una zona diferent dins la mateixa pàgina.
• Iniciar un procés de baixar un fitxer de la xarxa. El fitxer pot ser un text o una imatge o una cançó, etc.
• Començar l'execució d'un petit programa fet en un llenguatge d'script.
• Executar una cançó, veure una pel·lícula, veure una animació.
• Executar programes molt bons, fets en llenguatges de programació molt potents com el Java.
• Etc.....

5.1. Fer enllaços de tipus textual

5.1.1. Enllaços dins de la meva web

Tenim dues pàgines, l'original que veiem en el Dreamweaver i la pàgina que volem que aparegui quan es faci clic a sobre d'un text subratllat.

Hem de posar una adreça relativa al lloc on tenim desada la pàgina com als exemples següents:

nuevapagina.html

directori/nuevapagina.html

../nuevapagina.html

En el Dreamweaver primer es senyala el text que tindrà l'enllaç i després s'escriu el vincle en el quadre de propietats.

5.1.2 Fer un enllaç cap a una zona dins la mateixa pàgina que estem fent.

Hem de posar un "punto de fijación con nombre" en el lloc de destí de l'enllaç, posant un nom a aquest destí.

1. Aquest "punto de fijación con nombre" no es veu en el navegador
2. El nom del "punto de fijación con nombre" ha de tenir relació amb el contingut de la pàgina.

En el Dreamweaver hem de posar el cursor en el lloc de destí i anar al menú Insertar/Etiquetas invisibles i posar el nom del punt de fixació Després hem de anar al lloc on fem l'enllaç i després de posar com a vincle el nom del punt de fixació precedit d'un quadradet. #paragraf8

5.1.3. Enllaços cap a una pàgina d'una web diferent.

En aquest cas hem de saber la ubicació per escriure-la en la finestra de Propiedades/Vínculo. Per exemple, per enllaçar amb la pàgina lapaginagroga.htm que es troba físicament a l'ordinador de l'IES Mare de Deu de la Mercè hem d'escriure la URL següent:

Primer senyalem el text que portarà l'enllaç i després posarem el vincle.

5.1.4. Fer un enllaç cap a un "punto de fijación con nombre" d'una altra pàgina de la nostra web altra.

Hem d'afegir a la URL de la pàgina cridada una "quadradet" (#) i el nom del "punto de fijación con nombre"

La pàgina groga té un "punto de fijación con nombre" que es diu marca. Si volem cridar aquesta zona de la pàgina haurem d'escriure la URL: http://www.xtec.es//ice/~malmarza/lapaginagroga.htm#marca

5.2 Organització dels enllaços dins les nostres pàgines web

Com veiem a la figura les pàgines de la nostra web han de estar relacionades entre sí amb enllaços. Hem de tenir cura d'alguns aspectes:

· Hem de fer una pàgina principal que faci de distribuïdora de les altres pàgines.
· La pàgina principal ha de anomenar-se index.htm.
· De totes les pàgines s'ha de poder anar a la pàgina principal mitjançant un enllaç.
· Incloure enllaços a altres pàgines relacionades amb els temes de les nostres enriqueix molt la visites a la nostra web.

5.3 Inserir un enllaç en una imatge

Hem de seleccionar la imatge i posar al quadre de Vínculo l'adreça enllaçada amb aquesta imatge.

Aprofito per comentar que el camp "Alt" serveix per escriure una frase que apareixerà després a sobre de la imatge quan passarem el ratolí a sobre d'ella.

5.3.1 Els mapes sensibles

Són imatges que tenen diferents zones sensibles i cadascuna correspon a un enllaç. Tenen dos utilitats principals:

• Un mapa real (pla de les aules, organigrames, etc...).
• Imatge amb diferents fotos o dibuixos referits a un tema. Cada un d'aquest dibuix ens porta al seu lloc.

Com a exemple farem un mapa d'imatges del darrer cas.

• Seleccionem la imatge i li donem un nom al mapa que crearem.
• Dibuixem una zona sensible, li posem el vincle i el text alternatiu.
• Hem de fer totes les zones sensibles abans de continuar fent la pàgina.

5.4 Exercicis.

• Fer un primer disseny en paper de les pàgines que tindrà una web amb un menú principal i amb el nom de les pàgines cridades.
• Crear les pàgines anteriors amb el Dreamweaver escrivint en cadascuna d'elles un petit missatge amb el títol de la pàgina i la frase de "Pàgina en construcció"
• Crear en la pàgina principal un petit menú que enllaci amb les pàgines creades anteriorment.
• Crea un mapa d'imatges que tingui opcions relacionades amb l'exercici anterior.