05Dic
Diseño Web Responsivo

Examen Extraordinario

Realizar la maquetación de las siguientes propuestas de diseño.

Puedes implementar cualquiera de las herramientas utilizadas durante el semestre.

5Dic
Examen

Examen extraordinario

El examen extraordinario se llevará a cabo en nuestro salón de clase: Laboratorio G0005 de Compulab II a las 7:00 hrs.

12Nov
Examen

Examen teórico - 10% de evaluación

El examen ordinario es de respuestas abiertas y opción múltiple, tiene una duración de 30 min. Comienza respondiendo las preguntas fáciles y deja al final el resto.

Una vez finalizado el examen no podrás salir de aula hasta que tu Profesor lo indique.

Recomendaciones durante el examen:

  • Mantener silencio
  • Guardar todos los objetos ajenos al examen
  • Si tienes dudas sólo levanta la mano para recibir ayuda
  • No dejes ninguna pregunta sin responder
  • No olvides ingresar tu nombre
  • Revisa tu examen antes de enviarlo por lo menos un minuto antes de finalizar
  • En caso de ser sorprendido haciendo trampa se cancelerá el examen para la(s) persona(s) implicada(s)

Mucha suerte!

17Sep
Selectores en CSS

Actividad en clase

Habiendo finalizado el tema de exposición "Usabilidad Web" realizar las siguientes actividades:

  1. ¿Para ti qué entiendes por usabilidad web?
  2. ¿Que características debe tener un sitio web con usabilidad?
  3. ¿Realmente hace falta la usabilidad para hacer una web? Si, no y por qué
  4. Agrega tus conclusiones sobre el tema en la sección de comentarios del artículo
  5. Busca un sitio que haga uso adecuado de usabilidad Web y otro que no cumpla con el tema
19Sep
Estándares Web

Actividad en casa - Estándares Web

Con base en la exposición del equipo 1 Estándares Web, analiza 3 sitios web para verificar si cumplen con los siguientes criterios:

  • CALIDAD DE CÓDIGO
    1. ¿Usa el sitio un correcto Doctype?
    2. ¿El sitio utiliza código HTML válido?
    3. ¿Está el código bien estructurado?
    4. ¿Contiene el sitio algún enlace roto?
    5. ¿Cómo responde el sitio en términos de velocidad y peso de sus páginas?
  • GRADO DE SEPARACIÓN ENTRE CONTENIDO Y SU PRESENTACIÓN
    1. ¿Utiliza el sitio CSS para todos los aspectos de la presentación (tipografía, colores, márgenes, bordes, etc.)?
    2. ¿Están todas las imágenes decorativas dentro del código CSS, o aparecen en el código HTML?
  • ACCESIBILIDAD PARA USUARIOS
    1. ¿Se utilizan los atributos "alt" para todas las imágenes descriptivas?
    2. ¿El sitio utiliza unidades relativas en lugar de absolutas para el tamaño del texto?
    3. ¿El sitio utiliza menús visibles?
    4. ¿Usa el sitio formularios accesibles?
    5. ¿Usa el sitio tablas accesibles?
    6. ¿Hay suficientes brillos / contrastes de color?
    7. ¿Existe un retraso en la respuesta de los menús desplegables 'dropdown' (para los usuarios con habilidades motoras reducidas)?
    8. ¿Son todos los enlaces descriptivos (para usuarios invidentes)?
  • ACCESIBILIDAD PARA DISPOSITIVOS
    1. ¿Funciona el sitio aceptablemente en los navegadores modernos y los más viejos?
    2. ¿El sitio es util para mandar a imprimir?
    3. ¿El sitio funciona bien en los dispositivos móviles?
    4. ¿El sitio funciona bien en los distintos tamaños de la ventana del navegador?
  • USABILIDAD BÁSICA
    1. ¿Existe una jerarquía visual clara?
    2. ¿Son los niveles del encabezado fáciles de distinguir?
    3. ¿El sitio dispone de una navegación fácil entender?
    4. ¿El sitio utiliza una navegación consistente?
    5. ¿Los enlaces están subrayados?
    6. ¿Dispones de un mapa del sitio y una página de contacto? ¿Son fáciles de encontrar?
    7. ¿hay una herramienta de búsqueda?
    8. ¿Hay un enlace a la página principal o de entrada en cada página del sitio?
    9. ¿Los enlaces visitados se definen claramente con un color único?
  • GESTIÓN DEL SITIO
    1. ¿El sitio tiene una página de error 404 significativa y de ayuda en el sitio?
    2. ¿El sitio utiliza URLs amigables?
    3. ¿Tus URLs funcionan sin "www"?
10Sep
Selectores en CSS

Ejercicio en clase

Con base en el tema "Selectores en CSS" realizar el siguiente ejercicio.

  1. Dentro del selector #formulario crear un formulario con tres input de tipo texto y un textarea.
  2. Declara las siguientes características para los elementos del formulario:
    • Relleno arriba y debajo de 5px y a los costados de 10px
    • Borde de 1px de grosor de tipo sólido
    • Borde redondo de 3px
    • Tamaño de fuente de 13px
    • Ícono de fondo alineado a la derecha de elemento
13Ago
Formación de equipos y temas de exposición

Formación de equipos para exposición

A continuación se presenta la formación de equipos así como la repartición de temas para el semestre.

Equipo 1:

  • Rubio Arambula Omar Aldair
  • Moreno Robles Caín

Tema:

Equipo 2:

  • Malpica Talamantes Esthela
  • Pilar Gil Carlos Javier

Tema:

Equipo 3:

  • Flores Gallegos Paola
  • Rodríguez Cárdenas André Martín

Tema:

  • Dreamweaver

Equipo 4:

  • Romero Sánchez Esmeralda del Rosario
  • Padilla Colmenares David Fernando

Tema:

Equipo 5:

  • Mungarro Ortega Sarai Yanira

Tema:

  • Bootstrap
  • JavaScript
13Ago
Accesibilidad Web

Lectura Accesibilidad Web

Realizar la lectura del tema "Accesibilidad Web" analizar y traer para la siguiente clase tus concluciones sobre el tema.