Tutorial Dreamweaver |
||
Tutorial Dreamweaver para principiantes |
||
©Crearunaweb.net |
||
Estas en : Lección
-3-
|
||
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.
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: 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 :
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
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: -en- |
Aprende como: -en- |