Con el propósito de mejorar la experiencia en el
diseño de sitios
web, definiremos CSS
en el proceso de implementación. La creación incorrecta de documentos CSS
radica en el hecho de desconocer la página oficial de las recomendaciones y la
forma en la cual es trabajado. Por este motivo, identificaremos los diferentes
niveles de desarrollo del lenguaje de estilos, según las recomendaciones
oficiales.
Las hojas de estilo en cascada, en
inglés Cascading Style Sheets son
conocidas por su abreviatura CSS, permiten aplicar diseño a un documento HTML,
mediante una serie de instrucciones, las cuales son interpretadas por el
navegador web.
En los inicios de WWW, la
plataforma para compartir documentos en la web,
solo permitía a los usuarios leer documentos en blanco y negro, posteriomente
con el desarrollo de HTML se agregaron diferentes etiquetas a fin de diseñar
páginas con mayores atractivos. Luego, deciden separar el marcado del estilo y
crean el lenguaje CSS.
061-01_0501_ilu01. Comparación de página web
El lenguaje CSS es aplicado a
diferentes partes del marcado de una página web
a fin de optimizar la cantidad de instrucciones, por ende, desde su creación,
cumple con la finalidad de simplificar el código. Es decir, con CSS tenemos la
posibilidad de crear una sola instrucción de estilo y aplicarla en varias
oportunidades de una forma simplificada.
061-01_0501_ilu02. Definición de CSS
El lenguaje de diseño CSS es
desarrollado y estandarizado por la organización World Wide Web Consortium, conocido como W3C, por lo tanto, en su
página oficial es posible encontrar el trabajo actualizado.
061-01_0501_ilu03. Significado de W3C
CSS tiene varias divisiones
desarrolladas de forma independiente, por lo cual, al aplicarlas en un proyecto
web es posible crear presentaciones
llamativas. Entre ellos están:
- Selectors: para aplicar formatos de estilos a lugares específicos.
- Backgrounds and borders: para modificar formatos de fondo y bordes.
- Animations: para especificar animaciones al documento.
- Box model: para definir diseños mediante un modelo de cajas
rectangulares.
Los anteriores, son algunos de los
módulos en desarrollo por los creadores de este lenguaje.
061-01_0501_ilu04. Nombres de módulos de CSS
Existe otra variedad de usos para el
lenguaje CSS, a fin de crear páginas web
con diseños impresionantes para el usuario. Además, con la evolución de HTML, también
hay avances en cuanto a la definición de estilo de proyectos para internet, con
el propósito de desarrollar implementaciones nuevas en el mejoramiento gráfico
de páginas web.
Keynotes
- En los inicios de WWW, la plataforma para
compartir documentos en la web, solo permitía
a los usuarios leer documentos en blanco y negro, posteriomente con el
desarrollo de HTML se agregaron diferentes etiquetas a fin de diseñar páginas
con mayores atractivos.
- Las hojas de estilo en cascada, en inglés Cascading Style Sheets y conocidas por
su acrónimo CSS, permiten aplicar diseño a un documento HTML, mediante una
serie de instrucciones, las cuales son interpretadas por el navegador web.
- Con CSS tenemos la posibilidad de crear una
sola instrucción de estilo y aplicarla en varias oportunidades de una forma
simplificada.
- El lenguaje de diseño CSS es desarrollado y
estandarizado por la organización World Wide Web Consortium, conocido como W3C, por lo tanto, en su página oficial es posible
encontrar el trabajo actualizado.
RetoRealiza un resumen escrito de la
definición de CSS para el diseño de una página web, además, ubica las recomendaciones oficiales a fin de nombrar
los módulos en desarrollo.
¡Comparte el resultado final de tu
reto en vPages e invita a tus compañeros a incluir sus
criterios acerca del lenguaje CSS!
Tiempo disponible: entre 15 y 30 minutos
Cierre
Mediante la definición de CSS, ubicamos con
facilidad la recomendación oficial de este lenguaje, a fin de conocer cómo es
trabajado y crear diseños con excelencia. Además, identificamos el desarrollo
del lenguaje para el diseño de una página web.
Con paciencia y estudio constante, obtendremos proyectos para internet con
mayores atractivos.
