ubiquitour.com

Tutorial de Dreamweaver CS4

Dreamweaver dispone de herramientas para satisfacer las necesidades de diseñadores Web en todos los niveles. Permite a los usuarios trabajar con una interfaz gráfica o código puro método. El software organiza sitios e incorpora elementos de Web fácil y fluido. Dreamweaver CS4, lanzado en 2008, tiene mucho que ofrecer a los usuarios que el programa de apertura puede ser difícil al principio.

Instrucciones

Planificar y administrar su sitio

1 Antes de siquiera abrir Dreamweaver, crear el sistema de archivos para su sitio Web. Dreamweaver CS4 permite crear y organizar su sitio de Internet en su conjunto (a diferencia de una colección de páginas individuales). Esto requiere un trabajo por tu parte, por supuesto: crear carpetas y subcarpetas que describen la estructura de su sitio Web. Para un blog, por ejemplo, se podría hacer una carpeta básica llamada "Sitio web" con las subcarpetas llamadas "Imágenes", "Entradas" y "Archivos".

2 Poner cualquier contenido existente en las carpetas que tengas creadas. Si tienes imágenes que sabes que va a utilizar o contenido del sitio previamente generado, ordenarla y tenerlo listo para el Dreamweaver CS4 encontrar. Si no sabes qué contenido tienes, hacer una carpeta de su sitio, y Dreamweaver creará archivos como vas.

3 Definir el sitio en Dreamweaver. Abrir el programa y en la pantalla de"bienvenida" o en el menú "Sitio", elegir "Sitio nuevo".

4 Seleccione la pestaña "Básica" y siga las instrucciones en pantalla. Se le pedirá para el nombre del sitio, su dirección y el registro de la información para el anfitrión. Dreamweaver se supone que irá directo con su sitio. Si no sabes la dirección http, puede simplemente haga clic en siguiente y seguir adelante.

Construir un diseño

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

6 Ver la lista de diseños de layout y escoger uno que te gusta. A la derecha, bajo "DocType", seleccione "XHTML". Al lado de "Maquetación CSS" elegir "Crear nuevo archivo." Esto creará una hoja de estilo (que recuerda las fuentes de su sitio, los colores y otros elementos de diseño básicos) para todo el sitio. Haga clic en "Crear".

7 Seleccione la carpeta para guardar la nueva hoja de estilos. Renombrar el archivo a su gusto y haga clic en "Guardar". Usted verá una página con contenido de relleno que Dreamweaver genera automáticamente. Guarde 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

el Ahora puede comenzar a rellenar su sitio de Internet. En caso de que su contenido es nuevo, puede escribir directamente en Dreamweaver y dar formato al texto como si utilizando un procesador de textos.

9 Si el contenido ya existe, puede importarlo en Dreamweaver CS4. Usted puede copiar y pegar texto de los documentos, o se pueden importar de archivos de Word o Excel. En el panel (el panel de la derecho) de la fuente, busque sus documentos de Word y arrastrarlos en el espacio en la Página Web donde desea que el texto que se muestra.

10 Añadir una imagen (o varios) a la Página Web de la misma manera. Seleccione la imagen del panel derecho y arrástrelo hasta donde desee que se muestre. Haga clic en la imagen para cambiar sus propiedades (tamaño, borde) o un enlace. Modificar la imagen por el acaparamiento de una esquina del mismo tamaño o estirarlo.

Consejos y advertencias

  • Para personalizar y decorar su sitio de Internet, explorar muchas opciones de Dreamweaver CS4. Si se complica, uso la ayuda integral incluye archivos o navega por la Web de Adobe de ayudar y apoyar la sección (adobe.com/support/dreamweaver/)