Las hojas de estilo CSS permiten definir un diseño común para un sitio web y separarlo cómodamente en un fichero aparte.
Para usar estilos css has de contar con un fichero que lo defina y has de poner un enlace en la página web para que use dicho estilo. En la página web ejemplo el estilo está en el fichero
y en las páginas del sitio el código HTML entre los tags del head contiene el texto
Pasos
Para hacer una página web usando el mismo estilo css tienes que hacer lo siguiente:
- Crea un directorio con tu nombre en la carpeta /home/alumno/
- Bajate el fichero http://slandete.atspace.com/estilos1.css (abre el enlace en tu navegador y usa el menú Archivo -> Guardar como...).
- Crea un fichero index.html con kompozer e incluye la línea
entre las dos etiquetas head, como muestra la siguiente captura (la línea seleccionada es el enlace) - Salva el documento y, fíjandote en el código fuente de la página web ejemplo (en tu navegador, menú Ver -> Código Fuente) para ver cómo se usan los estilos, crea tu propia página web con el estilo basado en el ejemplo. Puede que te resulte más fácil guardar la página web ejemplo (hacer lo mismo que en el paso 2) y modificarla.
No hay comentarios:
Publicar un comentario