mirror of
https://github.com/SrIzan10/edicion-en-html.git
synced 2026-06-25 01:42:23 +00:00
124 lines
6.3 KiB
HTML
124 lines
6.3 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
<html lang="es-es">
|
|
<head>
|
|
|
|
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
|
|
<title>Validación</title>
|
|
|
|
|
|
<meta content="Raúl Luna" name="author">
|
|
|
|
<link rel="stylesheet" type="text/css" href="../nvu2005.css">
|
|
|
|
<!-- parche de compatibilización con CSS 2 para navegadores microsoft --><!--[if lt IE 7]> <script src="../ie7/ie7-standard-p.js" type="text/javascript"></script> <![endif]-->
|
|
</head>
|
|
|
|
<body>
|
|
<div id="localizador">
|
|
<p>Validación</p>
|
|
|
|
</div>
|
|
<div id="flechadcha">
|
|
<a href="../plantillas/plantillas.html" title="avanzar"><img src="../Images/flechadcha.gif" border="0"></a>
|
|
</div>
|
|
<div id="flechaizq">
|
|
<a href="../vinculos/vinculos6.html" title="retroceder"><img src="../Images/flechaizq.gif" border="0"></a>
|
|
</div>
|
|
|
|
|
|
<div id="contenido">
|
|
|
|
<h2>Validación de páginas</h2>
|
|
|
|
<p>Hacer que nuestra página se ajuste a los
|
|
estándares es importante si pretendemos garantizar la mayor
|
|
estabilidad posible en su visualización, independientemente
|
|
del navegador que se utilice para visitarla. Además,
|
|
estaremos potenciando la accesibilidad, ya que si cumplimos los
|
|
estándares es muy probable que pueda ser interpretada
|
|
correctamente por agentes de usuario adaptados a situaciones
|
|
especiales, como pueden ser los agentes sonoros que se encargan de leer
|
|
el contenido de las páginas.</p>
|
|
|
|
<p>Así pues, es una práctica muy
|
|
recomendable validar todas nuestras páginas antes de
|
|
publicarlas en la red. N|VU dispone en el menú <span class="refmenu">herramientas </span><img class="refmenu" style="width: 14px; height: 13px;" alt="a continuación" src="../imagenes/flechamenu.png"><span class="refmenu"> validar html </span>de la
|
|
posibilidad de conectarnos directamente al servicio de
|
|
validación de páginas del <acronym title="World Wide Web Consortium">W3C</acronym>.
|
|
Obviamente, dado que es un servicio en línea, deberemos
|
|
encontrarnos conectados en ese momento o disponer de
|
|
una conexión permanente para poder utilizarlo. Al utilizar
|
|
esta herramienta se enviará para su validación
|
|
una copia del código de la página desde la que la
|
|
hemos llamado, o de otra que elijamos en nuestro equipo.</p>
|
|
|
|
<p class="centrado"><img style="width: 680px; height: 449px;" alt="Subir una página para validarla" title="Subir una página para validarla" src="imagenes/validarupload.png"></p>
|
|
|
|
<p>El
|
|
servicio de validación nos informará
|
|
si todo ha ido correctamente o si hay errores en el código
|
|
de la página.</p>
|
|
|
|
<p class="centrado"><img alt="Informe de página HTML 4.01 transitional válida" title="Informe de página HTML 4.01 transitional válida" style="width: 680px; height: 579px;" src="imagenes/valida.png"></p>
|
|
|
|
<p class="centrado"><img style="width: 634px; height: 171px;" alt="Informe de página HTML 4.01 transitional con errores" title="Informe de página HTML 4.01 transitional con errores" src="imagenes/errores.png"></p>
|
|
|
|
<p>En caso de que
|
|
el informe haya sido satisfactorio
|
|
podremos incluir en nuestra página el icono que
|
|
así lo
|
|
avala según se trate de una página escrita en
|
|
HTML 4.01 <img style="width: 88px; height: 31px;" alt="Icono de página HTML 4.01 validada por W3C" title="Icono de página HTML 4.01 validada por W3C" src="imagenes/valid-html401.png"> o en XHTML 1.0 <img style="width: 88px; height: 31px;" alt="Icono de página XHTML 1.0 validada por W3C" title="Icono de página XHTML 1.0 validada por W3C" src="imagenes/valid-xhtml10.png"></p>
|
|
|
|
<p>Cuando la página no sea válida el
|
|
informe muestra los errores indicando el número de
|
|
línea en el que se han producido. Esto sería muy
|
|
útil para localizarlos y corregirlos... si la
|
|
numeración que muestra N|VU en la
|
|
pestaña <img style="width: 99px; height: 21px;" alt="Código fuente" src="../imagenes/pestanacodigofuente.png">
|
|
fuese correcta, pero no es ese el caso: aunque todo se vea con una
|
|
apariencia bastante ordenada y clara, lo cierto es que el programa
|
|
introduce unos saltos de carro que no podemos ver que son los que
|
|
provocan la discrepancia en la numeración de las
|
|
líneas, haciendo que los numeros que aparecen en el informe
|
|
de error sean mucho más altos que los que preceden a ese
|
|
fragmento de código cuando lo vemos en el programa.
|
|
Así pues, no nos queda más remedio que localizar
|
|
visualmente los fragmentos erróneos o, más
|
|
cómodamente, utilizar <span class="refmenu">editar </span><img class="refmenu" style="width: 14px; height: 13px;" alt="a continuación" src="../imagenes/flechamenu.png"><span class="refmenu"> buscar y reemplazar </span>para
|
|
poder corregirlos.</p>
|
|
|
|
<p>También se puede hacer
|
|
la validación de páginas desde el navegador,
|
|
visitando la página <a href="http://validator.w3.org/file-upload.html" target="_blank">http://validator.w3.org/file-upload.html</a>
|
|
aunque podría haber algún problema si se hace
|
|
utilizando Windows XP SP2 y una versión de Internet Explorer
|
|
en la que no se haya instalado algunos parches de seguridad,
|
|
especialmente el <a target="_blank" href="http://www.microsoft.com/technet/security/bulletin/ms05-014.mspx">MS05-014</a></p>
|
|
|
|
<br>
|
|
|
|
<div class="practicas">
|
|
<img class="numact" style="width: 29px; height: 29px; float: left;" alt="Actividad 58" title="Actividad 58" src="../imagenes/numeracion/cincuentayocho.gif">
|
|
<ul>
|
|
<li>Abre en N|VU
|
|
el archivo <a href="practicavalidacion.html" target="_blank">practicavalidacion.html</a>
|
|
que se encuentra en la carpeta "validacion" del CD.</li>
|
|
<li>Valida
|
|
el documento y corrige el código.</li>
|
|
<li>Vuelve a
|
|
validar para comprobar si la corrección ha surtido efecto.</li>
|
|
</ul>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<p class="estilo">Una vez que has utilizado esta funcionalidad sería muy recomendable que
|
|
adoptaras la costumbre de validar tus páginas antes de publicarlas:
|
|
estarás garantizando en gran medida su accesibilidad y aprenderás a
|
|
corregir pequeños errores que puedan ir surgiendo.</p>
|
|
</div>
|
|
</body>
|
|
</html>
|