oletusWEBos.es - Lecciones paso a paso para crear tu web. Tutoriales de Dreamweaver, HTML y CSS
Curso Dreamweaver - Lección 5: Estilos CSS II
Ahora bien, así hemos creado la hoja de estilos pero nos queda indexar esa hoja de estilos con nuestra web por que a no ser que se lo indiquemos nuestra página no sabrá que tiene una hoja de estilos.
Entonces abrimos nuestra pagina Index.html, abajo en la sección de propiedades de nuestra página tenemos que tener seleccionado el botón <>HTML y desplegamos el menú Clase y clickamos en Adjuntar hoja de estilos...
Ahora tendremos que indicarle donde tenemos nuestra hoja de estilos, como la tenemos en la raíz de nuestro sitio bastará con escribir estilo.css o bien puedes pulsar el botón "Examinar" para ver donde tienes el estilo.css. También marcamos la casilla "Vincular" y le damos a "Aceptar".
Con esto ya hemos vinculado nuestra página a la hoja de estilos y si pulsamos ahora en Vista previa observaremos que ya no nos sale el dichoso cuadradito que envolvía a nuestra imagen.
¿Seguimos diseñando nuestra web? venga vamos allá, pero recuerda que si tienes alguna duda o algo que nos quieras contar o decirnos lo bien que te estan viniendo estas lecciones puedes hacerlo en el Foro OTW.
Bueno vamos a meterle mano a la columna de la izquierda de nuestra página, ahí para tus futuros proyectos puedes poner lo que quieras puedes poner un menú de las opciones de tu web o puedes poner publicidad o lo que se te ocurra, nosotros para nuestro ejemplo vamos a ponerle el menú de navegación de nuestra web como es una tienda de motos pues pondremos titulos relacionados con el mundo de las motos vamos haber como lo podemos hacer.
Pasa a la siguiente página que te explico como de una manera muy sencilla.
Quiero aprender más!!!
- Avanzar a Lección 5: Menú de Navegación
- Retroceder a Lección 5: Estilos CSS
©oletusWEBos 2009 all right reserved | Contácta con oletusWEBos.es
Design By: JTole®