Curso: (P2025 - 1S) DISEÑO WEB A

Diagrama de temas

Colapsar todo Expandir todo
DISEÑO WEB

Docente: Ing. Jorge Fernández A.

:: Abril 2025 - Agosto 2025 ::

"La educación es el único camino para escapar de la esclavitud mental"
(Frederick Douglass)
Información Inicial

La asignatura de “Diseño Web ”, es parte de la unidad profesional correspondiente al campo de formación de la praxis preprofesional, la cual se imparte en el Séptimo Semestre de la Carrera de Diseño Gráfico.

Mediante clases magistrales, demostraciones, simulaciones y resolución de casos se pretenderá que el alumno se adentre en la tecnología que da vida al internet, el marketing digital y el comercio electrónico hoy en día: “el desarrollo web”. Al final del curso el estudiante conocerá los fundamentos del diseño web: el lenguaje de marcado de hipertexto (HTML), las hojas de estilo en cascada (CSS), la usabilidad y las actuales herramientas de software para diseño web; y aplicará metodológicamente estos conocimientos para crear una página y/o sitio web a medida de los requerimientos de un cliente o marca, para informar, promocionar y/o vender un producto o servicio, teniendo en cuenta aspectos como: la usabilidad, el diseño centrado en el usuario y su creatividad.

El curso intentará en todo momento generar en el estudiante un sujeto: creativo, analítico, autocrítico, sociable y responsable de su trabajo, alineándose durante el proceso con los ejes de formación del Modelo Pedagógico vigente de la Universidad Nacional de Chimborazo, tales como: Innovación y Tecnologías, mediante el planteamiento y desarrollo de actividades que propicien: la aplicación de habilidades y recursos tecnológicos para innovar y solucionar situaciones personales, profesionales y del entorno.

Finalmente, su estudio contribuye al logro de los Objetivos de Desarrollo Sostenible (ODS), de manera especial al Objetivo N°4 que textualmente dice: "Garantizar una educación inclusiva, equitativa y de calidad, y promover oportunidades de aprendizaje durante toda la vida para todos", puesto que busca garantizar la igualdad de oportunidades de las y los ecuatorianos a través del fortalecimiento del perfil de egreso del Diseñador Gráfico, contribuyendo además, al alcance tanto de la misión como de la visión de la Carrera.
- Presentación del Curso
- Sílabo de la asignatura Archivo
- Acuerdos y compromisos Archivo
- Area de Comunicación
- Cartelera virtual Foro
- Area de Interacción
- Foro de Discusión Académica
- Cafetería Virtual Foro
- Aula de clase en Zoom: 852 1074 8343 URL
- Tutorías
- Cubículo U808
  Horario:
  - Martes 17:00 a 18:00
- Descarga de Software
- GIT MIND - Software para crear mapas mentales e infogramas URL
- Recursos varios
- Buscadores académicos sugeridos Página
- Hoja Formato para Reportes de Lectura Archivo
- Hoja Formato para Tareas Archivo
- Calificaciones del Primer Parcial Página
- Bibliografía complem.
- Libro - Creación de Sitios Web URL
- Libro - Diseño Web con HTML y CSS URL
- Libro - Diseño Web con HTML5 y CSS3 URL
- Guía Completa de Flexbox desde 0 URL
Unidad 1 - Fundamentos del Diseño Web

RESULTADOS DE APRENDIZAJE:

- Comprende los principios fundamentales del diseño web y su aplicación en la creación de una estructura básica utilizando HTML y CSS.
- COMPONENTE DE DOCENCIA (CD)
- Bibliografía
- Texto - Primeros pasos con HTML Archivo
- Links a otros sitios web de interés Página
- Guía Completa de Flexbox desde 0 Página
- Curso de CSS Grid Página
- Recursos del CD
- 1.1. Encuadre Pedagógico
- Martes 01-04-2025 - Validación de Acuerdos y Compromisos Tarea
  
  Apertura: martes, 1 de abril de 2025, 07:00
  
  Cierre: jueves, 3 de abril de 2025, 23:59
- Jueves 03-04-2025 - Diagnóstico inicial URL
- 1.2. Introducción al Diseño Web
- 1.2.1. Historia del Internet Archivo
- 1.2.2.Definición y beneficios del Diseño Web URL
- 1.2.3. Diseño Web versus Desarrollo Web Página
- 1.2.4.a. Principios del Diseño web Moderno URL
- 1.2.4.b. Elementos del Diseño web Moderno URL
- 1.2.5. Herramientas básicas para el Diseño Web Página
- 1.3. HTML - Introducción
- 1.3.1. Introducción al HTML URL
- 1.3.2. Formato a nivel de bloque y caracteres URL
- 1.4. HTML - Enlaces, Imágenes y Tablas
- 1.4.1. Enlaces URL
- 1.5. CSS - Introducción y Selectores
- 1.5.1. Introduccción a CSS URL
- 1.5.2. Uso de Selectores URL
- 1.5.3. Propiedades CSS básicas URL
- 1.6. CSS - Modelo de Caja
- 1.6.1. El Modelo de Caja o Box Layout URL
- 1.6.2. Posicionamiento y Visualización URL
- 1.7. CSS - Diseño de Layouts
- 1.7.1. CSS Layout URL
- 1.8. CSS - Diseño Responsive y Media Queries
- 1.8.1. Introducción al diseño responsive y media queries URL
- 1.8.2. CSS Grid vs Flexbox Página
- Evaluaciones del CD
- CD_01 - Taller Práctico de Introducción a HTML y CSS Tarea
  
  Apertura: martes, 29 de abril de 2025, 19:00
  
  Cierre: martes, 29 de abril de 2025, 23:00
- CD_02 - Evaluación Sumativa Práctica (Parcial 1) Tarea
  
  Apertura: martes, 27 de mayo de 2025, 19:00
  
  Cierre: martes, 27 de mayo de 2025, 21:30
- CD_03 - Evaluación Sumativa Teórica (Parcial 1) Cuestionario
  
  Abrió: jueves, 5 de junio de 2025, 18:11
  
  Cerró: jueves, 5 de junio de 2025, 19:10
- PRÁCTICAS DE APLICACIÓN Y EXPERIMENTACIÓN
- Actividades y Evaluación
- PAE_01 - Práctica en Khan Academy 01 - Introducción a HTML Tarea
  
  Cierre: lunes, 5 de mayo de 2025, 23:00
- PAE_02 - Práctica en Khan Academy 02 - Introducción a CSS Tarea
  
  Cierre: lunes, 19 de mayo de 2025, 16:43
- PAE_03 - Práctica en Khan Academy 03 - Más etiquetas HTML Tarea
  
  Apertura: martes, 20 de mayo de 2025, 21:00
  
  Cierre: domingo, 25 de mayo de 2025, 23:59
- PAE_04 - Práctica en Khan Academy 04 - Propiedades CSS Tarea
  
  Apertura: martes, 20 de mayo de 2025, 19:00
  
  Cierre: domingo, 25 de mayo de 2025, 23:59
- PAE_05 - Test aplicados en Khan Academy Tarea
  
  Apertura: lunes, 5 de mayo de 2025, 00:00
  
  Cierre: domingo, 25 de mayo de 2025, 23:59
- ACTIVIDADES DE APRENDIZAJE AUTÓNOMO
- Actividades y Evaluación
- AA_01 - Cuestionario resuelto sobre la Historia del Internet Tarea
  
  Apertura: domingo, 23 de marzo de 2025, 13:44
  
  Cierre: jueves, 17 de abril de 2025, 23:59
- AA_02 - Cuestionario resuelto - Diseño web, beneficios, principios y herramientas Tarea
  
  Apertura: jueves, 10 de abril de 2025, 19:00
  
  Cierre: jueves, 17 de abril de 2025, 23:59
- AA_03 - Creación de una página web para el Currículum Vitae Tarea
  
  Apertura: martes, 13 de mayo de 2025, 21:00
  
  Cierre: martes, 20 de mayo de 2025, 23:59
Unidad 2 - Experiencia de Usuario: DCU, Usabilidad y Accesibilidad

RESULTADOS DE APRENDIZAJE:

- Analiza la Usabilidad y Accesibilidad de un sitio web aplicando los principios del Diseño Centrado en el Usuario, proponiendo mejoras basadas en los estándares de accesibilidad y buenas prácticas de usabilidad.
- COMPONENTE DE DOCENCIA (CD)
- 2.1. Introducción a la Experiencia de Usuario (UX) y Diseño Centrado en el Usuario (DCU)
- 2.1.1. Introducción al UX y DCU URL
- 2.2. Usabilidad de un sitio web
- 2.2.1. Importancia del UX-UI en el mundo digital URL
- 2.2.2. Usabilidad de un Sitio Web URL
- 2.2.3. Las 12 Leyes de UX URL
- 2.2.4. La Usabilidad en el diseño de aplicaciones - Reglas y Principios URL
- 2.3. Accesibilidad en el diseño web
- 2.3.1. Concepto, barreras y ayudas técnicas URL
- 2.3.2. Pautas de Accesibilidad URL
- 2.3.3. Cómo lograr Imágenes accesibles URL
- 2.3.4. Cómo lograr Enlaces accesibles URL
- 2.3.5. Cómo lograr Tablas accesibles URL
- 2.3.6. Herramientas para testeo de la Accesibilidad Web URL
- Evaluaciones del CD
- PRÁCTICAS DE APLICACIÓN Y EXPERIMENTACIÓN
- Actividades y Evaluación
- ACTIVIDADES DE APRENDIZAJE AUTÓNOMO
- Actividades y Evaluación
- AA_04 - Revisión de pautas de Usabilidad en la web de Supercines y Multicines Tarea
  
  Apertura: jueves, 12 de junio de 2025, 17:00
  
  Cierre: martes, 17 de junio de 2025, 21:00
Unidad 3 - Implementación de un Proyecto Web

RESULTADOS DE APRENDIZAJE:

- Planifica y prepara la estructura de la interfaz gráfica, identificando los elementos de diseño apropiados en función de la finalidad de los mismos, generando sitios web dinámicos, que permite al estudiante desarrollar competencias enmarcadas en la profesión.
- COMPONENTE DE DOCENCIA (CD)
- 4.1. Maquetación de una Web empleando HTML5 y CSS3
- 4.1.1. Ejemplo de maquetación de una web responsive con HTML5, CSS3 y VS Página
- 4.2. Desarrollo del Proyecto Web
- 4.2.1. Brief para desarrollo y diseño de una Página Web URL
- 4.2.2. Mapas de Navegación y Sitemaps URL
- Evaluaciones del CD
- Proyecto Final (Paso 1) - Elige el tipo de marca Consulta
  
  Abrió: jueves, 3 de julio de 2025, 17:00
  
  Cerró: viernes, 4 de julio de 2025, 23:59
- PRÁCTICAS DE APLICACIÓN Y EXPERIMENTACIÓN
- Actividades y Evaluación
- PAE_07 - Maquetación de una web empleando HTML5, CSS3 y Visual Studio Code Tarea
  
  Apertura: jueves, 26 de junio de 2025, 17:00
  
  Cierre: lunes, 30 de junio de 2025, 23:59
- ACTIVIDADES DE APRENDIZAJE AUTÓNOMO
- Actividades y Evaluación