Creando nuestro primer “Sitio Web” – Parte 2

Publicado: 10/11/2009 de Lord Dagothar en 6° Básico, 7° Básico, 8° Básico, I° Medio

Ya hemos elegido el tema de nuestro sitio web, como tambien hemos elavorado el banner de nuestra Web. Hoy continuaremos con la construcción de nuestro sitio web, esta vez utilizaremos la herramienta DREAMWEAVER combinado con FIREWORKS

1.- Usando DREAMWEAVER Crearemos un documento NUEVO HTML

1.1.- Primero que todo debemos poner todo los margenes a CERO, Presiona “Control + J” (Propiedades de la página)

2.- En el documento Nuevo Crearemos una Tabla de (2 FILAS x 1 COLUMNA) de ANCHO 780 Pix
EJ:

diseño-web-1(figura 1)

3.- En la parte Naranja es donde INSERTAREMOS nuestro banner creado la clase pasada

4.-En la parte blanca inferior de la figura 1 INSERTAREMOS UNA NUEVA TABLA de (1 Fila x 2 Columnas) con un ancho de 100%

diseño-web-2

5.- en la parte Izquierda de nuestra nueva tabla, insertaremos nuestro menu, el cual ajustaremos el tamaño de la celda de acuerdo al tamaño del menú que crearemos en FIREWORKS.

6.- Nuestro template de sitio web debería tener la siguiente forma:

diseño-web-3


A TRABAJAR!!!

Saludos,

Pedro Reyes Molina
www.malcom.cl

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s