Bienvenidos a mi blog.
Donde compartire información sobre diseño web, además de uno que otro recurso.
Saida Y. Reyes (yurishama)
Cuando el lenguaje HTML fue inventado, resulto muy fácil de aprender, pero, el lenguaje HTML está limitado al momento de aplicar un formato a nuestra página web. Pues solo hay que recordad que fue creado entre los años 1989 y 1993, cuando los navegadores en internet no eran capaces de presentar recursos gráficos.
Y el número de sitios en la web comenzó a crecer de manera exponencial, y los diseñadores querían construir sitios web más atractivos visualmente; Pero para solucionar ciertos problemas los diseñadores utilizaron técnicas tales como tablas, imágenes transparentes, etiquetas que no son estándares, y al final terminaban por causar algunos problemas en las páginas.
Con todos los cambios, nos encontramos con que un lenguaje que en sus inicios había sido “estructural”, ahora estaba totalmente “orientado a la visualización”.
Encontramos tags(etiquetas) con <B>, <U> o <I> que definen estilos de visualización sin aportar nada a la estructura del documento representados. Otro aspecto importante y que condiciona totalmente la estructura del documento es el uso del tag(etiqueta) FONT. Con el uso de este tag podemos hacer que una zona que corresponde a la cabecera o título de una página, y que debería expresarse con un H1, pase ahora a estar definida mediante el tag FONT.
Además, los diseñadores se han visto frustrados por la dificultad con la que, aun utilizando estos trucos, se encontraban a la hora de diseñar las páginas, ya que muchos de ellos venían diseñando páginas sobre el papel.
Finalmente, otro antecedente que ha hecho necesario el desarrollo de esta tecnología consiste en que las páginas web no tenían una estructura, en otras palabras, tienen mezclado en su código HTML y el contenido del documento con las etiquetas necesarias para darle forma. Esto tiene sus inconvenientes ya que la lectura del código HTML se hace pesada y difícil a la hora de buscar errores o depurar las páginas. Aunque, desde el punto de vista de la riqueza de la información y la utilidad de las páginas a la hora de almacenar su contenido, es un gran problema que estos textos está en mezclados con etiquetas incrustadas para dar forma a estos: se degrada su utilidad.
Otros motivos por los que no podemos permitir que nuestros documentos publicados en la web pierdan su estructura:
• La indexación por los buscadores es mucho más complicada (Google asigna un peso mucho mayor a una página que utliza H1 para definir sus secciones, que a los campos META del documento).
• Se reduce la accesibilidad. Actualmente existen aplicaciones que permiten la lectura de páginas web como ayuda a los discapacitados (persona ciegas o con otras discapacidades). Si una persona discapacitada intenta acceder a una página sin una mínima estructuración, el resultado puede ser lamentable.
• La estructura de la página y la información contenida en la misma es mucho más sencilla de mantener. Actualmente, ciertos aspectos del código HTML pueden hacer que una misma página tenga visualizaciones distintas en distintos navegadores. Estos errores de diseño son difícilmente depurables cuando la página contiene una estructura de tags complicada y sin ninguna estructuración. Por otra parte, un cambio en un tipo de fuente supone el rediseño de todas las páginas de un site al tener que sustituir todos los valores para el tag FONT.
Todos estos problemas han sido seguidos muy de cerca por el W3C, el cual comenzó a trabajar en 1995 en CSS.
Principales características aportadas por CSS en contraposición a los elementos de visualización presentes en la especificación de HTML 4:
• Estilo enriquecido. CSS permite la creación de documentos visualmente mucho más ricos que lo que HTML nunca permitirá. No en vano CSS está pensado única y exclusivamente para asistir al diseñador a la hora de dar estilo a un documento estructurado.
• Fácil de utilizar. La utilización de hojas de estilo CSS hace que el diseñador pueda reducir sustancialmente su carga de trabajo al diseñar todo un site. Esto se debe a que CSS es capaz de centralizar ciertos efectos visuales que plasmemos en diversas secciones del site, en lugar de tenerlos diseminados por páginas y páginas del site.
• Reutilización en múltiples páginas. Una hoja de estilo que recoja aspectos visuales comunes a varias páginas puede ser reutilizada en cualquier sección del site aprovechando dichos efectos ya definidos. De esta manera es sencillo generar un estilo general del web y mantenerlo así consistente para todas las páginas. Así, si deseamos modificar un estilo que es común a todo el site, sólo necesitaríamos modificar una línea de nuestro fichero CSS (con la aproximación clásica que ofrece HTML, deberíamos modificar todas y cada una de las páginas).
• Reutilización en múltiples páginas. Una hoja de estilo que recoja aspectos visuales comunes a varias páginas puede ser reutilizada en cualquier sección del site aprovechando dichos efectos ya definidos. De esta manera es sencillo generar un estilo general del web y mantenerlo así consistente para todas las páginas. Así, si deseamos modificar un estilo que es común a todo el site, sólo necesitaríamos modificar una línea de nuestro fichero CSS (con la aproximación clásica que ofrece HTML, deberíamos modificar todas y cada una de las páginas).
