D72. Mòdul 3. Pràctica 6.Disseny i creació de pàgines web

Mòdul 3

Disseny i creació de pàgines web

Pràctica

Exercicis

	Imatges amb enllaç L'objectiu d'aquesta pràctica és aprendre a utilitzar les imatges per enllaçar parts diferents d'una pàgina web. Les imatges, no només fan més amable i enriqueixen el contingut d'una pàgina web, també poden tenir altres funcions, per exemple, informar, il·lustrar i ampliar temes i continguts donant accés a altres pàgines.

	Desenvolupament de la pràctica

	Unir pàgines a partir d'imatges.
	Imatges que uneixen pàgines diferents:

	Obriu la pàgina m3_5c.htm i situeu el cursor sobre la figura del llibre, a la finestra de Propiedades. Cliqueu a la icona de la carpeta groga, a la dreta de l'opció Vínculo, i escolliu la pàgina m3_5b.htm. Accepteu. Escriviu el tipus de llibre que és: novel·la, llibre de text, diccionari, etc., dins l'opció Alt. Guardeu la pàgina com a m3_6a.htm. Premeu F12 i comproveu si funciona.

	Part d'una imatge fa de mapa sensible per activar pàgines diferents:
	Obriu la pàgina m3_5b.htm. Poseu-vos amb el cursor sobre el nom de l'autor del llibre. Activeu, amb el cursor, l'eina d'activació quadrangular del mapa situada a la part inferior esquerra de la finestra Propiedades.

	Per fer un mapa sensible, també podeu activar la forma circular o la poligonal, segons convingui.
	Seleccioneu, amb aquesta eina, només la part de la imatge on hi hagi el nom de l'autor/a del vostre llibre. Veureu que queda un rectangle actiu de color blavós i que, a l'apartat Vínculo, surt un vincle activat. Busqueu l'arxiu m3_6a.htm a partir de la carpeta groga i accepteu. Escriviu Recomano a l'opció Alt. Guardeu com a m3_6b.htm. Premeu F12 i comproveu què heu fet.
	Les imatges com a eines d'ancoratge
	A vegades, l'autor/a d'una pàgina web organitza els continguts en seccions activables des d'una mateixa pàgina. Les àncores són ideals per localitzar ràpidament diferents zones concretes de la pàgina.
	Busqueu a Internet recensions crítiques sobre el llibre que heu recomanat. Copieu el contingut i anoteu, també, la font de consulta. Obriu la pàgina m3_6a.htm. Activeu el menú Edición \| Pegar i afegiu aquests continguts a la vostra pàgina. La pàgina és ara més llarga: per anar al començament, podeu fer córrer l'espaiador o utilitzar una imatge situada al final que, visualment, us indiqui com anar a l'inici. Per exemple, podeu fer servir aquesta imatge .
	Col·loqueu-vos amb el cursor davant el títol de la pàgina: m3_6a.htm. Activeu l'àncora i, a la finestra amb l'opció Nombre de anclaje, un mot de referència, per exemple: Amunt. Accepteu.

	Anomeneu l'enllaç de forma significativa per recordar la seva funció
	Cliqueu amb el cursor a la imatge que voleu fer servir com a enllaç. Desplaceu-vos per la pàgina fins a trobar l'àncora. Observeu que teniu oberta la finestra de Propiedades de la imatge. A l'opció Vínculo, hi ha un cercle i la carpeta groga . Cliqueu sobre el cercle i arrossegeu la fletxa fins a l'àncora. Us surt el text de l'ancoratge escrit al camp de text Vínculo.
	Exemple de l'ancoratge fet a la imatge que es mostra
	Accepteu, guardeu la pàgina i comproveu el que heu fet.
	Poseu en pràctica tot el que heu après en aquest mòdul fent l'exercici de consolidació.

	No només les imatges, també qualsevol text es pot utilitzar com a àncora. No sempre s'ha d'incorporar una imatge per fer d'àncora, per l'estètica de la pàgina, també es pot optar per fer servir una part de text per fer d'àncora.