tu web con dreamweaver

DISEÑO INICIAL DE LA PAGINA

Lo primero es abrir DreamWeaver (DW).

En la primera ventana que nos aparece en pantalla, supuesto que ya tienes el sitio estructurado y creado, pulsamos en Fichero > Nuevo (File > New)

Aparece una pantalla en blanco con los comandos en cabecera Fichero, Edit, Ver ..... o File, Edit, View ......).

El primer comando que vas a pulsar es Ventana (Window) y en el submenú que sale en pantalla pulsas Objetos.

Aparece una paleta de DW pinchas Capa (Layer) y llevas el cursor sobre el fondo blanco de la página, puedes definir los cuadros que van a componer tu página.

Estos cuadros, como supondrás, se pueden mover o ampliar simplemente pinchando con el raton en el borde. Una vez que pinchas el borde pulsa el boton derecho del raton y después el último comando Propiedades.

Aparece la paleta de propiedades del cuadro o capa que has creado, en las propiedades podemos actuar sobre la posición, superficie, color de fondo y numero de orden de la capa.

Creada la capa o capas que va a componer tu página empezarás a escribir texto o a importarlo desde el HTML Word donde lo creastes o bien lo traes mediante copiar y pegar, por tanto lo primero que vamos a hacer es hablar sobre el estilo de texto.

APLICAR FORMATO AL TEXTO USANDO ESTILOS HTML

Si no escribe directamente en la página solo podrás importar escritos en Word guardados con la extensión HTML o copia y pega (recomendado).

Utiliza los comandos copiar y pegar después selecciona el texto importado

Pulsa Ventana > Capas > estilos HTML (Window >Launcher>HTML styles) aparece una venta que se llama estilos HTML para el sitio "nombre del sitio" (HTML Styles for Site " ").

Pincha Limpiar Estilo seleccionado (Clear Selection Style). Comprueba que está seleccionada la ventanita inferior izquierda Aplicar (Apply).

Pulsa sobre el estilo deseado y entonces el texto tomará dicho estilo.

No hay estilo ¿como creo un estilo HTML?

Pulsa el icono inferior derecho de la ventana HTML Styles for site " ", sí el que está junto a un icono papelera.

Aparece una ventana que se denomina Definición estilo HTML ( Define HTML style):

En el campo nombre escribes el nombre que le quieras dar al estilo.

En el campo Aplicar a (Apply to) indica si quieres al parrafo seleccionado.

En el campo Donde aplicar (When apply) selecciona Limpiar estilo existente (Clear existing style).

En Atributos de Fuente (Font Attributes) selecciona el tipo y tamaño de letra,color,estilo y por último aceptar.

Igualmente puedes utilizar el menú de la barra de herramientas Texto (Text) y modificar fuentes, tamaños etc. como si de cualquier programa de tratamiento de texto se tratara.

" Insertar imagen" Siguiente