oletusWEBos.es - Lecciones paso a paso para crear tu web. Tutoriales de Dreamweaver, HTML y CSS
Curso Dreamweaver - Lección 3: Página Principal IV
Cabecera II
Bien pues vamos a poner una imagen en la cabecera de nuestra página, justo al lado del titulo "Motos Mutierrez".
En primer lugar necesitaremos una imagen guardada en la carpeta "objetos", que para eso está. Copia esta misma que dejo debajo, la guardas en tu carpeta "objetos" y seguimos. Recuerda que para copiártela solo tienes que poner tu ratón sobre ella, apretar el botón derecho del ratón y escoger "Guardar imagen como...". Ponle el nombre logo-curso.gif y seguimos adelante.
Si ya tienes ese archivo guardado en "objetos" abre ahora el Dreamweaver y la página index.html para continuar. Vamos a colocar la imagen a continuación del título "Motos Mutierrez" en la cabecera de nuestra página. Para ello sitúa el cursor del raton justo al final del titulo "Motos Mutierrez" y clickea una sola vez, ahora ves a "Insertar>Imagen":
Y en la pantalla que nos sale le tendremos que indicar en que directorio de nuestro disco duro tenemos la imagen que queremos insertar, en nuestro caso le diremos que esta en "motos - mutierrez/objetos/logo-curso.gif":
Una vez que le damos a aceptar nos preguntara si queremos añadirle texto a nuestra imagen, esta función lo que hace es que al poner el cursor del raton sobre la imagen aparecera un cuadro sobre la imagen con el texto que nosotro queramos ponerle, esto biene bien si a una imagen de nuestra página web le queremos dar una pequeña descripción. En nuestro caso lo dejaremos en blanco y le daremos a "Aceptar" y tu web debera quedar así:
Pero el encabezado no nos queda muy bien ¿verdad? las letras demasiado abajo de la moto.... ummmm esto hay que arreglarlo, como ejercicio debes borrar "Motos Mutierrez" del encabezado e insertar la siguiente imagen veras como así mejora la apariencia del encabezado (haber si eres capaz de hacerlo tu solo, si no en la siguiente página te hare una breve descripción de como hacerlo, por que esto ya lo deberías de saber hacer ;):
Quiero aprender más!!!
- Avanzar a Lección 3: Página Principal - Alinear Texto e Imágenes
- Retroceder a Lección 3: Página Principal - Cabezera
©oletusWEBos 2009 all right reserved | Contácta con oletusWEBos.es
Design By: JTole®