Este documento describe los conceptos básicos de las hojas de estilo. Explica que las hojas de estilo permiten a los diseñadores mejorar la apariencia de las páginas web al darles más opciones de formato. También discute algunas técnicas tempranas para mejorar el diseño que tenían efectos secundarios negativos. Luego define las hojas de estilo como archivos CSS que contienen instrucciones para dar formato a los elementos de una página web como fuentes, colores y posicionamiento.

1. DISEÑO Y DESARROLLO WEB
TEMA: Conceptos Básicos de la Web
SEGUNDO BT
Docente: Lcda. Danny Sosa

2. HOJAS DE ESTILOS
• Las hojas de estilo representan un avance importante para
los diseñadores de páginas web, al darles un mayor rango de
posibilidades para mejorar la apariencia de sus páginas. En
los entornos científicos en que la Web fue concebida, la gente
estaba más preocupada por el contenido de sus páginas que
por su presentación. A medida que la Web era descubierta
por un espectro mayor de personas de distintas
procedencias, las limitaciones del HTML se convirtieron en
fuente de continua frustración, y los autores se vieron
forzados a superar las limitaciones estilísticas del HTML.
Aunque las intenciones han sido buenas -- mejorar la
presentación de las páginas web las técnicas para conseguirlo
han tenido efectos secundarios negativos.
2

3. Entre estas técnicas, que dan buenos resultados para
algunas personas, algunas veces, pero no siempre ni
para todas las personas, se incluyen:
• La utilización de extensiones propietarias del HTML
• Conversión del texto en imágenes
• Utilización de imágenes para controlar el espacio en blanco
• La utilización de tablas para la organización de las páginas
• Escribir programas en lugar de usar HTML
• Estas técnicas incrementan considerablemente la complejidad
de las páginas web, ofrecen una flexibilidad limitada, sufren
de problemas de interoperabilidad, y crean dificultades para
las personas con discapacidades.
3

4. • Se las conoce como style sheets, es un archivo de extensión
*.CSS (CSS, Cascading Style Sheets = Hojas de estilo), son
conjuntos de instrucciones, a veces en forma de archivo
anexo, que se asocian a los archivos de texto y se ocupan de
los aspectos de formato y de presentación de los contenidos:
tipo, fuente y tamaño de letras, alineación y posicionamiento
del texto, colores y fondos, etc., de las distintas etiquetas que
forman una página *.HTML.
• Se puede crear una sola hoja de estilo y se enlazan algunas o
todas las páginas, de esta manera al hacer el cambio en la
hoja de estilo, se cambiarán todas aquellas que estén
vinculadas.
4

5. Actividades a realizar
• En tu cuaderno de actividades realiza un organizador gráfico del tema
hoja de estilos.
• Luego de leer sobre las hojas de estilo, contesta las siguientes
interrogantes:
• 1. ¿Qué es y para qué sirve una hoja de estilo?
• 2. ¿Qué significa CSS?
• 3. Cuales son los aspectos que dan formato a las presentaciones y
contenidos.
5

6. Actividades a realizar
• En tu cuaderno de actividades realiza un Resumen del tema hoja de
estilos.
• Luego de leer sobre las hojas de estilo, contesta las siguientes
interrogantes:
• 1. ¿Qué es y para qué sirve una hoja de estilo?
• 2. ¿Qué significa CSS?
5