BUSCAR

Incorporando CSS3 en Agrega v2.0

9 Octubre 2009

Archivado en: Técnico — Etiquetas:, , — Equipo de Desarrollo @ 7:17 am

Una de las novedades de la versión 2.0 de Agrega es la incorporación a sus hojas de estilo del nuevo estandar CSS3 (Cascading Style Sheet v3).

css3-blog2

Las hojas de estilo CSS son un estándar del World Wide Web Consortium (W3C) que permite a un desarrollador web separar los elementos a pintar en una página web (normalmente definidos en una página HTML) de la información sobre cómo pintarlos (estilos, colores, forma, etc…).

Desde 1997, la versión usada en el mundo web ha sido CSS2. Durante los últimos años, la evolución de la web ha sido vertiginosa, especialmente con la aparición de los sitios Web2.0 y de la aparición del vídeo y flash en los navegadores.

css3-blog

La nueva versión CSS3 publicada durante 2008 incorpora entre otras mejoras:

  • La definición a nivel de hoja de estilos de bordes redondeados, sombras,  …
  • Mejor alineamiento de los elementos presentados en una página web.
  • Mayor número de opciones para definir el esilo de las tablas (alineamiento, multi-columna, efecto zebra, …)
  • Integración con las nuevas características de HTML5.

Este nuevo estándar permite que las nuevas evoluciones de Agrega incorporen nuevas características visuales con hojas de estilos menos pesadas (menor tiempo de carga) en aquellos navegadores compatibles con CSS3. A día de hoy las últimas versiones de Internet Explorer, Firefox, Opera y Safari ya incorporar la compatibilidad con varios elementos de este nuevo estándar.

¡Quiero este objeto en mi página Web!

18 Junio 2009

Archivado en: Todas, Técnico — Etiquetas:, — Equipo de Desarrollo @ 9:00 am

Es posible incluir un acceso a un objeto digital concreto en una página Web personal. Mediante la opción de “Contenido Dinámico” accesible desde la sección ‘Agrega en tu Web‘ es posible obtener el código HTML correspondiente para incrustar en una página Web un objeto digital que cambiará aleatoriamente cada cierto tiempo. Pero, ¿y si lo que queremos tener es un acceso directo a un objeto concreto? Entonces podemos recuperar el código HTML correspondiente desde el visualizador de Agrega. Siendo un usuario registrado en un nodo de la plataforma, se puede acceder desde la cabecera del visualizador a la acción “Contenido embebido”, y tal y como se muestra en las imágenes:

cont_embebido

cont_embebido2

El código HTML que aparece en la ventana de “Contenido embebido” se debe copiar tal y como aparece e incrustarlo en el código HTML de la página personal.

Y ¿de qué se compone dicho código HTML? En primer lugar de la URL de la localización del objeto digital dentro de la plataforma. Dicha URL se compone del nodo en el que está almacenado el objeto, del idioma en el que está catalogado (expresado en código ISO 639-1) y por último, del identificador único del objeto dentro de la plataforma (identificador MEC). Mediante esta URL se establece el enlace con el objeto. Además, se añade una imagen representativa, para la cual se utiliza también la ruta donde se encuentra almacenada en el nodo dicha imagen del objeto. Por último, se añade el título del mismo, es decir, el nombre con el que se da a conocer el objeto y que se encuentra almacenado como metadato LOM-ES.