Cómo diseñar una página web sin tablas en Dreamweaver

Antes de la introducción de Cascading Style Sheets o CSS, los diseñadores Web crean diseños de página web utilizando tablas HTML. Usando este método significaba enormes cambios en el código HTML para los cambios de diseño, así como una menor flexibilidad cuando el sitio se mostrará en diferentes resoluciones de pantalla. Utilizando el método sin tablas con CSS, ediciones estructura de disposición llegaron a ser tan fácil como cambiar una línea de código. También acomodar una gama más amplia de las pantallas. Dreamweaver le permite crear fácilmente un diseño sin tablas Web utilizando sus plantillas de diseño predefinidas - sólo tiene que editar la página web de muestra generado para crear su propio sitio web sin tablas.

Instrucciones

1 Dreamweaver abierta.

2 Seleccione "Archivo" y luego "Nuevo".

3 Selección de un diseño de la lista proporcionada. Las opciones incluyen diseños de dos y tres columnas con barras laterales, encabezados y pies.

4 Haga clic en "Crear".

5 Cambie a la pestaña "Diseño" para ver la página Web de ejemplo creado.

6 Haga clic en la sección que desea editar y escribir el contenido para su sitio. Para añadir imágenes, seleccione "Insertar" en el menú principal y seleccione "Imagen".

7 Cambie a la pestaña "Split". Esto muestra dos ventanas: la ventana de código que contiene el código HTML, y la ventana de diseño que muestra el aspecto de su sitio. En la ventana código, editar el código CSS, que se encuentra en la parte superior, para cambiar el color de fondo, la fuente, el ancho y la altura de las secciones. Los cambios que realice aquí se muestran automáticamente en la ventana de diseño.

8 Haga clic en "Archivo" y "Guardar" para guardar su nueva página web.