LOS 5 ERRORES MÁS COMUNES EN HTML:
-Usar el mismo ID para varios elementos.
-Definir mal o no definir la codificación de carácteres.
-No definir el elemento "title".
-Atributos "alt" mal.
-Nombres de "id" o "class" inválidos.
-Formularios inaccesibles y difíciles de usar.
-No especifiar el color de fondo.
-Nombres de "id" y clases llamadas en función de su aspecto y no de lo que hace.
-Anchura fija, no hacerla demasiado ancha.
CAJA NEGRA:
Elemento que es estudiado desde el punto de vista de las entradas que recibe y las salidas o respuestas que produce, sin tener en cuenta su funcionamiento interno.
CAJA BLANCA:
Las pruebas de caja blanca se centran en los detalles procedimentales del software, por lo que su diseño está fuertemente ligado al código fuente. El testeador escoge distintos valores de entrada para examinar cada uno de los posibles flujos de ejecución del programa y cerciorarse de que se devuelven los valores de salida adecuados.
PRUEBA UNITARIA:
Es una forma de comprobar el correcto funcionamiento de un módulo de código. Ésto sirve para asegurar que cada uno de los módulos funcione correctamente por separado.
-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.
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.
-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.
- 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.
