Cabecera
El divs cabecera es
nuestra presentación, puede ser un logo
aquello que nos represente o el tema general de nuestra web, en nuestro
caso se llama “Fauna”.
El div cabecera lleva el siguiente código en la hoja HTML.
<div id="cabecera"></div>
En la hoja de estilos
ponemos este otro código:
#cabecera {
background-color:#000000;width:800px; margin:4px auto;
width:800px;height:150px;background-image:url(objetos/cabecera.jpg)}
El alto que aqui aparece como
height:150px
El
alto es variable y guarda relación con el tamaño de la imagen ambos deben
coincidir.
La ruta de la imagen
es:
background-image:url(objetos/cabecera.jpg)
Recuerda que el nombre de la imagen este caso es “cabecera ”
y la extensión jpg y estos datos deben
coincidir con el nombre de la imagen y la extensión jpg , si tuviéramos una
imagen con otra extensión debemos
cambiarla.
Menu
Menú es la estructura de nuestra Web para que todo quede ordenado y para que
nuestro contenido pueda ser presentado en forma más atractiva.
Existen varias formas de hacer un menú, lo podemos hacer horizontal o vertical también
podemos hacerlo con imágenes y tablas o con divs solamente. Como ejemplo haremos un menú
horizontal con imágenes editadas en PhotoShop
(ver video) con un efecto muy interesante llamado Rolover imagen
No hay comentarios:
Publicar un comentario