Plantilles parlants a Dreamweaver

Molts programes de disseny web presumeixen de les seves plantilles HTML. El que realment volen dir és que inclouen alguns dissenys de pàgines ja fets amb el programa. Dreamweaver porta aquest concepte uns quants passos més enllà proporcionant funcions de disseny de plantilles que us permeten crear el disseny bàsic d'una pàgina i després controlar quines seccions es poden modificar i no. Aquesta és una característica valuosa si treballeu amb un equip de desenvolupadors de diferents nivells d'habilitat. Per exemple, si esteu creant un lloc per a una empresa immobiliària i voleu permetre que els empleats actualitzin les llistes de vendes sense poder alterar el disseny de la pàgina, una plantilla pot ser la solució perfecta.

Les plantilles s'utilitzen millor quan creeu diverses pàgines que comparteixen determinades característiques, com ara el color de fons o els elements de navegació. En lloc d'establir les propietats correctes per a cada pàgina nova o fer els mateixos canvis pàgina rere pàgina, podeu utilitzar una plantilla per fer canvis a diverses pàgines alhora.

Mantenir-se fidel a la vostra plantilla

Un dels grans avantatges d'utilitzar la funció de plantilla de Dreamweaver és que podeu especificar quines àrees de la plantilla es poden canviar. Això és especialment útil si treballeu amb persones que tenen diversos nivells d'habilitat en HTML i voleu que un dissenyador més avançat creï una pàgina que una persona amb menys experiència no pugui desordenar més tard. Amb aquest objectiu en ment, una plantilla té regions editables i regions bloquejades (no editables). Utilitzeu regions editables per al contingut que canviï, com ara una descripció de producte. Utilitzeu regions bloquejades per a contingut estàtic i inalterable, com ara un logotip o elements de navegació del lloc.

Podeu modificar una plantilla fins i tot després d'haver-la fet servir per crear documents. Aleshores, quan actualitzeu els documents que utilitzen la plantilla, les seccions no editables d'aquests documents s'actualitzen per coincidir amb els canvis que heu fet a la plantilla.

Mentre editeu la plantilla, podeu fer canvis a qualsevol part del fitxer, ja siguin les regions editables o bloquejades. Tanmateix, mentre editeu un document fet a partir d'una plantilla, només podeu fer canvis a les regions editables del document. Si torneu enrere i canvieu una plantilla després de crear-la, Dreamweaver us ofereix l'opció de reflectir aquests canvis a totes les pàgines que heu creat amb aquesta plantilla o només a la pàgina que esteu editant actualment.

Creació de plantilles

Crear una plantilla és tan fàcil com crear qualsevol altre fitxer a Dreamweaver, com podeu veure als passos següents. Podeu començar amb un document HTML existent i modificar-lo segons les vostres necessitats, o podeu crear un document completament nou. Quan deseu un fitxer com a plantilla, el fitxer s'emmagatzema automàticament a la carpeta Plantilles de la carpeta principal del lloc web. Les plantilles s'han de desar en aquesta carpeta comuna perquè les funcions automatitzades de Dreamweaver funcionin correctament. Si encara no teniu una carpeta Plantilles al vostre lloc web, Dreamweaver en crearà una automàticament quan deseu la vostra primera plantilla.

Les funcions de plantilla només funcionen si heu definit el vostre lloc web a Dreamweaver

Tots els elements d'una plantilla estan bloquejats de manera predeterminada, excepte la secció del títol del document, que s'indica amb el

etiquetes. (La secció del títol del document que no està bloquejada és una millora a Dreamweaver 4; a Dreamweaver 3, no podeu fer que l'àrea del títol es pugui editar.). Perquè la plantilla sigui útil per crear pàgines noves, també heu de fer que altres àrees de la pàgina siguin editables. Recordeu que sempre podeu tornar a la plantilla i fer més àrees editables o eliminar la possibilitat d'editar determinades àrees més endavant.

Per crear una plantilla amb regions editables, seguiu aquests passos:

1. Trieu Finestra –> Plantilles.

2. Al tauler Plantilles, feu clic a la fletxa de l'extrem superior dret i trieu Plantilla nova al menú desplegable que s'obre.

S'afegeix una plantilla nova sense títol a la llista de plantilles del tauler.

3. Amb la plantilla encara seleccionada, escriviu un nom per a la plantilla de la mateixa manera que anomenaríeu qualsevol fitxer al Finder en un Mac o a l'Explorador en un PC.

La plantilla nova s'afegeix a la llista Plantilles per al lloc.

4. Després d'anomenar la plantilla nova, feu doble clic al nom per obrir-la.

La pàgina de plantilla s'obre a Dreamweaver com qualsevol altra pàgina HTML, tret que el nom del fitxer acaba amb l'extensió .dwt.

Ara podeu editar aquesta pàgina com ho faríeu amb qualsevol altra pàgina HTML, inserint imatges, text, taules, etc.

5. Trieu Modifica –> Propietats de la pàgina per especificar els colors de fons, text i enllaços.

A continuació, col·loqueu text o imatges a la pàgina com a marcadors de posició per a la informació que potser voldreu canviar en el futur.

6. Per fer que una imatge o una àrea de text sigui editable, seleccioneu la imatge o el text i després trieu Modificar –> Plantilles –> Nova regió editable. (La imatge o el text que seleccioneu com a editable es converteix en una àrea que es pot canviar a qualsevol pàgina creada amb la plantilla. Les àrees que no marqueu com a editable es fixaran i només es podran canviar si modifiqueu la plantilla mateixa.)

S'obre el quadre de diàleg Nova regió editable.

7. Al quadre de text Nom, escriviu un nom per a la regió editable.

El text o la imatge es ressalta a la plantilla, indicant que és editable. Podeu anomenar la regió com vulgueu, però escollint alguna cosa que es correspongui amb el tipus d'informació que aneu a posar a la zona us facilitarà el record.

8. Per fer que altres imatges o àrees de text siguin editables, repetiu els passos 6 i 7.

9. Deseu la plantilla i tanqueu el fitxer quan hàgiu acabat.

Podeu fer que una taula sencera o una cel·la de taula individual sigui editable, però no podeu editar diverses cel·les alhora, tret que les hàgiu fusionat primer. Heu de seleccionar cada cel·la d'una en una si voleu que algunes de les cel·les d'una taula siguin editables, però no d'altres. Les capes i el contingut de la capa també es tracten com a elements separats, però qualsevol es pot marcar com a editable. Fer que una capa sigui editable us permet canviar la posició d'aquesta capa. Fer que el contingut de la capa sigui editable significa que podeu canviar el contingut de la capa, com ara el text o la imatge de la capa.