Com crear una nova plantilla de Dreamweaver

Creeu una plantilla nova al Dreamweaver utilitzant el mateix quadre de diàleg Document nou que feu servir per crear qualsevol altre tipus de pàgina. Per crear una plantilla de Dreamweaver, seguiu aquests passos:

Trieu Fitxer → Nou.

S'obre el quadre de diàleg Nou document.

A la llista de l'esquerra, feu clic a l'opció Pàgina en blanc.

A la llista Tipus de pàgina, seleccioneu Plantilla HTML.

A l'àrea Disseny, trieu crear una pàgina en blanc o seleccioneu un disseny CSS predissenyat.

Les moltes opcions de disseny CSS de Dreamweaver ofereixen un gran avantatge per crear un disseny de pàgina nou.

Feu clic al botó Crear.

Es crea una nova plantilla en blanc i s'obre a l'àrea de treball principal i es tanca el quadre de diàleg Nou document.

Trieu Fitxer → Desa.

Rebreu un avís (si no l'heu desactivat), indicant que la plantilla no té cap regió editable i preguntant si realment voleu desar-la. Feu clic a D'acord per tancar el quadre de diàleg d'advertència i continuar. Dreamweaver us dóna aquest avís perquè una plantilla sense regions editables no és útil. Trobeu instruccions per crear regions editables al pas 9.

Feu clic a D'acord per desar la pàgina tal com està ara.

Apareix la finestra Desa com a plantilla amb la carpeta Plantilles oberta. Si encara no teniu una carpeta anomenada Plantilles a la carpeta del vostre lloc local, Dreamweaver us en crearà una quan creeu i deseu la vostra primera plantilla.

Per funcionar correctament, les plantilles de Dreamweaver s'han de desar en una carpeta anomenada Plantilles (amb una T majúscula ) a la carpeta del vostre lloc local, que és visible al tauler Fitxers. Si canvieu el nom de la carpeta o moveu la carpeta Plantilles a una subcarpeta, les plantilles deixaran de funcionar correctament.

Creeu un disseny per a la pàgina afegint imatges, text i altres elements com ho faríeu amb qualsevol altre fitxer de Dreamweaver.

Recordeu que creeu un disseny de pàgina en una plantilla com ho faríeu en qualsevol altra pàgina web. Depèn de si incloeu imatges i text que es substituiran a les pàgines creades a partir de la plantilla o simplement creeu l'esquelet d'una pàgina.

Per crear una regió editable:

Seleccioneu qualsevol imatge, bloc de text o àrea de contingut.

Sovint, la millor opció és seleccionar una àrea sencera d'una pàgina perquè tot en aquesta secció es torni editable. Si has dissenyat les teves pàgines amb

etiquetes i CSS, una bona opció és seleccionar el

etiqueta per a una secció sencera, com ara el

etiqueta amb estil amb l'estil de classe mainContent.

Una manera pràctica de seleccionar una secció envoltada per a

L'etiqueta és col·locar el cursor en qualsevol lloc d'aquesta àrea de la pàgina i, a continuació, utilitzar el selector d'etiquetes a la part inferior de l'espai de treball per seleccionar el

etiqueta.

Trieu Insereix → Plantilla → Regió editable.

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

Doneu un nom a la nova regió editable.

Trieu alguna cosa que identifiqui el tipus de contingut, com ara el títol o el contingut principal. La regió que definiu com a editable es converteix en una àrea que es pot canviar a qualsevol pàgina creada a partir de la plantilla. Podeu tenir diverses regions editables en una plantilla. Cada regió editable ha de tenir un nom diferent; els noms no poden utilitzar espais ni caràcters especials, però els guions baixos i els guions estan bé.

Feu clic a D'acord.

Un quadre blau aqua (amb una pestanya blau aqua a la part superior esquerra del quadre) envolta la regió editable. El nom que heu introduït al quadre de diàleg Nova regió editable apareix a la pestanya.

Quan acabeu de dissenyar la pàgina i afegiu totes les regions editables que vulgueu, seleccioneu Fitxer → Desa per desar la plantilla.

Quan deseu una pàgina de plantilla nova o deseu una pàgina existent com a plantilla, el Dreamweaver afegeix automàticament l'extensió .dwt i desa el fitxer a la carpeta Plantilles.

Si deseu una plantilla abans d'especificar cap regió editable, Dreamweaver us avisa perquè les plantilles no són útils sense regions editables. No cal que creeu regions editables abans de desar una plantilla, però no podeu fer cap canvi a cap pàgina creada a partir d'una plantilla fins que no creeu una o més regions editables. Sempre podeu tornar enrere i afegir regions editables més tard.

Adobe ha afegit un nou tauler d'inserció de plantilles a Dreamweaver CC. Podeu utilitzar aquest nou tauler en lloc dels elements del menú quan treballeu amb plantilles. Les funcions funcionen igual: només cal que feu clic a la icona corresponent al tauler Inserció de plantilles, com ara la icona Regió editable.