Crysfel’s Blog

Hoy toca hablar de css , y quiero tratar el tema del remplazo de imágenes, pero, ¿Qué es esto? ¿En que nos beneficia? primeramente es bueno definir y explicar el concepto en forma general, después hablaré de las técnicas mayormente utilizadas.

Una vez escrito tu documento XHTML, semánticamente correcto, viene el siguiente paso, el cual es maquetar el sitio, o en otras palabras ponerle el diseño, para esto te auxilias en la técnica de remplazo de imágenes para cambiar un texto por una imagen, permitiendo accesibilidad a un mayor grupo de visitantes.

A continuación voy a mostrar diferentes métodos para aplicar esta técnica de remplazo de imágenes, pero antes tengo que mencionar que el remplazo de imágenes permite tener una buena accesibilidad a los usuarios, como a los buscadores, y he aquí lo interesante, que al tener accesible tu sitio, a los buscadores les agrada y ten por seguro que indexarán tu sitio rápidamente.

En este artículo voy hablar acerca de la manera de escribir nuestros documentos XHTML semánticamente correctos, comentaré algunos beneficios y las principales etiquetas a utilizar.

Beneficios
Los beneficios de escribir documentos semánticamente correctos, es que podemos manipular el DOM de una manera sencilla, podemos aplicar los estilos correctamente, mas fácil y con mejores resultados, tus sitios serán mas accesibles, esto atrae mas trafico, y por supuesto, a los buscadores les agrada encontrarse con sitios estructurados correctamente.

Significado
Para esto, primeramente es necesario saber que significa la palabra semántica, Proviene del griego “semantikos”, que quería decir “significado relevante”, derivada de “sema”, lo que significaba “signo”, otra definición dice Rama de la lingüística que se ocupa de los cambios de significación que se han operado en las palabras.

He hablado del DOM anteriormente, mencioné algunos conceptos que debemos conocer al manipularlo, ahora quiero hablar acerca de cómo crear un documento XHTML semánticamente correcto.

Antes de continuar, es necesario dar el significado de XHTML eXtensible HyperText Markup Language, ahora bien, el objetivo de XHTML es simplemente mostrar el contenido, en ningún momento modificar la apariencia, sino simplemente escribir la información a mostrar con las correspondientes etiquetas, por ejemplo, un documento puede tener el titulo, párrafos de texto, listados de texto, entre otras cosas mas, OK, he dicho entonces que no modificamos la apariencia, sino únicamente el contenido, para modificar la apariencia existe CSS, un “lenguaje” para modificar el diseño del documento.

Mucho se ha hablado de AJAX, ahora algunas personas quieren resolver todo utilizando esta metodología, inclusive he escuchado comentarios de personas, con mucho orgullo diciendo que pueden desarrollar todo un sitio Web utilizando un solo documento HTML.

Pero, ¿hasta que punto es conveniente utilizar este jaboncito? Bueno, si bien es cierto, AJAX nos ofrece la posibilidad de consultar al servidor sin recargar la página, ahorrando así ancho de banda, además nos permite agilizar la carga de contenidos en pequeñas secciones del sitio, y algunas otras cosas más, pero, ¿Qué con la accesibilidad? ¿Qué con los motores de búsqueda? ¿Qué con la usabilidad?