El documento habla sobre los beneficios y métodos de diseñar páginas web con CSS. Explica que CSS permite crear páginas accesibles y que cumplen los estándares, además de permitir diseños atractivos sin costo. Detalla los elementos que componen las páginas como contenido, forma, imágenes y cómo CSS y XHTML trabajan juntos. Luego describe tres métodos para unir el contenido y la forma, recomendando el uso de archivos CSS externos. Finalmente, menciona que los motores de los navegadores interpretan
2. RAZONES PARA DISEÑARCON CSS Páginas BUENAS Cumplen los estándares del w3c Son accesibles Prevenir PROBLEMAS futuros Páginas BONITAS Se pueden conseguir diseños muy llamativos Páginas BARATAS Es un estándar del w3c, por lo cual es GRATIS www.laramarcos.com
3. 1.1 ELEMENTOS QUE COMPONEN LAS PÁGINAS WEB ELEMENTOS DINÁMICOS Capas que aparecen y desaparecen Elementos que se mueven al pasar por encima Menús desplegables JAVASCRIPT www.laramarcos.com
4. 1.1 ELEMENTOS QUE COMPONEN LAS PÁGINAS WEB FORMA CONTENIDO Párrafos Listas Tablas Imágenes Enlaces Formularios Tipos de letra Alineación Colores Distribución Decoración en las listas CSS XHTML www.laramarcos.com
5. 1.2 MÉTODOS PARA UNIR FORMA Y CONTENIDO Dentro de la propia etiqueta de XHTML, como un atributo más <p style= “color: red”>Hola</p> Dentro del propio documento .html <head> <styletype="text/css"> p { color: red; } </style> </head> www.laramarcos.com
6. 1.2 MÉTODOS PARA UNIR FORMA Y CONTENIDO En un archivo externo Su extensión será .css La MEJOR opción .css .html <head> <link rel="stylesheet" type="text/css" href="/css/estilos.css" media="screen" /> </head> p { color: red; } www.laramarcos.com
7. 1.3 diferencias formales según navegadores El motor de los navegadores es el responsable de interpretar los lenguajes HTML y CSS Unos motores son capaces de leer todas las reglas CSS y otros no Los más avanzados son los motores de Safari y Opera En cambio, IE6 contiene decenas de errores www.laramarcos.com