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

Mòdul 7

Disseny i creació de pàgines Web

Pràctica

Exercicis

	Elaboració de plantilles model Publicar una pàgina Web és igual que publicar un llibre. La persona que l’observa veu els gràfics, comprova l’estil, valora el disseny i llavors el llegeix o no. Quan elaborem una pàgina Web ens convertim en editors, il·lustradors, dissenyadors gràfics... i per tant hem de valorar quin aspecte de la nostra web destaca, quin xoca i quin li dóna unitat. Es tracta doncs d’agafar un model, de fer una plantilla que serveixi per tots els continguts de la pàgina. Les estridències sobren. Per exemple, observeu com es presenta aquest curset. Hi ha vuit mòduls i tot i que el contingut de cada mòdul varia, el disseny es manté. Un cop dissenyada una pàgina i satisfets del resultat, es fa la plantilla i es varien els continguts i la pàgina dóna una sensació d’homogeneïtat i de qualitat. L’objectiu d’aquesta pràctica és arrodonir el disseny de la nostra pàgina a partir de plantilles.

	Creació de plantilles

	Una plantilla és un document que es pot utilitzar com a base per a la creació d’altres documents. Cada document basat en una plantilla fa servir el mateix disseny i estructura que la plantilla original. Crear una plantilla implica dissenyar les àrees que s’han d’editar. Les altres àrees de la plantilla estan bloquejades i controlades per la plantilla original. Les plantilles proporcionen un mètode ràpid per a actualitzar l’estructura i el contingut de moltes pàgines. Una plantilla defineix la disposició i el disseny de les pàgines que es creen a partir d’ella. Quan es crea una plantilla, el primer pas inclou el desenvolupamentdel disseny, (vegeu m7model ) i el segon pas és definir les àrees que seran editables en les documents basats en la plantilla. Les àrees editables són les parts del document que es poden modificar. En aquesta pràctica creareu una sèrie de pàgines Web a partir d’una plantilla comú. Llavors guardeu les pàgines, utilitzant noms diferents però amb l’aparença d’una Web uniforme.
	Des del Dreamweaver obriu el fitxer m7model.htm localitzat a la carpeta templates del mòdul 7 . Activeu Archivo\| Guardar como plantilla Selecció del menú Archivo\|Guardar como plantilla
	S’activa el menú: Dreamweaver dona automàticament nom a la plantilla que la pàgina original, per exemple plan1.htm
	Cliqueu sobre el botó Guardar del quadre de diàleg, apareix un altre quadre d’alerta que pregunta ¿Desea actualitzar los vínculos? Seleccionar Sí. A l’actualitzar els vincles, DW pot seguir les rutes fins els vincles i imatges correctes. La plantilla s’incorpora al sitio i es guarda a la carpeta anomenada Templates (plantilles) amb l’extensió .dwt indica que es tracta d’una plantilla Dreamweaver (dream - weaver - template). Obriu el fitxer m7model.dwt des de DW, ara creeu les regions editables. Creeu una capa o taula segons el vostre disseny, des del menú Diseño seleccionar una capa:
	Ara des del menú Común \|Región editable Qualsevol pàgina htm pot servir com a plantilla si la guardem com a plantilla i definim les regions editables,
	S’obre un quadre de diàleg :
	Definiu la regió especificant el nom de la secció que voleu editar.
	Escriviu text a Nombre, qualsevol text sempre que no contingui parèntesi ni asteriscs ni caràcters desconeguts a l’alfabet anglès. Per a cada regió hi poseu un nom específic i diferent. Per exemple: arbres, plantes,... Accepteu.
	Us sortirà un quadre com aquest: Requadre que es generar un cop acceptat el quadre diàleg anterior
	Per el cas que esteu estudiant el resultat serà: Resultat de la plantilla que utilitzareu. Guardeu la plantilla com a m7model.dwt, o senzillament aneu a Archivo\|Guardar, i ja teniu idees per a fer una plantilla i millorar la vostra web.

	Recordeu que les plantilles queden guardades a la carpeta anomenada Templates que genera el propi programa DW.