crear una web

Tutorial Dreamweaver

Tutorial Dreamweaver para principiantes
©Crearunaweb.net
Estas en : Lección -3- 
Parte 1: Creando nuestra Cabecera Web
 

Bueno, una vez llegado a este punto debes tener la estructura de la web bien formada: Ojo, si te ves que te ha resultado facil, puedes probar haciendo diferentes diseños, añadiendo mas Etiquetas Div a la pagina, o colocandolas de diferentes formas. Eso ya te lo dejo a ti. De momento vamos a seguir con nuestro ejemplo.

Vamos a crear nuestra Cabecera Web, nosotros utilizaremos una de las caebeceras que tenemos a disposicion es nuestra seccion de cabeceras web, utilizaremos concretamente esta.

Colocate dentro de la DIV Cabecera, y Escribe lo que quieras, puedes tambien utilizar una imagen , como hemos hecho nosotros, en ese caso deberas ir a Insertar > Imagen. Recuerda tener la imagen que quieras utilizar dentro de la carpeta "imagenes" que creamos al principio.

 
Parte 2: Creando nuestro Menu y Nuestro Contenido
 

Para crear nuestro Menu, nos basaremos en la utilizacion de una Tabla. Es muy sencillo, colocate dentro de la Etiqueta Div que creamos con el nombre "menu". Una vez dentro, vete a Insertar > Tablas.
Elige una tabla de 1 sola columna y 10 filas por ejemplo.

tutorial dreamweaver

Si te fijas la tabla esta entre las etiquetas <div> (indica el principio)  y  </div> (indica el final).

Una ves contruida la Tabla, puedes darle color de Fondo a las celdas, Y escribir cosas en ella. A nosotros nos ha quedado de esta forma:

Ver Ejemplo

Como hemos dado color negro al fondo de la tabla, Hemos añadido una propiedad mas a la Hoja de Estilo. Hemos puesto que el fondo de la Div "menu" sea de color negro, lo hemos hecho poniendo esto :

tutorial dreamweaver

Ahora que sabes como cambiar el color de fondo de las etiquetas, prueba a cambiar el fondo de las otras como la del contenido, o el propio footer. No te preocupes, cada vez que modificas algo en la hoja de estilo, automaticamente se ve reflejado en la pagina que estamos haciendo.

Nosotros hemos querido tambien cambiar el fondo de las otras etiquetas Div, y ademas añadir algunos contenidos, como imagenes y tal.

VER EJEMPLO  
Descargar
EJEMPLO y HOJA DE ESTILO

 

Espero que te haya servido de ayuda mi Tutorial. Si crees que le falta algo, o te gustaria saber algo mas acerca de Dreamweaver, Escribeme a webmaster@crearunaweb.net

 

Aprende como:
Crear pagina web

-en-
Crearunaweb.net

Aprende como:
Crear pagina web

-en-
Crearunaweb.net

| © www.crearunaweb.net | Todos los derechos reservados | Email | Contacto Administrativo | Aviso Legal . Politicas de Privacidad