VERIFICACION DE CODIGO ELABORADA ENTRE TODOS

PROCESO DE VALIDACIÓN HTML

• El PRECODIGO, 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 si 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.

PROCESO DE VALIDACIÓN 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.