PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web...

45
2º ASIR UD4-HTTP 1 VICEN MORALES PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del acceso de todos a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios. Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accessibility Initiative), una actividad desarrollada por el W3C, cuyo objetivo principal es facilitar el acceso a la Web a todas aquellas personas con discapacidad, desarrollando pautas de accesibilidad, mejorando las herramientas para la evaluación y reparación de accesibilidad Web, llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web y abriendo nuevos campos en accesibilidad a través de la investigación en este área. Amaya es una herramienta que permite al mismo tiempo navegar, editar y publicar información en la Web. La integración de estas tres funciones hace más fácil para los usuarios participar en la aportación de contenido para la Web. Su objetivo principal es proporcionar una infraestructura fácilmente extensible que sirva como marco común de integración del mayor número posible de tecnologías del W3C para así poder experimentar y realizar demostraciones combinando estas tecnologías. Annotea es un sistema que permite la creación y publicación en la Web de anotaciones compartidas de recursos. Una anotación puede ser una nota, una explicación u otro tipo de comentario externo que puede agregarse a cualquier documento Web o a una parte seleccionada, sin necesidad de modificar el documento. Su principal aportación es la mejora de la colaboración de grupos de trabajo a través de esas anotaciones Web compartidas. El Lenguaje de Intercambio de Preferencias P3P (P3P Preference Exchange Language), es un lenguaje para describir colecciones de preferencias relacionadas con las

Transcript of PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web...

Page 1: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

1 VICEN MORALES

PRÁCTICA 1: W3C y estándares Web.

Servidores Web. Clientes Web (navegadores).

a)

El W3C de la A a la Z

Hablar de Accesibilidad Web es hablar del acceso de todos a la Web,

independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios.

Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accessibility Initiative), una actividad desarrollada por el W3C, cuyo objetivo principal es facilitar el acceso a la Web a todas aquellas personas con discapac idad, desarrollando pautas de accesibilidad, mejorando las herramientas para la evaluación y reparación de accesibilidad Web, llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web y abriendo nuevos campos en accesibilidad a través de la investigación en este área.

Amaya es una herramienta que permite al mismo tiempo navegar, editar y publicar

información en la Web. La integración de estas tres funciones hace más fácil para los

usuarios participar en la aportación de contenido para la Web. Su objetivo principal es

proporcionar una infraestructura fácilmente extensible que sirva como marco común

de integración del mayor número posible de tecnologías del W3C para así poder

experimentar y realizar demostraciones combinando estas tecnologías.

Annotea es un sistema que permite la creación y publicación en la Web de anotaciones

compartidas de recursos. Una anotación puede ser una nota, una explicación u otro

tipo de comentario externo que puede agregarse a cualquier documento Web o a una

parte seleccionada, sin necesidad de modificar el documento. Su principal aportación

es la mejora de la colaboración de grupos de trabajo a través de esas anotaciones Web

compartidas.

El Lenguaje de Intercambio de Preferencias P3P (P3P Preference Exchange Language),

es un lenguaje para describir colecciones de preferencias relacionadas con las

Page 2: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

2 VICEN MORALES

directivas P3P entre distintos agentes. Usando este lenguaje, un usuario puede

expresar sus preferencias a través de un conjunto de reglas, las cuales pueden ser

utilizadas por el agente de usuario para tomar decisiones automáticas o

semiautomáticas de acuerdo a la aceptación de las políticas de privacidad de los sitios

Web, en función de lo que el usuario prefiera.

Las Buenas Prácticas para Web Móvil son un conjunto de pautas para la creación y

publicación de contenido Web para dispositivos móviles. El objetivo de estas

directrices es ayudar en el desarrollo de un sitio para favorecer el acceso correcto de

los usuarios que usan dispositivos como PDAs, teléfonos móviles, u otros dispositivos

con características mucho más limitadas que un equipo de escritorio.

Una Coreografía de Servicios Web es una representación conjunta de la funcionalidad

de un conjunto de Servicios Web, que interactúan entre sí para componer un servicio

homogéneo final. El Lenguaje de Descripción de Coreografías de Servicios Web (Web

Services Choreography Description Language o WS-CDL) permite definir las relaciones

entre los servicios y representar la funcionalidad final tras la composición de éstos.

Capacidad de Composición/Perfiles de Preferencia (Composite Capability/Preference

Profiles). Es un sistema basado en RDF, que permite estandarizar la forma de definir y

transmitir información sobre las características de los dispositivos y las preferencias del

usuario. El objetivo es facilitar la adaptación del contenido al que el usuario desea

acceder tomando como referente el tipo de dispositivo utilizado y las características

del usuario.

Lenguaje de Etiquetado Extensible de Control Telefónico (Call Control eXensible

Markup Language). Es un lenguaje diseñado para proporcionar soporte para el control

de llamadas telefónicas que se puede utilizar tanto con VoiceXML, como con otros

sistemas de diálogo. Se podría decir que CCXML es un complemento de VoiceXML, que

proporciona funciones de telefonía avanzadas que van más allá de la capacidad que

tiene VoiceXML.

Hojas de Estilo en Cascada (Cascading Style Sheets). Es un mecanismo para dar estilo a

documentos HTML y XML, que consiste en reglas simples a través de las cuales se

establece cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir,

o incluso cómo va a ser pronunciada la información presente en ese documento a

través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los

desarrolladores control total sobre el estilo y formato de sus documentos separando

contenido y presentación.

El Lenguaje de creación de contenido Independiente del Dispositivo (Device

Independent Authoring Language) permite estructurar un documento para filtrar y

representar el contenido de una página Web disponible en distintos contextos. Esto

Page 3: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

3 VICEN MORALES

asegura que el contenido se adapta a las posibilidades del usuario y su dispositivo, así

como a las circunstancias en las que se encuentre.

Direccionamiento (Addresing) de Servicios Web son unos mecanismos que permiten

dirigir los Servicios Web y sus mensajes por las redes. Mediante esta tecnología se

puede realizar representaciones que hacen referencia a servicios y facilitan el

direccionamiento entre los puntos finales de los mensajes de los servicios Web, que

pueden transmitirse por la red a través de distintos nodos de procesamiento

(cortafuegos, gestores finales, o pasarelas) siempre usando una forma de transporte

neutra.

El lenguaje de Directivas de Servicios Web (Web Services Policy) permite describir y

combinar las características y requisitos de un servicio Web. Esto permite la

escalabilidad de los servicios, así como una definición más completa y precisa de los

mismos.

Un Documento Compuesto (Compound Document) es un documento que combina

múltiples formatos, como puede ser XHTML, SVG, SMIL y XForms. Estas

combinaciones, con especificaciones concretas, hacen posible una Web escalable e

interoperable.

Modelo de Objetos del Documento (Document Object Model). Es una plataforma que

proporciona un conjunto estándar de objetos a través de la cual se pueden crear

documentos HTML y XML, navegar por su estructura y, modificar, añadir y borrar tanto

elementos como contenidos. Al no apoyarse en un lenguaje de programación en

particular, DOM facilita el diseño de páginas Web activas, proporcionando una interfaz

estándar para que otro software manipule los documentos.

El Intercambio de XML Eficiente (Efficient XML Interchange) es un formato para la

representación muy compacta del conjunto de información de XML, que pretende

optimizar tanto el rendimiento, como la utilización de los recursos de forma

simultánea.

Lenguaje de Anotación Multimodal Extensible (Extensible MultiModal Annotation

language). Es un lenguaje estándar utilizado por los componentes que intervienen en

un sistema multimodal para comunicarse. Su objetivo es integrar las entradas de datos

proporcionadas por los usuarios desde diferentes recursos y darles forma para que así

esos datos sean procesados como una representación única. Dentro de una

infraestructura de Interacción Multimodal, EMMA actúa como un mecanismo de

intercambio entre los dispositivos a través de los cuales el usuario introduce datos.

GRDDL es un mecanismo para Recuperar Descripciones de Recursos de Dialectos de

Lenguajes (Gleaning Resource Descriptions from Dialects of Languages) . GRDDL incluye

etiquetado para indicar que un documento XML incluye información que se puede

Page 4: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

4 VICEN MORALES

obtener y especifica la notación especial a incluir para enlazar un mecanismo que

permita extraer las descripciones de los recursos del documento. Una utilidad de esta

tecnología es la recolección de descripciones en formato RDF, desde el contenido de

un fichero XHTML.

Lenguaje de Etiquetado de Hipertexto (HyperText Markup Language). Es un lenguaje

comúnmente utilizado para la publicación de hipertexto en la Web y desarrollado con

la idea de que cualquier persona o tipo de dispositivo pueda acceder a la información

en la Web. HTML utiliza etiquetas que marcan elementos y estructuran el texto de un

documento.

Protocolo de Transferencia de Hipertexto (Hypertext Transfer Protocol). Es un

protocolo utilizado para la transferencia de datos a través de Internet, y que está

basado en operaciones sencillas de solicitud y respuesta.

La Independencia de Dispositivo facilita el acceso a la información independientemente

del dispositivo utilizado para acceder a la información. Ésta va a estar siempre

disponible y accesible para el usuario, es decir, se trata de hacer la Web universal y

accesible para cualquier persona, en cualquier sitio, en cualquier momento y us ando

cualquier dispositivo, evitando la fragmentación de la Web en espacios accesibles sólo

por dispositivos concretos. El objetivo principal es mejorar la experiencia del usuario y

al mismo tiempo reducir costes al desarrollar estándares que permitan acceder a esa

información desde cualquier dispositivo.

Lenguaje de Etiquetado de Tinta (Ink Markup Language). Es un lenguaje XML diseñado

para facilitar el intercambio de escritura electrónica entre distintas aplicaciones. InkML

captura movimientos, ángulo y presión de forma electrónica para su posterior

almacenaje y reconocimiento. No sólo reconoce escritura (texto plano, matemáticas,

química, etc.), sino que verifica firmas e interpreta gestos.

La Interacción Multimodal o Multimodalidad consiste en un proceso en el cual diversos

dispositivos y personas son capaces de llevar a cabo una interacción conjunta (auditiva,

visual, táctil y gestual) desde cualquier sitio, en cualquier momento, utilizando

cualquier dispositivo y de forma accesible, mejorando así la interacción entre

personas, y entre dispositivos y personas.

La Internacionalización es un concepto que implica un diseño Web sin barreras para los

diferentes idiomas, sistemas de escritura, códigos de caracteres y otras convenciones

locales que existen. El carácter global de la Web requiere un sistema en el que exista

facilidad a la hora de crear y procesar información para una audiencia variada,

permitiendo así publicar material e intercambiar datos en cualquier idioma. La

Internacionalización también es conocida como I18N, que es la abreviatura de

Internacionalización ya que entre la "i" y la "n" existen 18 letras.

Page 5: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

5 VICEN MORALES

JigSaw es una plataforma de servidor Web basada en Java cuyo principal objetivo es

hacer demostraciones de nuevos protocolos y al mismo tiempo ofrecer una base de

experimentación en el área de software para servidor.

Libwww es una interfaz de programación de aplicaciones (API) Web de cliente, de uso

común y alta modularidad, cuyo principal propósito es el de servir como herramienta

de pruebas para experimentos con protocolos.

Lenguaje de Etiquetado Matemático (Mathematical Markup Language). Es un lenguaje

cuyo objetivo principal es permitir que las expresiones matemáticas puedan ser

representadas y procesadas en la Web al igual que el HTML lo hace con el texto simple.

Consiste en etiquetas XML que pueden utilizarse para definir ecuaciones en términos

de su presentación y su semántica.

mobileOK Básico es un esquema para evaluar si el contenido de una Web puede ser

enviado de forma que cumple con las Buenas Prácticas para Web Móvil. Para la

evaluación se utiliza un agente de usuario móvil hipotético. El objetivo de mobileOK es

ayudar a desarrollar más rápidamente contenido Web móvil.

Lenguaje de Ontologías Web (Web Ontology Language). Una ontología define los

términos a utilizar para describir y representar un área de conocimiento. Las

ontologías son utilizadas por las personas, las bases de datos, y las aplicaciones que

necesitan compartir un dominio de información (un dominio es simplemente un área

de temática específica o un área de conocimiento, tales como medicina, bienes

inmuebles, gestión financiera, etc.). Las ontologías incluyen definiciones de conceptos

básicos del dominio, y las relaciones entre ellos, que son útiles para los ordenadores.

OWL permite definir una ontología en términos de XML.

Plataforma para la Selección de Contenido en Internet (Platform for Internet Content

Selection). Es un conjunto de especificaciones técnicas que ofrecen al usuario la

posibilidad de realizar un acceso selectivo a la información que se puede obtener en la

Web; esto se consigue a través de la asociación de etiquetas (metadatos) a contenido

de Internet, funcionando como un filtro.

Gráficos de Red Portátiles (Portable Network Graphics). Es uno de los formatos gráficos

más utilizados en la Web ya que permite un almacenamiento sin pérdida, portátil y con

buena compresión de gráficos. Soporta imágenes en color indexado, en escala de

grises y color verdadero, además de varios niveles de transparencia.

POLITICA DE PATENTES

Se trata de una serie de normas a través de las cuales el W3C establece la forma de gestionar las patentes en el proceso de creación y desarrollo de estándares Web con el

Page 6: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

6 VICEN MORALES

objetivo de hacer posible la difusión, adopción y continuo desarrollo de estándares Web libres de derechos de autor.

P3P Plataforma de Preferencias de Privacidad (Platform for Privacy Preferences). Es un

lenguaje estándar que ofrece a los usuarios una forma sencilla y automatizada de

controlar en mayor medida el uso que se hace de su información personal en los sitios

Web que visitan. Las prácticas de privacidad de los sitios Web a través de P3P

adquieren un formato estándar que los navegadores con P3P podrán interpretar

automáticamente comparando esas prácticas de privacidad con las preferencias de

privacidad del usuario, con lo que el usuario podrá decidir si quiere o no, y bajo qué

circunstancias, revelar información personal.

Infraestructura para la Descripción de Recursos (Resource Description Framework). Es

un formato universal para representar datos en la Web, que va a permitir intercambiar

información a través de diferentes aplicaciones sin que esos datos pierdan significado,

lo que facilita la reutilización de los recursos en la Web.

RDFa permite incluir datos estructurados (eventos de calendario, datos de contacto,

información sobre las licencias o los derechos de autor, etc.) dentro de las páginas

Web, de forma que otras aplicaciones puedan transferir y recopilar la información de

forma eficiente. Por ejemplo, gracias a RDFa, una aplicación de calendario podría

recopilar los datos que aparecen en un sitio web, cuando se navega por él.

El Formato de Intercambio de Reglas (Rule Interchange Format) es un mecanismo que

permite la comunicación entre antiguos sistemas basados en reglas de acuerdo con

procesos y metodologías basadas en estándares. La finalidad de este formato es

asegurar que los sistemas complejos no sólo funcionen en sus entornos locales, sino

que puedan hacerse extensibles con la evolución de las tecnologías de reglas y sean

interoperables con otras tecnologías.

La Interpretación Semántica para el Reconocimiento del Habla (Semantic Interpretation

for Speech Recognition) es una parte de los navegadores por voz que permiten definir

el proceso para la interpretación del reconocimiento del habla, así como la sintaxis y

semántica del contenido de las etiquetas en la Especificación de Gramática de

Reconocimiento del Habla (SRGS). Los resultados de la interpretación semántica,

describen el significado de las palabras en lenguaje natural.

Lenguaje de Modelado de Servicio (Service Modeling Language) se utiliza para modelar

servicios y sistemas complejos incluyendo su estructura, restricciones, directivas y

buenas prácticas. Se basa en el establecimiento de esquemas de documentos y de

reglas para especificar y limitar la estructura y el contenido de los documentos.

Page 7: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

7 VICEN MORALES

Lenguaje de Integración de Multimedia Sincronizada (Synchronized Multimedia

Integration Language). Es un lenguaje de etiquetado utilizado para crear

presentaciones multimedia dinámicas a través de la sincronización en tiempo y espacio

de diversos elementos como audio, vídeo, texto y gráficos. Permite a los

desarrolladores especificar y controlar el momento preciso en el que se ha de integrar

audio y vídeo con imágenes, texto y otros tipos de medios, permitiendo, al mismo

tiempo, la posibilidad de interacción con el usuario.

Los Servicios Web son un conjunto de aplicaciones o de tecnologías con capacidad para

interoperar en la Web y que intercambian datos entre sí con el objetivo de ofrecer

servicios. Los proveedores ofrecen sus servicios como procedimientos remotos y los

usuarios solicitan un servicio llamando a estos procedimientos a través de la Web.

Estos servicios proporcionan mecanismos de comunicación estándares entre

diferentes aplicaciones, que interactúan entre sí para presentar información dinámica

al usuario.

Protocolo Simple de Acceso a Objetos (Simple Object Access Protocol). Es un protocolo para intercambiar mensajes, basado en XML, y de extendido uso en Servicios Web.

El Protocolo Simple y Lenguaje de Consulta de RDF (Simple Protocol And RDF Query Language) es una tecnología que permite hacer consultas sobre información

expresada en RDF, usando distintas fuentes de datos y permite obtener también los resultados en formato RDF para poder utilizarlos en diversas aplicaciones.

Lenguaje de Etiquetado de Síntesis del Habla (Speech Synthesis Markup Language). Es

un lenguaje de etiquetado, basado en XML, que forma parte de un conjunto de especificaciones para navegadores por voz que ayuda a generar habla sintética en la

Web y en otras aplicaciones. Proporciona un camino estándar para controlar aspectos del habla como son pronunciación, volumen, tono y velocidad.

Especificación de Gramática de Reconocimiento del Habla (Speech Recognition Grammar Specification). Es una especificación que trata de definir la sintaxis necesaria para representar gramáticas utilizadas en el reconocimiento del habla. De esta forma, los desarrolladores pueden especificar las palabras o grupos de palabras que un reconocedor del habla debe captar. Un reconocedor es capaz de establecer una relación entre el audio proporcionado por el usuario y una gramática, generando así una transcripción.

Gráficos Vectoriales Escalables (Scalable Vector Graphics). Es un lenguaje de

descripción de gráficos de dos dimensiones y de aplicaciones gráficas en XML. SVG se utiliza en diferentes áreas incluyendo gráficos Web, animación, interfaces de usuario,

intercambio de gráficos, aplicaciones móviles y diseño de alta calidad.

Page 8: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

8 VICEN MORALES

La especificación de Texto Temporizado (Timed-Text) en la Web cubre los aspectos necesarios para incluir textos sincronizados para distintas aplicaciones en la Web,

como subtítulos de películas, transcripciones para equipos sin audio, karaokes, titulares de noticias, u otras.

Identificador de Recurso Uniforme (Uniform Resource Identifiers). Los URI son cadenas que funcionan como identificadores globales que hacen referencia a recursos en la Web tales como documentos, imágenes, archivos descargables, servicios, buzones de correo electrónico y otros.

Lenguaje de Etiquetado Extensible de Voz (Voice Extensible Markup Language). Es un

lenguaje para crear diálogos entre el usuario y la aplicación. La aplicación se comunica con el usuario enviando información hablada, y el usuario interactúa con la misma

ejecutando acciones a través de la voz.

WebCGM (Web Computer Graphics Metafile). WebCGM es un formato de archivo binario que define un subconjunto del estándar CGM para dar soporte a las

funcionalidades de: hipervinculación y navegación de documentos, estructura y organización en capas, e investigación y peticiones en contenido de imagen WebCGM.

Una de las principales ventajas de WebCGM es que es compatible con Unicode y todos los formatos Web.

La Web Móvil es una Web accesible desde cualquier lugar a través de dispositivos móviles. El W3C con el objetivo de hacer el acceso a la Web desde estos dispositivos algo sencillo y cómodo ha puesto en marcha la Iniciativa de Web Móvil que busca resolver los problemas de interoperabilidad y usabilidad que actualmente dificultan el acceso a la Web desde dispositivos móviles.

La Web Semántica es una Web extendida y dotada de mayor significado, apoyada en

lenguajes universales, que van a permitir que los usuarios puedan encontrar respuestas a sus preguntas de forma más rápida y sencilla gracias a una información

mejor definida. Con esta Web, los usuarios podrán delegar tareas en el software que será capaz de procesar el contenido de la información, razonar con éste, combinarlo y

realizar deducciones lógicas para resolver automáticamente problemas cotidianos.

Un Widget es un tipo de aplicación Web en la parte cliente que permite representar y/o actualizar datos locales o remotos. Uno de los beneficios de los Widgets es que

están empaquetados para ofrecer su descarga y su instalación de forma sencilla en los dispositivos desde los que se accede. Ejemplos de estos Widgets son: relojes,

indicadores bursátiles, previsiones climatológicas, noticias de última hora, etc.

El Lenguaje de Descripción de Servicios Web (Web Services Description Language)

permite definir lo que hace un Servicio Web según la funcionalidad que ofrece. Mediante este lenguaje se representa la interfaz de uso del servicio, lo que tendrán

que tener en cuenta otros servicios a la hora de acceder a su funcionalidad.

El Lenguaje de Vinculación de XML (XML Binding Language) permite asociar elementos de un documento con scripts, manejadores de eventos, hojas de estilo CSS y otros

Page 9: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

9 VICEN MORALES

modelos de contenido complejos que pueden estar almacenados en otro documento. Esto puede ser utilizado, por ejemplo, para reorganizar el contenido de un documento,

modificando el etiquetado XHTML para aplicar hojas de estilo CSS complejas sin ensuciar el código con elementos div o span innecesarios.

XML Binario es un formato binario de contenido XML diseñado para reducir el tamaño de transmisión de documentos XML a través de la omisión de elementos y atributos desconocidos, lo que permitirá un uso más efectivo de los datos XML en canales de comunicación de banda estrecha, sin perder así funcionalidad ni información.

XForms es un nuevo lenguaje de etiquetado para formularios Web, diseñado para ser

el sustituto de los formularios HTML tradicionales, y que va a permitir a los desarrolladores distinguir entre el propósito del formulario y su presentación. Esta

separación clara entre contenido y presentación ofrece grandes ventajas en términos de reutilización, independencia de dispositivo y accesibilidad.

Lenguaje de Etiquetado de Hipertexto Extensible (Extensible HyperText Markup

Language). Es una versión más estricta y limpia de HTML que nace ante la limitación de uso de éste con las cada vez más abundantes herramientas basadas en XML. XHTML

extiende HTML 4.0 combinando la sintaxis de HTML, diseñado para mostrar datos, con la de XML, diseñado para describir los datos.

Lenguaje de Enlace XML (XML Linking Language). Es un lenguaje que, entre otras funcionalidades, permite crear vínculos bidireccionales entre recursos, lo que implica la posibilidad de moverse en dos direcciones, facilitando así la obtención de información remota como recursos en lugar de simplemente como páginas Web.

Lenguaje de Etiquetado Extensible (eXtensible Markup Language). Es un lenguaje con una importante función en el proceso de intercambio, estructuración y envío de datos

en la Web. Describe los datos de tal manera que es posible estructurarlos utilizando para ello etiquetas, como lo hace HTML, pero que no están predefinidas, delimitando

de esta manera los datos, a la vez que favoreciendo la interoperabilidad de los mismos.

XML Base permite a los desarrolladores especificar un URI para resolver URIs relativos en vínculos a imágenes externas, applets, programas de procesamiento de formato,

hojas de estilo, etc.

Lenguaje de Encriptación XML (XML Encryption). Es un lenguaje cuya función principal es asegurar la confidencialidad de partes de documentos XML a través de la encriptación parcial del documento. Encriptación XML se puede aplicar a cualquier

recurso Web, incluyendo contenido que no es XML.

Gestión de Claves XML (XML Key Management - XKMS). Es un protocolo para distribuir y registrar claves públicas que oculta la complejidad que surge con PKI (Infraestructura

de Clave Pública). Está compuesto de dos partes que son: el registro de la clave pública (X-KRSS) y la información de clave pública (X-KISS)

Page 10: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

10 VICEN MORALES

Lenguaje de Consulta XML (XML Query). Es un lenguaje que ofrece la posibilidad de realizar consultas en infinidad de tipos diferentes de documentos como son

documentos estructurados, colecciones de documentos, bases de datos, estructuras DOM, catálogos, etc., para extraer datos en la Web.

Esquema XML (XML Schema). Es un lenguaje cuyo objetivo principal es definir la estructura en bloques de un documento XML, al igual que lo hace un DTD, pero de una forma mucho más precisa. El propósito de un esquema es definir y describir una clase de documentos XML usando estas construcciones para restringir y documentar el significado, uso y relaciones de las partes constituidas: tipo de datos, elementos y su contenido, atributos y sus valores, entidades y su contenido, y anotaciones. Los esquemas documentan su propio significado, uso y función.

Firma XML (XML Signature). Es un sistema que, a través de una firma digital, permite ofrecer autentificación de los datos que se manejan. Con la firma digital se confirma la

identidad del emisor, la autenticidad del mensaje y su integridad, sin olvidar que los mensajes no serán repudiados.

Lenguaje de Rutas XML (XML Path Language). Es un lenguaje para acceder a partes de

un documento XML, como pueden ser sus atributos, elementos, etc.

Lenguaje de Direccionamiento XML (XML Pointer Language). Es un lenguaje que se utiliza para llegar a partes específicas de un documento XML, esto es, a sus elementos, atributos y contenido. XPointer, una vez que XLink ha establecido el enlace con el recurso, va a un punto concreto del documento. Su funcionamiento es muy similar al de los identificadores de fragmentos en un documento HTML ya que se añade al final de una URI y después lo que hace es encontrar el lugar especificado en el documento XML.

Lenguaje de Hojas de Estilo Extensible (eXtensible Stylesheet Language). Es un lenguaje para crear hojas de estilo a través de las cuales será posible mostrar el contenido

estructurado de un documento con un formato determinado. Consiste en dos partes: un lenguaje de transformación de documentos XML y un vocabulario XML para

especificar semánticas para el formato (objetos de formato).

Transformaciones del Lenguaje de Hojas de Estilo Extensible (Extensible Stylesheet Language Transformations). Es un lenguaje que permite la transformación de la

estructura de un documento XML en otro documento XML con estructura diferente.

Page 11: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

11 VICEN MORALES

¿Qué son los Estándares Web?

Un estándar es un conjunto de reglas normalizadas que describen los requisitos que deben ser cumplidos por un producto, proceso o servicio, con el objetivo de establecer un mecanismo base para permitir que distintos elementos hardware o s oftware que lo utilicen, sean compatibles entre sí.

El W3C, organización independiente y neutral, desarrolla estándares relacionados con

la Web también conocidos como Recomendaciones, que sirven como referencia para construir una Web accesible, interoperable y eficiente, en la que se puedan desarrollar aplicaciones cada vez más robustas.

En la creación de las Recomendaciones del W3C participan sus Miembros (más de 400 organizaciones, distribuidas a lo largo de todo el mundo y de diversos ámbitos: grandes empresas de hardware o software, centros investigadores, universidades, administraciones públicas, etc.), el Equipo del W3C, expertos invitados, y cualquier usuario de la Web que quiera mostrar su opinión. Todos ellos trabajan conjuntamente a través de un proceso basado en el consenso, la neutralidad y la transparencia de la información.

El resultado: más de 110 tecnologías desde 1996.

Page 12: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

12 VICEN MORALES

Figura 1 - Los stándares representados en función del año de su creación (también en SVG )

Algunos de los estándares Web más conocidos y ampliamente utilizados son: HTML (HyperText Markup Language), para definir la estructura de los documentos; XML (eXtensible Markup Language), que sirve de base para un gran número de tecnologías; y CSS (Cascading Style Sheets), que permite asignar estilos para la representación de los documentos.

¿Para qué sirven?

La finalidad de los estándares es la creación de una Web universal, accesible, fácil de

usar y en la que todo el mundo pueda confiar. Con estas tecnologías abiertas y de uso libre se pretende evitar la fragmentación de la Web y mejorar las infraestructuras para

que se pueda evolucionar hacia una Web con la información mejor organizada.

Acceso Universal

El W3C se guía por los principios de accesibilidad, internacionalización, e

independencia de dispositivo, entre otros. Esto facilita que el acceso a la Web sea posible desde cualquier lugar, en cualquier momento y utilizando cualquier dispositivo.

No importa si se utiliza hardware, software, o una infraestructura de red específica. Además de las posibles restricciones técnicas, se tiene en cuenta la existencia de

Page 13: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

13 VICEN MORALES

múltiples idiomas, las diversas localizaciones geográficas, y las diferencias culturales o tradiciones, así como las posibles limitaciones físicas, psíquicas o sensoriales de los

usuarios.

La concienciación de que no todas las personas acceden a la Web de la misma forma, permite centrarse en determinados colectivos que tienen necesidades concretas, como pueden ser las personas de edad avanzada en el caso de limitaciones psíquicas, físicas o sensoriales.

El avance de las tecnologías inalámbricas, así como la gran variedad de dispositivos con acceso a la Web presentes en sectores como el de la telefonía móvil, en el de

automoción (navegadores en los salpicaderos de automóviles), en los electrodomésticos (refrigeradores con pantallas táctiles) o en los televisores, fomenta

la ubicuidad de la Web. Esto pone de manifiesto la necesidad de utilizar tecnologías y lenguajes unificados, libres y gratuitos, cuyo uso no esté limitado por patentes

comerciales.

Una Web con significado

Tradicionalmente, se podría considerar la Web como un conjunto de documentos conexos entre sí a través de términos léxicos y sintácticos. Estos documentos están expresados en lenguaje natural y contienen contenido destinado a personas. Esto limita a las máquinas a la hora de procesar la información de forma eficiente, ya que no pueden evitar las ambigüedades del lenguaje natural. Gracias al nuevo enfoque del W3C, la Web evoluciona hacia lo que se denomina Web Semántica, una ampliación de la Web tradicional, que ofrece mecanismos para añadir significado a los recursos (documentos, imágenes, vídeos, etc.), de forma que cualquier máquina pueda interpretar los datos existentes en la Web de una forma similar a como lo hacen los humanos. La información no sólo está especificada como una serie de información textual o gráfica inconexa entre sí, sino que la Web se puede considerar como una gran base de datos organizada y estructurada teniendo en cuenta la naturaleza semántica de los elementos que la componen.

La Web Semántica fomenta una mejora en el rendimiento y eficiencia de la Web, lo que se transmite en una experiencia más satisfactoria para el usuario, el que obtendrá

mayor precisión en sus búsquedas y operaciones, y podrá tener acceso a mayores cantidades de información específica y útil. De la misma forma, esta estructuración y

tratamiento de los datos más preciso evitará las tareas frustrantes y difíciles, como es la búsqueda, obtención y mezcla de información desde distintas fuentes.

Confianza en la Web

La Web es un medio colaborativo, donde los usuarios interactúan creando contenidos (en wikis, blogs o foros), realizan transacciones (compras online, operaciones

bancarias), o crean redes sociales (de amistad o laborales), donde se relacionan entre sí.

Page 14: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

14 VICEN MORALES

Estas actividades requieren que los usuarios confíen entre sí y han promovido el desarrollo de ciertas tecnologías para asegurar esta confianza: firmas digitales de

documentos que fomentan la responsabilidad de las personas que se declaran autores de estos; encriptación de los datos para la confidencialidad; y mecanismos de establecimiento y declaración de las políticas de privacidad de los datos de los sitios Web.

¿Cómo funcionan?

La creación de un estándar Web requiere un proceso controlado, que consta de varias etapas que aseguran la calidad de la especificación. Este proceso permite la

intervención de todos los usuarios de las tecnologías, con el objetivo de que puedan aportar su conocimiento y opiniones para la mejora de los documentos.

Tras este proceso, elaborado por especialistas en la materia, se obtienen unos

estándares de calidad, y al estar disponible para todo el mundo, las especificaciones se depuran exhaustivamente antes de ser consideradas como Recomendación.

Estos estándares, están sujetos a la Política de Patentes del W3C, lo que permite que sean utilizados libremente por toda la comunidad Web. Al utilizar las mismas tecnologías, las máquinas se entienden entre sí y cualquier usuario puede interactuar con el resto.

Figura 2 - Distintos dispositivos y redes comunicándose a través de protocolos y

lenguajes comunes

Page 15: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

15 VICEN MORALES

Para ayudar a los desarrolladores que deseen utilizar sus Recomendaciones, el W3C ofrece una serie de herramientas que permiten verificar si se hace una correcta

aplicación de las especificaciones. Manuales de directivas o buenas prácticas de tecnologías concretas, y los validadores sintácticos de los lenguajes, son ejemplos de estas ayudas.

Ejemplos

Durante la evolución de la Web, ha quedado patente la necesidad de disponer de estándares y existe un gran número de estos que han sentado las bases para el desarrollo de la Web y han fomentado el éxito de esta. Algunos ejemplos son: el

lenguaje de etiquetado para hacer páginas Web, HTML; y XML, un lenguaje para crear estructuras de documentos.

HTML

El beneficio de la utilización de estándares se puede observar con la creación y

evolución del lenguaje HTML, para la Web. En 1994, el W3C comenzó el proceso de estandarización del HTML para representar el contenido en la Web. La expansión y el número de documentos en la Web se ha visto incrementado en los últimos años de forma espectacular, hasta convertirse en una herramienta de uso cotidiano como hoy la conocemos. Esto se ha debido a la facilidad de creación de documentos y a que todos comparten el mismo lenguaje para la representación de la información. Al usar el mismo formato para el desarrollo se consigue que cualquier agente de usuario que interprete dicho lenguaje represente el documento de la Web de la misma forma. Al ser independiente de cualquier plataforma (y de cualquier fabricante) permite que cualquiera lo pueda usar, independientemente del sistema operativo, navegador, etc. Si hubiesen existido fabricantes que pretendieran imponer lenguajes alternativos al HTML, tendrían un público restringido a la cantidad de clientes que usasen su tecnología.

XML

El lenguaje XML, ampliamente utilizado para estructurar la información de documentos. El XML fue estandarizado por el W3C, que autorizó su uso libremente,

convirtiéndolo en una pieza clave en la interoperabilidad de la mayoría de los sistemas de información. Muchos otros lenguajes y tecnologías están basados en XML, lo que no

se habría podido conseguir si este lenguaje tuviese alguna patente comercial que restringiese su uso.

Page 16: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

16 VICEN MORALES

b)

- Nombres y direcciones (URIs y URLs) El desarrollo del internet no ha sido un esfuerzo singular. Debido a esto hay mucha jerga hablándose alrededor. Algunas terminologías con las que el público se familiariza, generalmente no se usan de la forma en que originalmente deberían. La gente normal realmente no se toma el tiempo o el esfuerzo para buscar más profundamente en lo que el acrónimo significa y cómo debe utilizarse, sólo observan cómo se utilizo la palabra cuando la escucharon y la usan como la consideran conveniente. Esto es comparable a como Xerox se convirtió en una sinónimo de fotocopia, simplemente debido a la popularidad de la marca. El problema con esto, es que con frecuencia daría lugar a confusiones, especialmente cuando las personas técnicas hablan con las

personas no técnicas.

Una de las terminologías que aprendieron rápidamente fue el del acrónimo URL. URL significa (Uniform Resource Locator – Localizador Uniforme de Recursos) y se supone

que se utilizará sólo para identificadores que señalan una ubicación. En el público en general, cualquier hipervínculo se denomina una dirección URL, incluso si no es

necesariamente una dirección URL.

La URI o (Uniform Resource Identifier – Identificador de Recursos Uniforme), fue creado como el nombre que apunta a cualquier recurso. Esto fue luego subdividido en dos categorías generales, el URL y el URN (Uniform Resources Name-Nombre Uniforme de Recurso), con cada uno de ellos manejando un grupo de nomenclaturas convencionales. La URN se supone debería describir un grupo de URIs que contienen solo el nombre de estos recursos y no necesariamente donde está localizada y como llegar a ella. El URL como lo describía arriba, provee la localización y el protocolo que será usado para acceder a los datos guardados.

Para resumir, las direcciones URL y URN ambas, son una parte de la grande y más general URI. Por lo que sería seguro llamarle a un hipervínculo como una URI, no

importando a aquello a lo que apunte, lo que el nombre s ignifica y que protocolo es usado para acceder a la información. La URL es simplemente un subgrupo dentro de la

URI. Solamente fue hecho para apuntar a la localización del recurso con una indicación necesaria del protocolo. No había necesidad de distinguir entre las dos ya que muchas

veces usar el término URL es lo correcto y debido al crecimiento en la popularidad del término URL en el público en general, las dos se han convertido en algo intercambiable

Page 17: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

17 VICEN MORALES

no importando las imprecisiones. También vale la pena hacer notar que aunque la escritura técnica ha comenzado el cambio a utilizar el término URI en lugar del URL.

c)

www.facebook.es

www.iesgregorioprieto.org

Page 18: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

18 VICEN MORALES

www.canal2000.com

www.lasolana.es

Page 19: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

19 VICEN MORALES

Gráfico del ranking de Servidores Web utilizados en Internet :

d)

Iniciamos el navegador Mozilla Firefox en Ubuntu. Accedemos a herramientas, complementos

Page 20: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

20 VICEN MORALES

En la siguiente pantalla vemos como obtener complementos

Se puede elegir entre muchos idiomas

Page 21: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

21 VICEN MORALES

En la siguiente pantalla vemos las extensiones

Podemos elegir su apariencia

Page 22: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

22 VICEN MORALES

Podemos ver los plugins que están instalados

Vamos a instalar el siguiente complemento

Page 23: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

23 VICEN MORALES

La instalación de cualquier complemento es muy rápido.

Una vez instalado vamos a complementos y vemos que está instalado

Page 24: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

24 VICEN MORALES

Comprobamos y efectivamente reproduce

Page 25: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

25 VICEN MORALES

e)

descarga de un plugins para internet explorer

Page 26: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

26 VICEN MORALES

Una vez instalada comprobamos su funcionamiento

Page 27: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

27 VICEN MORALES

descargamos google crome

Page 28: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

28 VICEN MORALES

Vemos en Internet que está instalado

Lo iniciamos y accedemos a la página de bienvenida.

La instalación es muy rápida, la utilización es muy sencilla, simplemente haciendo búsquedas en la barra de direcciones y podemos acceder a una nueva pestaña

pulsando en el + de la pestaña que hay al lado de la que tenemos abierta.

Page 29: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

29 VICEN MORALES

Page 30: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

30 VICEN MORALES

f)

INSTALACIÓN DE SAFARI

Safari tiene también una barra con diferentes páginas ya establecidas para su acceso

más rápido

Page 31: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

31 VICEN MORALES

INSTALACIÓN DE OPERA

Podemos elegir el idioma para nuestro navegador

En una nueva pestaña tenemos acceso directo a las páginas que más utilicemos

Page 32: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

32 VICEN MORALES

INSTALACIÓN DE AMAYA

Esta es la página inicial de amaya

Page 33: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

33 VICEN MORALES

UN POCO DE HISTORIA

Los navegadores web se han convertido hoy en día en algo tan importante como los Sistemas Operativos, incluso hay que reconocer que hay mucha gente que casi no sabe usar un SO (apenas sabe iniciar y apagar la computadora) pero sí pasa mucho tiempo en Internet.

Les propongo hacer un repaso por la historia de los navegadores, conocer qué características tienen los que más se usan y, para los usuarios avanzados, cuáles son

los mejores plugins y extensiones que les permitan hacer las tareas más diversas.

Si de navegadores web estamos hablando

Un navegador web es un programa que permite al usuario visualizar documentos de hipertexto (comúnmente HTML, si son dinámicos pueden estar escritos en PHP, Javascript, etc.) e interactuar con ellos.

De esta forma se puede “navegar” entre los hipervínculos de las páginas web.

Hoy en día el rol de los navegadores se ha extendido un poco y llegamos a tener casos como Firefox, que con la ayuda de unos cuantos plugins puede servirnos hasta para

programar o diseñar sitios web.

Pero veamos cómo empezó todo…

El primer navegador fue creado por Tim Berners-Lee en el CERN, alrededor del año 1991. Mosaic fue el primero que se usó en forma “masiva”, dado que tenía versiones para Windows y Mac (para los que no tenían ni idea, al principio Windows no tenía navegador propio, jejeje).

El boom fue cuando salió Netscape Navigator, que superó en velocidad y prestaciones a Mosaic. La mayoría de los usuarios lo usaban hasta que Microsoft vio el negocio y adquirió el código de una versión de Mosaic (Spyglass) tomándola como base para crear el conocido Internet Explorer.

En una jugada inteligente, Microsoft hizo que Internet Explorer viniera integrado a Windows, lo que provocó la baja en el uso de Netscape drásticamente. Si bien hay

mucha gente que lo utiliza aún, ya se anunció que ha dejado de tener soporte

El código de Netscape fue liberado y sobre él se construyeron las bases que dieron origen a Mozilla Firefox, que ha ganado una increíble cantidad de usuarios a nivel

mundial. Esto se debe a que es más veloz y tiene mejor rendimiento que IE, pero principalmente porque se trata de un navegador gratuito y de código abierto .

Page 34: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

34 VICEN MORALES

Esto provoca que cualquier programador que quiera hacerlo pueda crear aplicaciones de todo tipo que se integren al navegador, permitiendo a los usuarios hacer con él

prácticamente cualquier cosa, como programar o diseñar sitios web, por ejemplo.

No tenemos que olvidarnos de Safari, el navegador actual de la Mac, ni de otros navegadores como Opera, Maxthon, etc.

Los navegadores web más usados

Internet Explorer:

Los problemas con IE fueron principalmente que no seguía los criterios acordados por la W3C (autoridad que establece los estándares en la web). Su versión 6, muy usada

actualmente, presenta algunos problemas a la hora de interpretar el código HTML y CSS, por ejemplo. Microsoft declaró que su intención es revertir esto y ya en la versión

7 ha corregido muchos errores, más aún en su versión 8 que aún está en beta

PLUGINS PARA IE

Todo el mundo habla de extensiones, barras, add-ons y plugins para Linux, Firefox,

etc., pero ¿Qué hay de Internet Explorer? Si bien este navegador no suele ser el preferido de los desarrolladores web, es innegable que a la hora de diseñar un sitio

debemos prestar suma atención a cómo se visualizará nuestro trabajo en Internet Explorer, dado que es el navegador más usado en el mundo, superando infinitamente

a Firefox, Opera, etc. La siguiente es una lista de Add-ons para IE que todo webmaster debería conocer.

1. Internet Explorer Developer Toolbar Incluye variedad de herramientas para crear, entender y resolver problemas en las páginas web.

2. IE Watch Nos permite ver y analizar cabeceras HTTP/HTTPS, Cookies, GET queries y POST data.

3. IE Web Developer Para inspeccionar y editar el HTML DOM, muestra mensajes de error, explora el código fuente de la página web y monitorea eventos DHTML y tráfico HTTP.

4. IESpy Permite inspeccionar o manipular el DOM de cualquier control de navegador

Web IE. 5. DebugBar

Para los usuarios: herramientas de zoom, búsqueda directa, screenshots de

Page 35: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

35 VICEN MORALES

páginas de e-mail, y selector de color. Para webmasters: ver el código HTML, cookies, JavaScript, cabeceras

HTTP/HTTPS e información alternativa. 6. Virtual Machine

Para ver applets java en páginas web. 7. Microsoft Fiddler

Registra todo tráfico HTTP entre tu computadora e Internet. 8. Tangram Xtml Designer

Diseñador visual de IE Band Object, activeX Control y .NET user control. 9. Http Watch

Muestra tu tráfico HTTP y HTTPS desde el mismo IE permitiéndote debuguear, fixar y optimizar tu sitio.

10. Embedded Web Browser Pack con todo lo necesario para extender un navegador web.

11. CGToolbar Herramienta para artistas CG, Animadores, VFX y profesionales 3d.

12. Site Studio 6 Crea sitios ricos en contenido, sin necesidad de dominar HTML.

13. Haptek Player

Control ActiveX y plugin para Netscape Navigator que permite que páginas y aplicaciones (con soporte ActiveX) incluyan Caracteres Autónomos de Haptek.

14. Flash2X Flash Hunter Permite guardar archivos Flash de los sitios web.

15. iOpus iMacros Chequea periódicamente movimientos en sitios web, subida de datos, etc.

16. Telerik RadToolBar Componente que permite agregar botoneras a nuestras aplicaciones web.

17. UltraEdit-32 Texto poderoso, HEX, HTML, PHP y editor de programación.

18. Bytescout Post2Blog Poderoso editor de Blogs, Freeware, para WordPress, Typepad, MovableType,

entre otros. 19. Search Monster

Directorio web Flash libre y Motor de búsqueda para contenido Flash.

20. Zend Studio Abarca todos los componentes necesarios para desarrollar aplicaciones PHP.

21. DbaBar Barra de herramientas que permite a administradores de bases de datos Oracle

navegar las mismas desde Internet Explorer minutos después de su instalación. 22. Explorer Toolbar Maker

Te permite crear tu propia barra para Explorer a partir de una página HTML, imagen, archivo Flash, o documento de Microsoft Office.

Page 36: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

36 VICEN MORALES

Mozilla Firefox: Es el preferido de los programadores por ser de código abierto, y tiene muchas ventajas respecto de IE en cuanto a velocidad y rendimiento. Posee mil y un plugins, add-ons y extensiones para hacer de todo, además se puede personalizar su apariencia, entre muchas otras cosas.

PLUGINS DE FIREFOX

¿Por qué la mayoría de los desarrolladores usan Firefox? Porque sigue los estándares, es más rápido, personalizable y también porque se le pueden agregar infinidad de add-

ons y extensiones para que haga casi de todo.

Por eso los desarrolladores más experimentados no imaginan su Firefox sin ciertas aplicaciones como FireBug, Web Developer Toolbar o User Agent Switcher, entre

otras, que les permiten usar el navegador como si fuese una plataforma de desarrollo. Por si no estabas al tanto, te recomiendo 5 de ellas.

5 plugins de Firefox para desarrollo web

1. CS Lite Con esta extensión puedes manejar fácilmente las cookies, permitiéndote

habilitarlas o desactivarlas en un sitio puntual o en una sesión de usuario. Además de evitarte molestias a la hora de trabajar con código relacionado con

sesiones de usuario también protege tu privacidad. 2. Firebug

Este es uno de los más conocidos y usados. Con él puedes debuggear y editar HTML, CSS y Javascript “en tiempo real”. También sirve para monitorear el tráfico de cualquier página web (para Firefox 3 te recomiendo descargar la beta de la versión 1.2).

3. HttpFox Imprescindible a la hora de rastrear un error en el servidor (por ejemplo, cuando una imagen se muestra en lugar de otra o cuando hay una cookie que no funciona). HttpFox te muestra el tráfico HTTP entrante y saliente y gracias a una mini-consola de grabación podemos grabar una sesión para analizarla con más detalle después.

4. User Agent Switcher

Esta extensión te evita molestias cuando un sitio no reconoce a Firefox 3, por ejemplo, como un navegador válido. Te permite decirle al sitio que “pretenda” que se trata de Firefox 2 ¡problema resuelto!

Page 37: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

37 VICEN MORALES

5. Weave Este es un producto de Mozilla, que unifica el historial de navegación y los

marcadores para todas las versiones de Firefox que tengas en cada computadora. De esta manera puedes tener varias versiones del navegador a fin de testear tu sitio, sin perder información útil.

Safari: Es uno de los más veloces. Viene con Leopard, el SO de la Mac. Obviamente, como todo lo que hace Apple, tiene un diseño muy cuidado y una estética característica. Pero más allá de eso es muy seguro y también cuenta con muchas prestaciones,

incluso cuenta con recursos para diseñadores y programadores.

Opera: Fue el primer navegador que implementó el sistema de pestañas, popularizado por Firefox y recientemente incorporado por IExplorer. Siempre innovador, es el más adaptado a otras plataformas como celulares, consolas y próximamente estará

disponible en televisores y reproductores de DVD.

Haz clic aquí para ir al sitio oficial de plugins de Opera.

PLUGINS DE OPERA

Adobe Reader

Adobe Flash Player

Windows Media Player

Java

QuickTime

Real Player

Page 38: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

38 VICEN MORALES

Maxthon: Basado en Internet Explorer, es un navegador gratuito para Windows que tiene características comunes al resto. Es altamente configurable, se pueden editar sus menús, barras de navegación, herramientas, etc. También posee infinidad de plugins para usar con él.

A la hora de diseñar un sitio web es muy recomendable tener instalados varios navegadores, incluso varias versiones de cada uno.

Como muchos somos perezosos, hay aplicaciones online que al indicarles una URL nos

devuelven varias capturas de pantalla donde cada una corresponde a cómo se vería nuestro sitio en “x” navegador.

Recuerdo cuando “diseñé” mi primera página web (cómo pasa el tiempo ^_^). Estaba orgullosa, hasta que un día tuve la desgracia de verla en Firefox. Era innavegable, la

botonera estaba toda fuera de lugar, un desastre. Cualquier usuario no pasaría más de un segundo en el sitio. Por eso les traigo unas propuestas para chequear que el HTML

de sus sitios se vea correctamente no sólo en varios navegadores, sino en sus diferentes versiones e incluso en Windows, Mac OSX, Linux, etc, en forma gratuita.

IE Net Renderer: Ingresas la URL de tu sitio y eliges con qué versión del Explorer

quieres pre visualizar tu sitio. En segundos tendrás una captura de pantalla con especificaciones sobre la resolución de pantalla y el aspecto en esa versión del navegador.

BrowsrCamp: Te permite hacer lo mismo con Safari, el navegador de Mac. Browsershots: Tal vez sea el más completo, pudiendo elegir entre docenas de

navegadores de Windows, Linux y Mac. Litmus: Muestra los resultados en diferentes versiones de Firefox, incluyendo la

beta de la versión 3. Para acceder al servicio tienen que registrarse gratis por 30 días. Después es pago.

Conocer los navegadores nos ayuda a ser mejores al desarrollar sitios y aplicaciones web.

En esta página podemos ver cómo se han utilizado los navegadores y cual ha sido su

proceso http://gs.statcounter.com/#browser-ES-monthly-201012-201112

Page 39: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

39 VICEN MORALES

Un análisis global

Un análisis en Europa

Un análisis en España

Page 40: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

40 VICEN MORALES

g)

Cookies

Los cookies son pequeños ficheros de datos que almacenan información relacionada con un sitio web. Por ejemplo, se puede crear uno que almacene el contenido de la cesta de la compra de un sitio de compras en línea, o para confirmar que el usuario ha

entrado correctamente en un sitio web, mientras visita sus páginas. Cuando se planta un cookie, la secuencia es la que sigue:

1. En el primer contacto, el sitio web ofrece un cookie para un dominio en particular. Si se acepta, se guarda en el ordenador.

2. Cada vez que el navegador necesita un recurso de ese dominio, el navegador envía el cookie.

Hay una buena razón para este comportamiento algo abstracto: el cookie no tiene forzosamente que originarse en el sitio web cuya dirección se escribe en el campo de

direcciones del navegador. Por ejemplo, el sitio web que visite el usuario puede

Page 41: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

41 VICEN MORALES

contener publicidad en forma de una imagen externa y es el sitio donde se almacena la imagen el que envía el cookie. Estos cookies, llamados cookies de terceros, se usan

muy frecuentemente para el márketing.

Los cookies se pueden usar para construir un perfil de los hábitos de navegación del usuario, y de ese modo se perciben por algunos como un riesgo para la intimidad.

Si no se asigna una fecha de caducidad a los cookies, éstas caducan al final de la sesión, cuando se cierra el navegador. En este caso se les llama cookies de sesión.

Opciones de cookies

Configuración > Opciones > Avanzado > Cookies

Las opciones de cookies controlan el modo en que Opera los maneja. El modo predeterminado es aceptar todas los cookies.

Aceptar cookies Se aceptan todos (predeterminado)

Aceptar cookies sólo del sitio visitado Se rechazan los cookies de terceros, para dominios externos al que se está visitando

No aceptar cookies nunca Se rechazan todos

Eliminar cookies al salir de Opera

Algunos sitios web obligan a aceptar los cookies antes de poder usar sus servicios. Si se desea usar el sitio pero no conservar los cookies entre visitas,se elije "Eliminar cookies

al salir de Opera".

Preguntar antes de aceptar cookies

Si se elije "Preguntar antes de aceptar cookies", se abre el cuadro de diálogo de cookies cada vez que se intenta establecer una, y contiene información sobre el origen y características del cookie.

Administrar cookies

El administrador de cookies permite inspeccionar y editar los cookies que Opera ha guardado. Se pulsa el botón etiquetado como "Administrar cookies" para descubrir un

conjunto de carpetas, en las que cada una identifica a un dominio. Se usa el campo Buscar ya para encontrar un dominio por su nombre. Al abrir la carpeta se obtiene

información detallada de todas los cookies conectados con ese dominio en concreto.

Cuadro de diálogo de cookies

Page 42: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

42 VICEN MORALES

Este cuadro de diálogo se abre cada vez que un sitio web quiere plantar un cookie si la casilla "Preguntar antes de aceptar cookies", que se encuentra en Configuración >

Opciones > Avanzado > Cookies. El cuadro de diálogo describe el origen y atributos del cookie y da la oportunidad de aceptarlo o rechazarlo.

Eliminar al salir de Opera

Para cambiar la fecha de caducidad del cookie al final de la sesión se marca la casilla "Eliminar cookies al salir de Opera".

Recordar elección para todos los cookies del dominio

Se desea aceptar o rechazar todos los cookies del mismo dominio se marca "Recordar

elección para todos los cookies del dominio". La próxima vez que se intente plantar un cookie desde este dominio, el cuadro de diálogo no aparecerá.

Detalles del cookie

Los atributos del cookie aparecen en la sección "Detalles del cookie".

No preguntar sobre cookies otra vez

Si se desea no ver el cuadro de diálogo de cookies se marca la casilla "No preguntar

sobre cookies otra vez". Esto es equivalente a desmarcar la casilla "Preguntar antes de aceptar cookies" en las opciones de cookies.

Preferencias de cookies específicas de sitio

Se pueden establecer preferencias de cookies específicas de sitio si se hace clic con el derecho en la página que se está visitando, eligiendo "Editar opciones de sitio" desde el menú, y activando la pestaña cookies. Las opciones disponibles son las mismas que ya se han descrito en las opciones generales de cookies.

Opciones de cookies:

Vamos a configuración > Opciones > avanzado > Cookies

Page 43: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

43 VICEN MORALES

SAFARI

Cómo gestionar las cookies

Si le preocupan las cookies, puede decidir cómo se gestionarán.

Importante: si modifica sus preferencias de cookies o elimina cookies, es posible que los cambios afecten también a otras aplicaciones.

Para cambiar las preferencias de las cookies:

Seleccione Safari > Preferencias.

Haga clic en Seguridad.

En la sección Aceptar Cookies, escoja el modo en que desea que Safari gestione las cookies. Haga clic en el botón Ayuda (signo de interrogación) si desea ver una

explicación sobre las diferentes opciones.

Page 44: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

44 VICEN MORALES

Si desea ver más información sobre las cookies almacenadas en el ordenador, haga clic en "Mostrar cookies". Para cada una de las cookies, se muestra la siguiente

información:

sitio web que almacenó la cookie

Nombre

Ruta o ubicación en su ordenador

Estado de seguridad; las cookies marcadas como "seguras" se envían a través de una conexión encriptada

Fecha de caducidad; cuándo se eliminará del ordenador

Contenido; normalmente, se trata de una cadena de código

Si ha configurado Safari para que bloquee las cookies, es posible que deba aceptar cookies temporalmente para poder abrir una página web. Repita los pasos anteriores

y, esta vez, seleccione Siempre. Cuando haya terminado de utilizar la página, vuelva a desactivar las cookies y elimine las de la página.

Page 45: PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del

2º ASIR UD4-HTTP

45 VICEN MORALES