Publicación de contenidos: HTML. Tu Instituto Online.

Informática
Publicación de contenidos

	HTML: Validación de una página web
	Duración aproximada: 1 sesión

Objetivos

Conocer herramientas para validar nuestars páginas web.
Aprender a detectar posibles errores en nuestras webs.
Comprobar cómo de accesible es nuestra web.

Fuentes de información

http://www.ite.educacion.es/formacion/materiales/182/cd/

Contenidos

1. Introducción

Tras crear una página web podemos emplear algunas herramientas para asegurarnos de que nuestra página web sigue los estándares y se mostrará correctamente en diferentes navegadores.

2. Validación

Quizás la página más empleada para realizar la validación de una página web es la creada por el consorcioW3C, ya que son ellos quienes velan por los estándares. Su dirección es: http://validator.w3.org/

Validación

En la página podemos optar por introducir la URL del recurso que vamos a revisar (Validate by URI) o bien subir una página concreta (en la pestaña Validate by File Upload).

La validación nos proporcionará una lista de errores, como los de la figura, que podemos revisar y corregir hasta conseguir que la página carezca de ellos.

Si bien este proceso no es absolutamente crucial y habrá ocasiones en los que no se pueden resolver todos los errores, es conveniente reducirlos siempre a los mínimos posibles.

Desde esta misma página podemos acceder también a otros recursos de validación del W3C.

Validación de hojas de estilo (http://jigsaw.w3.org/css-validator/ ) para comprobar las hojas de estilo.
Link Checker (http://validator.w3.org/checklink ) para buscar enlaces erróneos que no apunten a nada.
MobileOk Checker (http://validator.w3.org/mobile/ ) que nos da indicaciones para saber si nuestra página se muestra bien en dispositivos móviles y cómo mejorarla.
Por último el W3C cuenta con un validador unificado con todos los recursos anteriores. Se encuentra en la siguiente dirección: http://validator.w3.org/unicorn/ . Con esta página obtendremos todos los posibles problemas que tenga nuestra página web.

3. Accesibilidad

Otros aspectos a evaluar de nuestra página es su nivel de accesibilidad. Hay varias herramientas online que nos permiten determinar el comportamiento de nuestra página en este sentido y mostrarnos las carencias que tenemos.

Una de ellas es la web de TAW; con ella se le aplican a la página las especificaciones del proyecto Web Accessibility Initiative (WAI), del W3C, que pretenden obtener sitios web totalmente accesibles para todo el mundo, a través de la definición de una serie de normas (WCAG, ATAG y UAAG).

Para acceder a la web emplearemos la dirección: http://www.tawdis.net/

En el cuadro central introduciremos la dirección de nuestra página web y una vez realizada la comprobación, obtendremos un documento con información de los problemas encontrados.

Ejercicio

Ha llegado el momento de que demuestres lo aprendido.

Crea un nuevo documento HTML y guárdalo como validacion.htm.
Crea toda la estructura básica del documento, recuerda: <!DOCTYPE html>, <html>,<head>... Puedes revisar el primero que hiciste.
Añade las etiquetas meta para el autor, descripción y palabras claves.
Añade la etiqueta de título con el texto "Mi validación".
Escribe 2 párrafos en el documento con el texto que tú quieras.
Inserta una tabla de 2x2.
Aplica 2 estilos diferentes a los párrafos.
Crea un enlace en una palabra de un párrafo a Google.
Guarda los cambios en el archivo.
Accede a la web http://validator.w3.org.
Selecciona para verificar el archivo validacion.htm.

Captura la pantalla con el resultado de la validación y súbela a la plataforma.

Si ha habido algún error corrígelo y cuando ya esté perfectamente el documento validacion.htm lo subes a la plataforma

Créditos

Este documento es de dominio público bajo licencia de Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 España.
TuInstitutoOnline.com M.Donoso, G.García, P.Gargallo, A.Martínez. v. 2.0.2.1.0

No se permite un uso comercial de la obra original ni de las posibles obras derivadas, la distribuciÃ³n de las cuales se debe hacer con una licencia igual a la que regula la obra original.

Los reconocimientos se realizan en el apartado Fuentes de información.

Los iconos empleados están protegidos por la licencia LGPL y se han obtenido de:
https://commons.wikimedia.org/wiki/Crystal_Clear
https://www.openclipart.org

Todas las capturas de pantalla tienen copyright y pertenecen a TuInsitutoOnline.com.

TuInstitutoOnline.com permite su uso siempre y cuando se muestren desde el dominio www.tuinstituoonline.com y NO PERMITE enlazar a ellas desde otros lugares.

Además, la estructura diseñada para mostrar el contenido de las unidades es propiedad de TuInstitutoOnline.com.

TuInstitutoOnline.com M.Donoso, G.García, P.Gargallo, A.Martínez. Versión 2021.