Dreamweaver CS4 Tutorial

Dreamweaver dispone de herramientas que se adaptan a las necesidades de los diseñadores de páginas web en todos los niveles. Permite a los usuarios trabajar con una interfaz gráfica o método de código puro. El software organiza los sitios e incorpora elementos del Web con facilidad y de manera fluida. Dreamweaver CS4, lanzado en 2008, tiene mucho que ofrecer a los usuarios que la apertura del programa puede ser desalentador al principio.

Instrucciones

Planificar y gestionar su sitio

1 Antes de Dreamweaver incluso abrir, crear el sistema de archivos para su sitio web. Dreamweaver CS4 le permite crear y organizar su sitio web en su conjunto (en oposición a una colección de páginas individuales). Esto requiere un poco de trabajo de su parte, por supuesto: crear carpetas y subcarpetas que describen la estructura de su sitio web. Para un blog, por ejemplo, es posible hacer una carpeta básico denominado "Sitio Web" con sub-carpetas llamadas "imágenes", "Entradas" y "Archivos".

2 Poner cualquier contenido existente en las carpetas que haya creado. Si tiene imágenes que sabe que va a utilizar o el contenido del sitio pre-generados, clasificar y tenerlo listo para Dreamweaver CS4 para encontrar. Si usted no sabe qué contenido tendrá, simplemente hacer una carpeta para su sitio, y Dreamweaver creará archivos sobre la marcha.

3 Definir el sitio en Dreamweaver. Abra el programa, y ​​en el menú "Sitio" "pantalla de bienvenida" o, elegir la opción "Nuevo sitio."

4 Seleccione la pestaña "Básico" y siga las instrucciones que aparecen en pantalla. Se le pedirá su nombre de sitio, su dirección y la información de acceso para el anfitrión. Dreamweaver se supone que va a ir a vivir con su sitio. Si no conoce la dirección http, sin embargo, puede hacer clic en Siguiente y sigue.

Crear un diseño

5 Dreamweaver se ha incorporado en los diseños de página que puede utilizar. Ir a "Archivo" y seleccionar "Nuevo" y aparecerá un nuevo cuadro de diálogo documento. Seleccione la opción "Página en blanco" y luego "HTML" en la segunda columna. En la tercera columna, ahora verá una larga lista de opciones con una vista previa a la derecha.

6 Navegar por la lista de esquemas de trazado y elegir uno que te gusta. A la derecha, bajo "tipo de documento", seleccione "XHTML". Al lado de "diseño CSS" elegir "Crear nuevo archivo." Esto creará una hoja de estilo (que recuerda las fuentes de su sitio, colores y otros elementos básicos de diseño) para todo el sitio. Haga clic en "Crear".

7 Seleccione la carpeta para guardar la nueva hoja de estilos. Cambie el nombre del fichero a su gusto y haga clic en "Guardar". Verá una página con contenido de carga que se genera de forma automática por Dreamweaver. Guardar esta página seleccionando "Archivo", luego "Guardar". Si esta página se convertirá en su página principal, guarde el archivo como "index.html".

Añadir contenido a su sitio

8 Ahora puede comenzar a llenar su sitio web. En el caso de que su contenido es totalmente nuevo, puede escribir directamente en Dreamweaver y dar formato al texto como si el uso de un procesador de textos.

9 Si su contenido ya existe, puede importar en Dreamweaver CS4. Puede copiar y pegar texto de sus documentos, o bien puede importar archivos de Word o Excel. En el panel de origen (el panel de la derecha), busque los documentos de Word y arrastrarlos en el espacio en la página Web en la que desea que el texto se vea.

10 Añadir una imagen (o varias) a la página web de la misma manera. Seleccione la imagen desde el panel de la derecha y arrastrarlo a donde quiera que se vea. Haga clic en la imagen para cambiar sus propiedades (tamaño, de frontera) o para que sea un enlace. Modificar la imagen por el acaparamiento de una esquina de la misma al tamaño o estirarlo.

Consejos y advertencias

• Para personalizar y adornar su sitio web, explorar muchas opciones de Dreamweaver CS4. Si se pone complicado, utilice el riesgo incluido archivos de ayuda o vaya sección de Ayuda y soporte técnico (adobe.com/support/dreamweaver/) del sitio web de Adobe