HTML

Tendencias de diseño: one page design

Las llamadas “one pager” son la nueva tendencia del diseño web. Cada vez más empresas se decantan por el diseño one page para la presentación de sus productos, campañas o proyectos. Así, gracias a innovadores elementos de desplazamiento y navegación, el usuario puede desplazarse por todo el contenido sin salir de una única página HTML. Estas webs minimalistas dedican grandes esfuerzos al...

Mockup y wireframe, una comparación directa

A menudo, el camino a recorrer desde la concepción de una idea hasta el producto final suele ser largo y tedioso, algo que también se aplica al desarrollo web de una página o de una aplicación. Uno de los pasos cruciales para poner en práctica el concepto previsto es la visualización de las ideas de diseño, estructura y funcionalidad. La maquetación web, principalmente a través de mockups y...

Cómo crear galerías de imágenes en HTML

Los contenidos multimedia son el motor de Internet. Independientemente de si se trata de imágenes, GIF o videos, sin el estímulo visual, muchas páginas web y tiendas online solo estarían compuestas de meras compilaciones de textos. Un clásico para presentar gráficos e imágenes a los visitantes de las páginas web son las galerías de imágenes. Lightbox permite implementar galerías de manera sencilla...

Aprender a programar: introducción y conceptos básicos

Bienvenidos a la era digital: un consumidor medio pasa varias horas sentado frente a su ordenador o revisando la pantalla de su smartphone. Contar con conocimientos adicionales sobre el funcionamiento de los programas que utilizamos a diario y, que muchas veces facilitan nuestro día a día, nunca está de más. Afortunadamente, la oferta de recursos para aprender a programar es cada vez más amplia....

Cómo integrar una barra de búsqueda en tu página web

La usabilidad de una página web depende, en gran medida, de la rapidez con que los usuarios encuentran la información más relevante o que más les interesa. Por ello, poder buscar en una web por medio de palabras clave forma parte de las funciones básicas que hay que ofrecer a los lectores. Te mostramos cómo integrar una barra de búsqueda en tu propio proyecto.

Fundamentos del desarrollo web

El desarrollo web actual tiende a los contenidos interactivos y se distancia de las páginas web estáticas. Aún cuando HTML y CSS siguen siendo los fundamentos sobre los que se suele erigir toda página web, cada vez es más común que los desarrolladores web recurran a lenguajes de programación que se administren desde el servidor a fin de crear páginas web dinámicas. A este respecto, los lenguajes...

Tutorial: marcado con microdatos según Schema.org

Los microdatos constituyen una metasintaxis sencilla y flexible para el marcado semántico de los contenidos web. La aplicación de un repertorio unificado de microdatos según el estándar de schema.org garantiza la compatibilidad con la mayoría de navegadores y con los crawlers de los buscadores más populares, lo que permite a desarrolladores y administradores web sacar el máximo provecho de las...

Tutorial: marcado con RDFa según Schema.org

RDFa es un estándar recomendado por W3C para la incorporación de metadatos en HTML, HTML5, XHTML y dialectos XML y es considerado el fundamento de la web semántica. Gracias al proyecto schema.org, los webmasters disponen de un vocabulario estandarizado para la estructuración de datos. En este exhaustivo tutorial te mostramos cómo usar este lenguaje y cuáles son sus principales limitaciones.

Optimiza tu página con Schema.org

Recorrer el camino hacia la web 3.0 solo es posible con la ayuda de datos estructurados que faciliten la tarea de webcrawlers o screenreaders. Para llevarlo a cabo, los webmasters se encuentran a menudo con un mundo inabarcable de etiquetas que la iniciativa schema.org se ha propuesto simplificar. Schema.org surgió del interés de los gigantes Google, Microsoft, Yahoo y Yandex por mejorar la...

Los datos estructurados en la web semántica

Mientras que el usuario puede estructurar automáticamente la información de una página web mientras la lee, los robots de los buscadores necesitan indicadores especiales para interpretar sus conexiones semánticas. Esta información adicional se puede integrar en el código HTML mediante datos estructrurados. Para ello, los webmasters disponen de cuatro formatos, microformatos, RDFa, microdatos y...