dreamweaver

LA INTERFAZ DE DREAMWEAVER
Dreamweaver es uno de los programas más prácticos y sencillos para la creación profesional de contenido Web. Perteneciente a las Suites de Adobe, hoy en particular analizaremos la interfaz de su versión CS3.
Antes de conocer el programa debemos tener claro algunos conceptos que aclararemos en otros artículos. Cuando visitamos una página web, nuestro ordenador se poneen contacto con otro ordenador(servidor) el cuál le suministra un documento HTML. Este documento es únicamente código, es decir texto plano. Nuestro navegador (Internet Explorer, Firefox,...) lee este código y renderiza la página (interpreta visualmente la página mediante su código). Después de esta "traducción", ya somos capaces de visualizar correctamente la web, con colores, imágenes,textos...
Dreamweaver nos permite crear los documentos HTML desde un editor visual y/o de código.
Además, nos permite generar y editar documentos HTML (entre otros)de una manera muy similar al programa ofimático Word. Mediante paneles y paletas de herramientas, iremos insertando contenido dentro de un espacio de trabajo. Visualmente podremos tener una referencia muy aproximada de como va quedandonuestro trabajo.

En la imagen podemos distinguir 5 partes muy diferenciadas:
INSERTAR: Situado en la parte superior, nos da acceso a una gran variedad de objetos que podemos colocar dentro de una Web, como pueden ser, tablas, capas, imágenes,...
VISTA CODIGO: En este panel, que podemos desactivar en cualquier momento, visualizamos en tiempo real el código que automáticamente Dreamweaver generamientras trabajamos en el panel de diseño. Es decir que si en el modo diseño escribimos: "Hola Mundo" y pulsamos el enter, en la vista código veremos que se añade automáticamente al código un trozo mas o menos como este:
Hola Mundo
Simplemente se ha añadido un código que genera un párrafo() que contiene un texto.
Mas adelante analizaremos un poco como se organiza el código HTML.
VISTA DISEÑO: Lavista diseño es la parte visual que nos permite trabajar y ver el resultado de nuestras modificaciones. Equivale a nuestro lienzo de trabajo, y se entiende su funcionamiento muy fácilmente si lo comparamos con un documento de Word.
PANEL PROPIEDADES: Cada vez que insertemos un objeto dentro de nuestra Web, ya sea foto texto o cualquier otro elemento, desde este panel podremos acceder a todas suspropiedades y poder modificarlas. Tamaños, colores, alineación de textos, etc. Este panel cambia de contenido dependiendo del objeto que esté seleccionado.
ZONA DE PANELES: En esta zona se incluyen una serie de paneles donde podremos complementar y modificar otros aspectos de nuestra página, como puede ser configurar un Sitio o editar el CSS.
Con esta breve explicación, aquellas personas que noconozcan el programa, podrán entender un poco mejor su funcionamiento en su primera toma de contacto.

COMO CONFIGURAR UN SITIO WEB EN DREAMWEAVER
Como en la mayoría de los sistemas de creación y publicación de páginas, un sitio en Dreamweaver consta de dos partes: un conjunto de archivos situados en un equipo local (el sitio local) y una ubicación en un servidor Web remoto donde publicará losarchivos (el sitio remoto, espacio web o alojamiento web). El método más común para crear un sitio Web utilizando Dreamweaver consiste en crear y editar páginas en el disco local y, a continuación, publicar copias de esas páginas en el servidor Web remoto para ponerlas a disposición pública.
Definir una carpeta local
Configurar un sitio web en Dreamweaver es muy sencillo, tan sólo es necesarioespecificar las propiedades del sitio local y los parámetros de conexión al sitio remoto (en este caso utilizando un acceso FTP) para empezar a publicar archivos en el servidor. Inicie Dreamweaver y en el menú superior seleccione Sitio /Administrar sitios.... Aparecerá una nueva ventana, se trata del Administrador de Sitios, haga clic enNuevo... / Sitio para abrir la ventana de configuración del...