CSS

1. INTRODUCCIÓN

En este manual enseña a crear páginas web utilizando las tecnologías estándar recomendadas por la W3C (World Wide Web Consortium).

Necesitarás un editor de texto plano (como Bloc de Notas, Word no, porque da formato), también puedes utilizar Dreamweaver siempre que te acostumbres a usarlo en la vista “Code and Design” o “Código y Diseño” para eliminar el código basura que genera y poder tocar el código; un navegador que funcione bien y respete los estándares, como Firefox, que es libre y multiplataforma; y un navegador que funcione mal, que usa todo el mundo y no respete los estándares en lo más mínimo: Ya-Sabes-Cuál…

XHTML significa eXtensive HyperText Markup Language y es la versión evolucionada del HTML. Es un lenguaje semántico, lo que quiere decir que no definimos el aspecto de las cosas, sino lo que significan. Por ejemplo, si tenemos el título de nuestra página, en lugar de decir “Lo quiero grande en letras rojas”, le indicamos al navegador que “Este es el título principal de la página”. Luego podemos controlar el aspecto con las hojas de estilo CSS, pero no del XHTML.

CSS son las siglas de Cascading Style Sheets. Si el documento XHTML está bien estructurado, podemos cambiar totalmente su apariencia sin tocar el código del archivo .HTML. Esto nos permite separar el contenido del aspecto, lo que es de gran importancia: una apariencia mucho más rica que el HTML, ahorro de tiempo (puedes crear o cambiar la apariencia de un documento entero desde un solo lugar; y es un archivo tan liviano que las páginas web cargan muy rápido), además de la posibilidad de aplicar muchos efectos interesantes. En CSS Zen Garden (www.csszengarden.com) tienes ejemplos de cosas espectaculares que se pueden hacer con el mismo código XHTML y distintos archivos CSS.