Estándares web | por Blas Hernández


http://www.manualdeestilo.com

 

Desde el inicio de internet hasta nuestros días la web ha sufrido una evolución constante y frenética que dificulta el proceso de maquetación debido a la gran cantidad de formatos y tecnologías existentes, que presentan incompatibilidades de reproducción en determinados soportes y navegadores web.

World Wide Web Consortium

Actualmente, para evitar este problema existe el Consorcio World Wide Web (W3C) en el que se trabaja en la creación de estándares web que unifiquen la dirección del desarrollo web para conseguir un acceso universal al contenido.

 

 


Cuáles son los estándares actuales más utilizados ? (…)

Cuando hablamos de estandarizar un documento web, generalmente diferenciamos tres áreas principales:

  • Contenido: HTML/XHTML

El Html (o HyperText Markup Language) es el lenguaje compuesto por etiquetas normalizadas que contiene toda la información de un documento web, junto a su relación con otros documentos mediante el uso de hipervínculos (enlaces).

No es un lenguaje de programación, sino simplemente un lenguaje de etiquetas o marcas que, interpretadas por un navegador, nos dicen cómo mostrar la información. En el proceso de maquetación, el código html nos define cómo es la estructura de nuestro documento.

  •  Presentación: CSS 

También denominadas hojas de estilo, son un conjunto de propiedades gráficas que podemos aplicar a los elementos de un documento html.

Contienen información sobre el color, el tamaño de letra, el uso de la tipografía, la posición, etc. y han sido estandarizadas por la W3C con el fin de separar la información de la presentación.

Dentro de nuestro proceso de maquetación nos permitirán adaptar el diseño del layout y jerarquizar la presentación de la información para mejorar su comprensión.  

  • Interacción: JS (JavaScript) 

El JavaScript es un lenguaje basado en acciones y orientado a objetos, compatible con la mayoría de los navegadores y que nos permite realizar acciones y efectos que responden a movimientos del ratón, aperturas, cargas, etc. Su finalidad es mejorar la experiencia de los usuarios con la interfaz de nuestra web.

Con él se puede hacer que, por ejemplo, un texto que está oculto se despliegue al situarnos sobre el titular de una pregunta.

Existen multitud de librerías pensadas para interactuar con los elementos de una web que podemos usar en el proceso de maquetación sin tener conocimientos de programación (por ejemplo, JQUERY o MOOTOOLS). Este proceso de maquetación nos permitirá trabajar la usabilidad y la efectividad del interfaz mejorando la experiencia de los usuarios.

REFERENCIAS

World Wide Web Consortium

http://www.w3c.es/divulgacion/guiasbreves/Estandares

SOBRE EL AUTOR/A

Blas Hernández trabaja en www.masmedios.com como diseñador multimedia y director del Dpto. de diseño e interacción. Puedes encontrarle en @Blas_H.

TRUCO

Los estándares Web son un conjunto de recomendaciones coordinados por la W3C (Consorcio World Wide Web) para unificar la creación de los documentos Web.

Etiquetado:, , , , , , , , , , ,

Deja un comentario

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Conectando a %s

Frontera YBytes

Blog sobre gadgets, tecnlogía y telecomunicaciones

PsicoEmocions Blog

Un Pont entre la Psique i les Emocions

TEA PTLS NACHO

AUTISMO.TEA..PTLS

Comunicación & Marketing

De Lilian Lanzieri

Xtratexia

Dirección estratégica para la vida

StellarHIRE Partners

Founding Partner, StellarHire Partners - Executive Search Consultants. Recent engagements include Eloqua, SFDC, Tibco and Veeam.

ivanbrunpr's Blog

4 out of 5 dentists recommend this WordPress.com site

Matt on Not-WordPress

Stuff and things.

BLOGTEC

Noticias de Tecnologia.

Talento en Expansión

Tendencias y Mejores Prácticas en la Gestión de Personas de la Empresa 2.0

Great Organic Tea!

Escuela de Dinero

El mejor Sitio en Español sobre lo básico para entender el Dinero y sus matemáticas relacionadas.

My Blog Daniel Palop

A topnotch WordPress.com site

Intentando dejar huella...

...en cada uno de los visitantes

Ideas Para la Clase.com

Portafolio de experiencias en la clase de español para Middle School.

littlegreybox.net

like. read. laugh. love.

déborah rueda

Un sitio más pero diferente sobre marketing on line

No solo los 80's

La mejor música de la historia

Molly Balloon's Blog

Identity + Dressing + Colour

El OJO PUBLICO.

Ver para contar & contar para ver.

Think Creative Idea

Marketing, publicidad, web y negocios

Social Media y más

Social Media, Redes Sociales, Marketing, SEO, ROI...

The Coaching Alliance

El camino hacia el éxito

Luces y sombras de las marcas

Social Media, Marketing y Comunicación

CNN en Español: Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Javier GM Photography

“A great photograph is a full expression of what one feels about what is being photographed in the deepest sense, and is, thereby, a true expression of what one feels about life in its entirety.” ~ Ansel Adams

Blog de la escritora Natalia Gómez del Pozuelo

Experta en comunicación en la empresa. Cursos de hablar en público, storytelling, escritura eficaz... Información sobre sus libros y eBooks.

The King of Comedy

I just want to say one word to you. Just one word. Plastics.

aloyn

Alimentación, ocio y negocios, ALOYN, es un Grupo dirigido a Directivos y Propietarios de empresas, interesados en el mundo de la industria de alimentación y bebidas. Tanto por la parte de la industria productora como por la parte de la industria consumidora y/o distribuidora (Distribución Comercial, Horeca, Vending, Venta Directa, etc). También nos interesan las actividades ligadas al agroturismo y el enoturismo como magníficas actividades de promoción y difusión de la cultura gastronómica.

Blog de Jack Moreno

Un blog de Joaquín Moreno sobre literatura y ciencia ficción

Mashamour

Ensalada de Manjares

Infographic List

For those who love Infographics - www.infographiclist.com

be.blog

be. Intelligent Multimedia Education

unmonodelsiglo21

Un pequeño espacio virtual para pasarla bien

Curso Web 2.0

Curso Diseño y Promoción de Páginas Web

~~Mente en Gravedad~~

************************************************************************************************************

The Bogus Effect

Bogotá somos nosotros!

The Xtyle

Fashion Blog - Un Blog de Moda y Tendencias by Bárbara Sanz

aníbal goicochea

Tecnologías de la Información y Estrategia

A Waterfall of Sound

"Poetry is when an emotion has found its thought and the thought has found words." Robert Frost

Jonathan L Davey

Do you need a sales professional with added social media spice? Take a look at Jonathan L Davey and give him a call on 07717 820823

Health & Family

A healthy balance of the mind, body and spirit

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 4.139 seguidores

%d bloggers like this: