Técnicas de verificación

PROCESO DE VALIDACIÓN

HTML:

• El PRECÓDIGO, es el antes del código, bocetos más la preparación de la estructura.

• Comprobar el acceso a archivos externos .JS y .CSS

• Comprobación METAS, Title y H1 para comprobar que tienen coherencia entre ellos y mejorar así la indexación.

• Verificar la tabulación del código HTML y separar las partes del código bien diferenciadas con comentarios. Ejemplo <!-- MENÚ LATERAL DERECHO -->

• Apartado NOSCRIPT bien complementado.

• Comprobar las buenas prácticas de programación en variables y nombres, identificadores, clases etc.. que tengan sentido con la tarea función que realizan.

• Realizar un prueba de caja Negra completa a la página.

• Realizar pruebas unitarias es comprobar individualmente un elemento cuando una prueba de caja negra da fallida.

• Compruebo que la declaración de documento sea actual y completo. DOCTYPE.

• Usar los Id como identificador único, no aplicar el mismo a varios elementos, para eso están las class.

• Que una página web no dependa del js, css, flash o span y no abusar de estos.

• Colocar directorio base para tener el html, js, css en una carpeta y el resto en otra.<BASE>

• Hacer validación completa de formularios incluidos en la web.

• Definir mal o no definir la codificación de caracteres.<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

• Realizar pruebas de caja blanca, principalmente en los formularios. Las principales técnicas de diseño de pruebas de caja blanca son:

• Pruebas de flujo de control
• Pruebas de flujo de datos
• Pruebas de bifurcación (branch testing)
• Pruebas de caminos básicos

• Las herramientas para desarrolladores nos sirven para detectar errores en tiempo real y para localizar partes del código deseado para realizar pruebas posteriores. Para hacer pruebas de posicionamiento sin tocar el código fuente.

• Verificar en validador de HTML.
• Etiquetas que no están bien cerradas o fallos de código.
• Declaración de idioma.
• Etiquetas alt de las imágenes.
• Código obsoleto.

CSS:

• Buen enlace del HEAD al archivo, comprobar su ejecución.

• Comprobar que los selectores se dirigen hacia el elemento adecuado y funcionan correctamente.

• Comprobar que otros selectores tienen más prioridad y están sobreescribiendo una propiedad y/o valor.

• Que le posicionamiento corresponde con el objetivo que pretendemos y sus efectos.

• Utilizar colores codificados en Hexadecimal o RGB o RGBA. Por el motivo de que el rojo en cada navegador es diferente.

• Siempre que se pueda utilizar expresiones de CSS reducidas.

• Combinación de selectores con código común, para reducir líneas de código.

• Utilizar selectores coherentes y no utilizar palabras reservadas para ellos.

• OJO al dato señor@s con los caracteres especiales tipo Ñ o @ o “” etc…

• Comentar el código correctamente, al igual que tabularlo y dejar espacios para su correcta visualización.

• Colocar el código por zonas comentado par su mejor búsqueda. Ejemplo Menú.

• Para validar el código CSS incrustado en el HTML utilizar validador con este archivo específico de CSS.

• Pasar un validador de CSS validador CSS del W3C.:
• Las propiedades están mal escritas o tienen valores no permitidos
• Errores de sintaxis, llaves, llamadas a selectores, propiedades etc…
• El punto y coma después de cada línea.