Coleccin Informtica Fcil

Leccin 1 Introduccin a CSS

Las hojas de estilo en cascada (CSS, acrnimo de Cascading StyleSheets) son una herramienta fantstica para aadir presentacin a los sitios web. Pueden ahorrarte mucho tiempo y te permitirn disear sitios web de un modo totalmente nuevo. CSS es imprescindible para todos aquellos que trabajen en el campo del diseo web. El presente manual te iniciar en el uso de CSS en solo unas horas. Es fcil de entender y te ensear todo tipo de tcnicas sofisticadas. Aprender CSS es divertido. Segn vayas avanzando en el contenido del manual, recuerda dedicar el tiempo suficiente para experimentar con lo que hayas aprendido en cada leccin. Para usar CSS es recomendable tener una experiencia bsica en HTML.

Qu software necesito?
Todo lo que necesitas es un editor de texto sencillo y gratuito. Por ejemplo, Microsoft Windows incorpora un programa que se llama Bloc de notas. Se localiza normalmente en el men de Inicio, seccin Todos los programas dentro de la carpeta Accesorios. En captulo posteriores usaremos Dreamweaver para maquetar la web, inicialmente solo usaremos el Bloc de notas de Windows. Este tipo de editores de texto sencillos son ideales para aprender HTML y CSS puesto que no afectan o cambian el cdigo que vas tecleando. Puedes usar cualquier navegador con este manual. Te animamos a que mantegas siempre actualizado tu navegador y uses la versin ms reciente. Un navegador y un sencillo editor de texto es todo lo que necesitas.

Qu beneficios me ofrece CSS?

CSS fue toda una revolucin en el mundo del diseo web. Entre los beneficios encontramos:
Control de la presentacin de muchos documentos desde una nica hoja de estilo; Control ms preciso de la presentacin; Numerosas tcnicas avanzadas y sofisticadas.

Coleccin Informtica Fcil

En la siguiente leccin examinaremos con ms detenimiento cmo funciona realmente CSS y cmo puedes iniciarte en su uso.

Qu diferencia hay entre CSS y HTML?

HTML se usa para estructurar el contenido; CSS se usa para formatear el contenido previamente estructurado. En sus inicios el lenguaje HTML slo se usaba para aadir estructura al texto. Los autores podan marcar sus textos diciendo esto en un ttulo o esto es un prrafo, usando las etiquetas HTML <h1> y <p>, respectivamente. A medida que la Web fue ganando popularidad, los diseadores empezaron a buscar posibilidades para aadir formato a los documentos en lnea. Para satisfacer esta reclamacin, los fabricantes de los navegadores (en ese momento, Netscape y Microsoft) inventaron nuevas etiquetas HTML, entre las que se encontraban, por ejemplo, <font>, que se diferenciaba de las etiquetas originales HTML en que definan el formato... y no la estructura. Esto tambin llev a una situacin en la que las etiquetas estructurales originales, por ejemplo, <table>, se usaban cada vez ms de manera incorrecta para dar formato a las pginas en vez de para aadir estructura al texto. Muchas nuevas etiquetas que aadan formato, por ejemplo, <blink>, slo las soportaban un tipo determinado de navegador. Necesitas el navegador X para visualizar esta pgina se convirti en una declaracin de descargo comn en los sitios web.

CSS se invent para remediar esta situacin, proporcionando a los diseadores web con sofisticadas oportunidades de presentacin soportadas por todos los navegadores. Al mismo tiempo, la separacin de la presentacin de los documentos del contenido de los mismos, hace que el mantenimiento del sitio sea mucho ms fcil. Esto tambin llev a una situacin en la que las etiquetas estructurales originales, por ejemplo, <table>, se usaban cada vez ms de manera incorrecta para dar formato a las pginas en vez de para aadir estructura al texto. Muchas nuevas etiquetas que aadan formato, por ejemplo, <blink>, slo las soportaban un tipo determinado de navegador. Necesitas el navegador X para visualizar esta pgina se convirti en una declaracin de descargo comn en los sitios web.