oletusWEBos.es - Lecciones paso a paso para crear tu web. Tutoriales de Dreamweaver, HTML y CSS
Curso Dreamweaver - Lección 6: Encabezados IV
Lo suyo es que el encabezado H1 este en el centro de la página no? pueso lo haremos de una manera muy sencilla, simplemente seleccionamos nuestro encabezado y luego nos vamos a "Formato> Alinear> Centro".
Y como veis ya se nos ha quedado centrado.
Ahora cambiaremos lo párrafos que vienen por defecto en nuestra página, para el parrafo del encabezado principal pondremos lo siguiente:
"Motos Mutierrez es una empresa dedicada desde 1955 al mundo del motor. Tenemos a nuestro servicio los mejores profesionales del sector y disponemos de una amplia cartera de clientes que nos avalan y bla bla bla bla...."
Borra el parrafo que viene por defecto y copia y pega el parrafo de arriba.
Y para el encabezado servicios pues borramos lo que pone y copiamos y pegamos lo siguiente:
"En Motos Mutierrez ofrecemos los siguientes servicios:
Tienda: Tenemos unas instalacionesde 1500 m2 donde encontrara los últimos modelos de todas las marcas de motos, así como los accesorios que acompañan al motorista.
Circuito: Puede probar su moto antes de comprarla en nuestro circuito.
Cafetería: Mientras espera que hagamos la revisión de su moto puede pasar por nuestra cafetería y bla bla bla..."
Ahora bien si le damos a vista previa en el navegador vemos que los párrafos normales quedan bastante mas grandes que los encabezados y eso no esta nada bien no? Como hacemos para solucionarlo.... efectivamente!!! pues en nuestra hoja de estilos.
Abrimos el archivo estilo.css y ponemos el siguiente código:
p {
font-size:small;
color:#000
}
Cierra y guarda el archivo estilo.css y dale a la vista previa del navegador y veremos como ahora el diseño esta mucho mejor:
Ya solo nos queda modificar el pie de pagina, hay también podemos poner lo que queramos... publicidad, un dibujo, quien ha echo la página etc... Nosotros para nuestro ejemplo pondremos:
"©Motos Mutierrez -------- Powered by: JTole (tu si quieres pon tu nombre)"
Así que copia y pega lo de arriba donde pone "Pie" y luego lo alinearemos al centro para que quede mejor... ya sabes los pasos a seguir: seleccionamos la frase y nos vamos a "Formato> Alinear> Centro" y nuestra pagina principal ya estara lista quedandonos así:
Quiero aprender más!!!
- Avanzar a Lección 6: Plantillas
- Retroceder a Lección 6: Encabezados III
©oletusWEBos 2009 all right reserved | Contácta con oletusWEBos.es
Design By: JTole®