Guía de aprendizaje Dreamweaver CS4

Abstract

Adobe Dreamweaver es una potente aplicación de creación y edición de páginas web. Su interfaz permite trabajar tanto con una visión WYSIWYG (vista de diseño) como editar directamente el código HTML (vista de código) y facilita su uso tanto a personas que no tienen conocimientos de HTML como a expertos diseñadores web. En esta guía vamos a ver cómo se realiza una página web; empezaremos desde el principio y añadiremos poco a poco diferentes elementos. Usaremos Dreamweaver como un editor completo, aprovechando sus opciones de edición, aunque dejaremos de lado algunas potentes herramientas que incorpora, como la de gestión de bases de datos. Veremos cómo, a pesar de que el editor WYSIWYG es muy potente, nos irá bien usar la vista de código para algunas opciones. También veremos cómo usar CSS en nuestras páginas sin necesidad de recordar los nombres de los diferentes atributos que podemos modificar. Dreamweaver nos ayudará a crear páginas web válidas y accesibles. Además, desde la vista de diseño podremos disponer capas, aplicar estilos, cambiar propiedades. Sin embargo, en muchos casos será necesario revisar lo que hagamos desde la vista de código (¡no todo se puede hacer desde la vista de diseño!). A pesar de que esta es una guía de Dreamweaver (o precisamente por ello) vamos a incidir mucho en la necesidad de validar el código y en que las páginas sean accesibles. A lo largo de esta guía usaremos a menudo las herramientas que Dreamweaver pone a nuestra disposición para esta labor.

Adobe Dreamweaver és una potent aplicació de creació i edició de pàgines web. La seva interfície permet treballar tant amb una visió WYSIWYG (vista de disseny) com editar directament el codi HTML (vista de codi) i facilita el seu ús tant a persones que no tenen coneixements d'HTML com a experts dissenyadors web. En aquesta guia veurem com es realitza una pàgina web, començarem des del principi i afegirem poc a poc diferents elements. Farem servir Dreamweaver com un editor complet, aprofitant les seves opcions d'edició, encara que deixarem de banda algunes potents eines que incorpora, com la de gestió de bases de dades. Veurem com, tot i que l'editor WYSIWYG és molt potent, ens anirà bé utilitzar la vista de codi per a algunes opcions. També veurem com utilitzar CSS a les nostres pàgines sense necessitat de recordar els noms dels diferents atributs que podem modificar. Dreamweaver ens ajudarà a crear pàgines web vàlides i accessibles. A més, des de la vista de disseny podrem disposar capes, aplicar estils, canviar propietats, ... No obstant això, en molts casos serà necessari revisar el que fem des de la vista de codi (no tot es pot fer des de la vista de disseny!). Tot i que aquesta és una guia de Dreamweaver (o precisament per això) anem a incidir molt en la necessitat de validar el codi i en que les pàgines siguin accessibles. Al llarg d'aquesta guia farem servir sovint les eines que Dreamweaver posa a la nostra disposició per a aquesta tasca.

Adobe Dreamweaver is a powerful application for creating and editing web sites. Its interface lets you work with both a WYSIWYG view (Design view) and directly edit the HTML code (view source) and easy to use by people with no knowledge of HTML as well as by web designers and experts. In this guide we will see how to do a website, starting at a low level and gradually adding different elements.