Noves opcions de document per a pàgines HTML a Dreamweaver

El quadre de diàleg Nou document de Dreamweaver té quatre àrees principals: opcions a l'esquerra que determinen el tipus de fitxer (HTML, CSS o qualsevol d'un conjunt gran d'altres tipus de fitxer possibles), si esteu utilitzant una mostra o una plantilla per generar la teva pàgina i altres opcions.

La columna Tipus de pàgina és on escolliu un tipus de fitxer (HTML si esteu creant una pàgina web HTML nova). La columna Disseny és on trieu entre les mostres disponibles o les pàgines d'inici (o trieu cap per començar amb una pàgina en blanc).

L'àrea de vista prèvia a la part superior dreta del diàleg mostra com es veurà la pàgina si feu servir un disseny. A la part inferior dreta del quadre de diàleg Nou document, podeu canviar el tipus de document (per defecte, HTML5) i podeu utilitzar la icona d'enllaç (sembla un enllaç de cadena) per adjuntar un full d'estil CSS.

Per començar a crear una pàgina, feu clic a l'element adequat de les opcions a la part esquerra de la pantalla:

• Pàgina en blanc: trieu-ho per crear una pàgina HTML bàsica en blanc. Trieu HTML com a Tipus de pàgina, com a Disseny i després HTML5 com a tipus de document declarat (a la finestra emergent DocType a la columna de la dreta). Feu clic al botó Crea i veureu el que es mostra aquí.

  

  Nota: trieu HTML5 com a tipus de document perquè les versions antigues i obsoletes d'HTML imposen regles obsoletes que provoquen errors molests i innecessaris del navegador. L'ús d'HTML5 evita tot això i evita que els navegadors interpretin intel·ligentment el contingut de la pàgina, inclosa la correcció d'errors reconeixibles (com ara una etiqueta de tancament perduda en un paràgraf, per exemple).

• Plantilla en blanc: aquesta categoria ofereix un conjunt de plantilles de Dreamweaver de mostra.

• Disseny de quadrícula fluida: els usuaris de Dreamweaver CS6 tenen una pestanya de categoria addicional per crear el que Dreamweaver anomena dissenys de quadrícula fluida o projectes multipantalla. Es tracta de pàgines amb més d'un full d'estil CSS associat: és a dir, pàgines que es mostren de manera diferent segons la mida del suport (pantalla) en què es visualitzen.

• Pàgina des de la plantilla: genereu pàgines noves a partir de les plantilles de Dreamweaver existents.

  Les plantilles de Dreamweaver no són pàgines genèriques de mostres de creació de maquetació. Per a això, Dreamweaver ofereix pàgines de mostra o d'inici. Les plantilles de Dreamweaver són una eina pròpia que governa els elements de la pàgina de Dreamweaver a tot el lloc i no es pot utilitzar si voleu integrar altres eines de disseny web.

  No utilitzeu les plantilles de Dreamweaver perquè no són estàndard, són fàcilment corruptibles i no s'adapten realment a l'actualització de tot el lloc en llocs grans. La funcionalitat proporcionada per Dreamweaver Templates es gestiona millor amb fulls d'estil CSS externs i altres eines no pròpies.

• Pàgina de mostra: les pàgines de mostra són diferents de les plantilles de Dreamweaver i són més útils. S'embalen amb estils CSS que proporcionen format i text i imatges de marcador de posició que podeu substituir pel vostre propi contingut.

  Podeu previsualitzar mostres a l'àrea de previsualització del quadre de diàleg Nou document per fer-vos una idea de si voleu o no utilitzar una de les mostres disponibles per començar a crear la vostra pròpia pàgina.

• Altres: la categoria Altres té opcions per crear tipus de fitxers complexos, avançats o obscurs, amb èmfasi en l'obscur. Entre les opcions més utilitzades, podeu crear un fitxer Flash ActionScript (ActionScript és el llenguatge de programació utilitzat per Adobe Flash) o una pàgina codificada en el llenguatge de programació Visual Basic de Microsoft.

Si seleccioneu un fitxer HTML com a Tipus de pàgina a la segona columna del quadre de diàleg Document nou, la columna Disseny mostra una varietat de dissenys de pàgines basats en CSS. La quarta columna del quadre de diàleg Document nou mostra les miniatures del disseny generat per la pàgina per al disseny que seleccioneu.

El quadre de diàleg Nou document no només previsualitza com es veurà un disseny seleccionat, sinó que també ofereix tres opcions a la finestra emergent CSS de Disseny: Afegeix a la capçalera, Crea un fitxer nou o Enllaça a un fitxer existent.

• La primera opció (Afegeix al capçalera) incrusta CSS al vostre fitxer HTML, cosa que us impedeix compartir el vostre full d'estil amb altres pàgines HTML del vostre lloc.

• L'opció Crea un fitxer nou, d'altra banda, genera un full d'estil extern al qual es pot enllaçar des de moltes pàgines del vostre lloc.

• L'opció Enllaç al fitxer existent us permet substituir el vostre propi fitxer CSS ja creat per l'associat amb la mostra, que és una opció estranya, ja que pràcticament desfer el paquet de mostra d'HTML i CSS.