Diseño Web
(Curso Académico 2026 - 2027)
Mostrar Todo


Nota informativa: Atendiendo a la normativa de Protección de Datos y propiedad intelectual en la que se limita la publicación de imágenes de terceras personas sin su consentimiento, aquellos que difundan grabaciones de las sesiones de clase sin previo consentimiento de las personas implicadas, serán responsables ante la ley del uso prohibido de las citadas grabaciones.



1. Datos descriptivos de la asignatura
  • Código: 199473103
  • Centro: Facultad de Bellas Artes
  • Lugar de impartición: Facultad de Bellas Artes
  • Titulación: Grado en Diseño
  • Plan de Estudios: G047 (publicado en 13-04-2012)
  • Rama de conocimiento: Artes y Humanidades
  • Itinerario/Intensificación:
  • Departamento/s:
  • Área/s de conocimiento:
    • Arquitectura y Tecnología de Computadores
    • Ingeniería de Sistemas y Automática
  • Curso: 3
  • Carácter: Obligatoria
  • Duración: Primer cuatrimestre
  • Créditos ECTS: 6,0
  • Modalidad de impartición: Presencial
  • Horario: Ver horario
  • Dirección web de la asignatura: Ver web de la asignatura
  • Idioma: Castellano
2. Requisitos de matrícula y calificación
3. Profesorado que imparte la asignatura

Profesor/a Coordinador/a: JOSE LUIS SANCHEZ DE LA ROSA

General:
Nombre:
JOSE LUIS
Apellido:
SANCHEZ DE LA ROSA
Departamento:
Ingeniería Informática y de Sistemas
Área de conocimiento:
Ingeniería de Sistemas y Automática
Grupo:
G1
Contacto:
Teléfono 1:
922845043
Teléfono 2:
Correo electrónico:
jsanrosa@ull.es
Correo alternativo:
Tutorías primer cuatrimestre:
DesdeHastaDíaHora incialHora finalLocalizaciónPlantaDespacho
Todo el cuatrimestre Martes 10:45 12:45 Escuela Superior de Ingeniería y Tecnología - Módulo A - AN.4A ESIT 2 45
Todo el cuatrimestre Jueves 10:45 12:45 Escuela Superior de Ingeniería y Tecnología - Módulo A - AN.4A ESIT 2 45
Observaciones: Las tutorías serán presenciales pero se podrán llevar a cabo de forma no presencial (telemática), hasta un 50% del tiempo dedicado a tutorías, en aquellas asignaturas que imparto totalmente online o que sean impartidas en otro edificio de la ULL. Se recomienda reservar la cita de tutoría, para lo cual el alumno enviará un correo al profesor que creará un evento en el calendar que aparecerá tanto en el calendario del profesor como del alumno y que permitirá una mejor gestión de las citas de tutorías. Este evento del calendar tendrá un enlace a una videconferencia por meet para las tutorías online. Cualquier incidencia en las tutorías será comunicada a través de la página: https://sites.google.com/ull.edu.es/joseluissanchezdelarosa/pagina-principal/incidencias y en el campus virtual de las asignaturas que se estén impartiendo en ese momento.
Tutorías segundo cuatrimestre:
DesdeHastaDíaHora incialHora finalLocalizaciónPlantaDespacho
Todo el cuatrimestre Martes 10:45 12:45 Escuela Superior de Ingeniería y Tecnología - Módulo A - AN.4A ESIT 2 45
Todo el cuatrimestre Jueves 10:45 12:45 Escuela Superior de Ingeniería y Tecnología - Módulo A - AN.4A ESIT 2 45
Observaciones: Las tutorías serán presenciales pero se podrán llevar a cabo de forma no presencial (telemática), hasta un 50% del tiempo dedicado a tutorías, en aquellas asignaturas que imparto totalmente online o que sean impartidas en otro edificio de la ULL. Se recomienda reservar la cita de tutoría, para lo cual el alumno enviará un correo al profesor que creará un evento en el calendar que aparecerá tanto en el calendario del profesor como del alumno y que permitirá una mejor gestión de las citas de tutorías. Este evento del calendar tendrá un enlace a una videconferencia por meet para las tutorías online. Cualquier incidencia en las tutorías será comunicada a través de la página: https://sites.google.com/ull.edu.es/joseluissanchezdelarosa/pagina-principal/incidencias y en el campus virtual de las asignaturas que se estén impartiendo en ese momento.
General:
Nombre:
DAVID
Apellido:
ABREU RODRÍGUEZ
Departamento:
Ingeniería Informática y de Sistemas
Área de conocimiento:
Ingeniería de Sistemas y Automática
Grupo:
G1
Contacto:
Teléfono 1:
-
Teléfono 2:
-
Correo electrónico:
dabreuro@ull.es
Correo alternativo:
dabreuro@ull.edu.es
Tutorías primer cuatrimestre:
DesdeHastaDíaHora incialHora finalLocalizaciónPlantaDespacho
Todo el cuatrimestre Lunes 12:00 14:30 Escuela Superior de Ingeniería y Tecnología - Módulo A - AN.4A ESIT 3 P3.006
Todo el cuatrimestre Martes 09:00 12:30 Escuela Superior de Ingeniería y Tecnología - Módulo A - AN.4A ESIT 3 P3.006
Observaciones: Se podrá hacer la tutoría en cualquier otro horario previo acuerdo entre el profesorado y el o la estudiante. Igualmente las tutorías podrán ser on-line (Google meet) si así lo solicita el o la estudiante. Se recomienda solicitar cita previa para facilitar la atención, pero que no constituye un requisito obligatorio para acceder a las tutorías. Calendario para coger cita: https://calendar.app.google/hxfQiYNJh3tdBT7CA
Tutorías segundo cuatrimestre:
DesdeHastaDíaHora incialHora finalLocalizaciónPlantaDespacho
Todo el cuatrimestre Lunes 12:00 14:30 Escuela Superior de Ingeniería y Tecnología - Módulo A - AN.4A ESIT 3 P3.006
Todo el cuatrimestre Martes 09:00 12:30 Escuela Superior de Ingeniería y Tecnología - Módulo A - AN.4A ESIT 3 P3.006
Observaciones: Se podrá hacer la tutoría en cualquier otro horario previo acuerdo entre el profesorado y el o la estudiante. Igualmente las tutorías podrán ser on-line (Google meet) si así lo solicita el o la estudiante. Se recomienda solicitar cita previa para facilitar la atención, pero que no constituye un requisito obligatorio para acceder a las tutorías. Calendario para coger cita: https://calendar.app.google/hxfQiYNJh3tdBT7CA
4. Contextualización de la asignatura en el plan de estudio
  • Bloque formativo al que pertenece la asignatura: Procesos Avanzados en Diseño y Comunicación Visual
  • Perfil profesional: Diseñador web
5. Competencias

Específicas

  • E9 - Conocer la terminología específica, las técnicas y los lenguajes aplicados a los procesos del diseño: preimpresión y sistemas de impresión, técnicas y soportes digitales y multimedia.
  • E10 - Conocimiento y manejo de todas aquellas herramientas tecnológicas y metodológicas de aplicación en el proyecto de diseño (programas informáticos específicos, sistemas de representación tradicional y digital; construcción de maquetas, modelos y prototipos, fotografía, técnicas de video, animación e ilustración) así como demostrar habilidad en el manejo de otras técnicas y procedimientos específicos, materiales, tecnología y ciencias de la construcción.
  • E14 - Estar motivado por la calidad de los resultados obtenidos así como demostrar autoexigencia y rigor en el trabajo personal. Familiaridad con las normativas vigentes que regulan la calidad en productos y servicios como para saber aplicarlas (como por ejemplo las normas ISO).

Generales

  • G3 - Trabajo en equipo: capacidad para colaborar con los demás y de contribuir a un proyecto común; capacidad para colaborar en equipos interdisciplinares y multiculturales.
  • G5 - Desarrollar la sensibilidad estética y cultivo de la facultad de apreciación estética: capacidad de crítica y evaluación estética, capacidad para tomar decisiones de carácter estético y extraer información sobre la cultura que la ha generado.
  • G7 - Capacidad para utilizar las tecnologías de la información y la comunicación (TIC) en diferentes contextos y desde una perspectiva crítica, creativa e innovadora. Comprender la relación entre la tecnología y otros campos del saber humano.
  • G8 - Capacidad para organizar y planificar tareas a desarrollar personal o colectivamente.

Básicas

  • B2 - Que los estudiantes sepan aplicar sus conocimientos a su trabajo o vocación de una forma profesional y posean las competencias que suelen demostrarse por medio de la elaboración y defensa de argumentos y la resolución de problemas dentro de su área de estudio.
  • B4 - Que los estudiantes puedan transmitir información, ideas, problemas y soluciones a un público tanto especializado como no especializado.
  • B5 - Que los estudiantes hayan desarrollado aquellas habilidades de aprendizaje necesarias para emprender estudios posteriores con un alto grado de autonomía.
6. Contenidos de la asignatura

Contenidos teóricos y prácticos de la asignatura

 Temas:
PROFESOR: José Luis Sánchez de la Rosa
Tema 1. Diseño de sitios web: lenguajes, herramientas y formatos.

PROFESOR: DAVID ABREU
Tema 2. Desarrollo de proyectos web mediante CMS

Actividades a desarrollar en otro idioma

-Profesores: Todos
* Consulta bibliográfica en inglés.
* Gestión de documentación técnica en inglés.
* Manejo de herramienta informática en inglés.
* Visualización de vídeos en inglés.
7. Metodología y volumen de trabajo del alumnado

Modelo de Enseñanza Centrada en el Alumnado

Aplica las siguientes metodologías activas: Aula invertida - Flipped Classroom, Aprendizaje basado en Proyectos (ABP), Aprendizaje cooperativo, Aprendizaje basado en diseño (design-based learning), Alfabetización en prompts (prompt literacy)

Descripción

La asignatura consta de clases teóricas, actividad en aula de ordenadores y actividad en aula virtual, y se articula en torno al aprendizaje basado en proyectos (ABP), en su variante de aprendizaje basado en diseño: el alumnado recorre el ciclo propio del oficio —analizar referentes, bocetar, estructurar, implementar y refinar— hasta culminar en un producto auténtico e integrador. Al final de cada una de las dos partes de la asignatura se entrega un sitio web, en el que se trabaja de forma sostenida durante el periodo docente.
El principio rector es la enseñanza centrada en el alumnado: el profesorado diseña las condiciones y es el estudiante quien toma las decisiones sustantivas a lo largo de ese ciclo; en esas decisiones reside el núcleo del aprendizaje.


El eje operativo de la asignatura es el aprendizaje en taller (studio-based learning) aplicado al diseño digital: en el aula de informática, una parte importante del tiempo de clase se destina a que el estudiante trabaje sobre su práctica y la avance día a día con el apoyo directo del profesor, en lugar de posponerla para realizarla en casa sin acompañamiento. La exposición en el aula se orienta, fundamentalmente, al aspecto práctico: el profesor introduce y aclara los conceptos a medida que el estudiante los necesita y los aplica en el ordenador, y circula por el aula guiando y dando apoyo a las decisiones de cada proyecto. Las clases, por tanto, no son "puramente teóricas" ni "puramente prácticas".

Como apoyo recomendado, el alumnado dispone en el aula virtual de una colección de videotutoriales ordenados por temática, que puede consultar según su necesidad y su ritmo, antes o después de cada sesión. Su visualización es recomendable, pero no sustituye al trabajo guiado en el aula.

A este marco se suma la alfabetización en prompts (prompt literacy): el estudiante aprende a formular, interpretar críticamente y refinar sus consultas a la IA, decidiendo él mismo qué preguntar.

El trabajo práctico será individual en la primera parte de la asignatura, para fomentar la autonomía personal en el aprendizaje; en la segunda podrá optarse por la modalidad individual o grupal, esta última orientada al aprendizaje colaborativo en proyectos más complejos.

Actividades formativas
La actividad formativa central es el trabajo guiado sobre la práctica en el aula. En cada sesión el profesor presenta y aclara los conceptos pertinentes y abre la clase a la participación, mientras el estudiante los comprueba y los aplica simultáneamente en el ordenador, avanzando su proyecto bajo supervisión. Así se resuelven en el momento las dudas conceptuales y de procedimiento, sin posponer la dificultad a un trabajo en casa sin apoyo.

Estudio autónomo. Complementa el trabajo en el aula y comprende: a) la consulta del material recomendado según necesidad, b) la reflexión sobre determinados conceptos de diseño, y c) el avance del proyecto personal fuera de las sesiones. El material del aula virtual facilita la gestión personalizada del tiempo y el acceso a la información.

Participación activa y asistencia. Son fundamentales: dado que el grueso de la práctica se desarrolla en clase con apoyo del profesor, la asistencia y la implicación activa condicionan directamente el avance del proyecto.
Realización de exámenes. El sistema de evaluación permite superar la asignatura mediante evaluación continua sin presentarse a un examen final sobre la totalidad de la misma. Las pruebas evaluativas se realizan de forma manuscrita y sin dispositivos.

Evidencias y trazabilidad. Las evidencias que se evalúan incluyen las decisiones de diseño del estudiante, registradas, firmadas y fechadas con marca temporal verificable, que constituyen la traza del proceso de aprendizaje y de la autoría sobre el proyecto; la calificación de la práctica podrá verse modificada en función de su calidad y su coherencia. La existencia de esa traza verificable es condición de admisibilidad del entregable: en su ausencia, este no podrá ser evaluado.

Entorno de trabajo. Las prácticas deberán realizarse íntegramente con los programas y dentro de los entornos especificados por el profesorado. No será admisible a evaluación el código o el material elaborado con otras herramientas o fuera de dichos entornos, ya que en tales casos no puede verificarse la autoría del estudiante.

Uso de inteligencia artificial
La asignatura desarrolla la alfabetización en inteligencia artificial (AI literacy): el uso responsable y crítico de las herramientas generativas, la evaluación rigurosa de los contenidos que producen y la preservación de la agencia e intención del propio estudiante. Bajo este principio de supervisión humana, la IA se integra como instrumento al servicio del diseño: se espera que el estudiante la emplee para generar artefactos visuales —exploraciones, variantes y propuestas— que le sirvan de base para tomar sus propias decisiones de diseño, así como para indagar sobre conceptos o como una fuente de información más; en todos los casos, sus resultados deben analizarse críticamente y dirigirse desde una intención previa.
Lo que no se admite es delegar en la IA el conocimiento que la asignatura persigue: no puede utilizarse para que genere el sitio web completo, ni partes acabadas de la práctica, porque es precisamente en su construcción donde reside el aprendizaje. La IA no podrá utilizarse, en ningún caso, durante las pruebas evaluativas.

Situaciones de Riesgo
En caso de situaciones de riesgo derivadas de fenómenos meteorológicos adversos, se seguirán las siguientes directrices:
- Si se declara en la Universidad de La Laguna nivel 2 (amarillo), las actividades docentes se desarrollarán conforme a las directrices marcadas por la Universidad de La Laguna.
- Si se declara en la Universidad de La Laguna nivel 3 (naranja) o 4 (rojo), se suspenderán las actividades docentes presenciales, y previa información al alumnado por los canales disponibles, se actuará para garantizar la continuidad del aprendizaje y la atención al alumnado mientras se mantengan estos niveles de alerta.

Actividades formativas en créditos ECTS, su metodología de enseñanza-aprendizaje y su relación con las competencias que debe adquirir el estudiante

Actividades formativas Horas presenciales Horas de trabajo autónomo Total horas Relación con competencias
Clases teóricas 10,00 0,00 10,0 [G7], [B2], [B5], [E9], [E10], [G3], [G5], [G8], [B4]
Clases prácticas (aula / sala de demostraciones / prácticas laboratorio) 38,00 0,00 38,0 [G7], [B2], [E9], [G5], [B4]
Realización de seminarios u otras actividades complementarias 2,00 0,00 2,0 [G7], [B5], [E9], [G3]
Realización de trabajos (individual/grupal) 0,00 75,00 75,0 [G7], [B5], [E10], [E14], [G3], [G5], [B4]
Estudio/preparación de clases teóricas 0,00 15,00 15,0 [B2], [B5], [E9], [E14]
Realización de exámenes 4,00 0,00 4,0 [G7], [B2], [E9], [E14], [B4]
Asistencia a tutorías 2,00 0,00 2,0 [G7], [B2], [E14], [G3]
Estudio y análisis de casos 2,00 0,00 2,0 [G7], [B2], [B5], [E9], [E10], [E14], [G3], [G5], [G8], [B4]
Visitas profesionales 2,00 0,00 2,0 [G7], [B2], [E10], [E14], [B4]
Total horas
Total ECTS
8. Bibliografía / Recursos

Bibliografía básica

  1. Apuntes y videotutoriales desarrollados por los profesores de la asignatura. Disponibles en el Campus Virtual.
  2. .Tutotriales para desarrolladores web :
    1. w3schools:
    1. MDN: https://developer.mozilla.org
  3. Wordpress
    1. Tellado, Fernando. WordPress 6. Creación web gratis. 1ª ed. Madrid: Anaya, 2022.
    1. MARTÍNEZ ROLÁN, Xabier. Diseño de páginas web: Wordpress para todos los públicos. 2019






Bibliografía complementaria

Páginas de referencia sobre CSS y HTML
web.dev (Google). Cursos y guías de desarrollo web moderno: HTML, CSS y accesibilidad.
  1. https://web.dev
CSS-Tricks. Referencia y guías prácticas de CSS (Flexbox, Grid).
  1. https://css-tricks.com
The A11Y Project. Recursos prácticos de accesibilidad web.
  1. https://www.a11yproject.com
Can I Use. Tablas de compatibilidad de tecnologías web por navegador.
  1. https://caniuse.com

Otros recursos

9. Sistema de evaluación y calificación

Descripción

Normativa aplicable
La evaluación de la asignatura se rige por el Reglamento de Evaluación y Calificación de la Universidad de La Laguna que esta tenga vigente, así como por lo establecido en la Memoria de Verificación o Modificación vigente.

Estructura de la asignatura
La asignatura consta de dos partes: la parte 1 se corresponde con el tema 1 y la parte 2 con el tema 2 del apartado de contenidos.

Modalidades de evaluación
Todo el alumnado está sujeto a evaluación continua en la primera convocatoria, salvo en los casos contemplados en el reglamento.
Para optar por la evaluación única en la primera convocatoria, el alumnado deberá comunicarlo a través del procedimiento habilitado en el aula virtual antes de haberse presentado a actividades cuya ponderación conjunta compute, al menos, el 40 % de la evaluación continua.
Se entenderá agotada la convocatoria de evaluación continua desde que el alumnado se presente a actividades cuya ponderación conjunta compute, al menos, el 50 % de la evaluación continua; en ese caso será calificado en esta convocatoria, apruebe o suspenda. De no alcanzarse ese 50 %, figurará en acta como «No Presentado».
Las calificaciones de cada parte se mantienen de forma independiente durante el curso académico; si el alumnado suspende alguna de las dos partes, figurará en acta con la nota correspondiente a la parte suspensa.

Evaluación continua (EvC)
La evaluación continua constará de las siguientes pruebas:
Prueba Ponderación Distribución por partes
Pruebas objetivas 15 % Completa en la parte 1
Pruebas de respuesta corta 10 % Completa en la parte 2
Trabajos y proyectos 50 % 30 % parte 1 / 20 % parte 2
Informes/memorias de prácticas 10 % 5 % en cada parte
Portafolios 15 % Completa en la parte 2

Estas ponderaciones se reparten entre las partes de la siguiente manera:
Práctica de la primera parte (35 %)
30 % de trabajos y proyectos y 5 % de informe/memoria de prácticas. La calificación tendrá en cuenta la dificultad que el estudiante aspira a desarrollar y la corrección de la ejecución de cada uno de los entregables en que se divide la práctica. En la calificación del entregable de desarrollo final se valorará la coherencia entre el anteproyecto técnico y el sitio web finalmente desarrollado.
Examen de la primera parte (15 %)
Examen de la primera parte (15 %)
correspondiente al 15 % de pruebas objetivas.
Práctica de la segunda parte (40 %)
20 % de trabajos y proyectos, 15 % de portafolios y 5 % de informe/memoria de prácticas.
Pruebas de respuesta corta de la segunda parte (10 %)
con una ponderación sobre la nota del 10 %.
Las fechas de entrega de las actividades de cada parte tendrán como plazo límite la fecha indicada en el aula virtual. Superada esa fecha de cierre, la práctica no podrá ser evaluada. En todo caso, solo se podrá aspirar, como máximo, a la nota de las partes entregadas en fecha.

La calificación final (CF) se calculará mediante la siguiente fórmula:
CF = 0,35 × P1 + 0,15 × E1 + 0,40 × P2 + 0,10 × RC2
siendo P1 = práctica de la primera parte, E1 = examen de la primera parte, P2 = práctica de la segunda parte y RC2 = pruebas de respuesta corta de la segunda parte.

Evaluación única (EvU)
De manera general, en la segunda convocatoria la asignatura se evaluará por evaluación única. No obstante, el alumnado que haya concurrido en primera convocatoria por evaluación continua y no haya superado la asignatura podrá optar por recuperar, mediante las pruebas de la evaluación única, las actividades de evaluación continua que no haya superado, ya que se mantendrá la calificación de cualquiera de las partes (completas) durante el curso académico actual.
La evaluación única se compone de las mismas pruebas y con las mismas ponderaciones que la evaluación continua —pruebas objetivas (15 %), pruebas de respuesta corta (10 %), trabajos y proyectos (50 %), informes/memorias de prácticas (10 %) y portafolios (15 %)—, presentadas en una única convocatoria.
El alumnado en evaluación única deberá entregar los mismos trabajos que en evaluación continua —investigación, planificación, anteproyecto técnico y desarrollo final—, siguiendo el mismo esquema de decisiones de diseño firmadas y de componentes intermedios entregados de forma progresiva que garantiza su trazabilidad. Se realizará igualmente el examen de la primera parte.
La calificación final (CF) se calculará mediante la siguiente fórmula:
CF = 0,35 × P1 + 0,15 × E1 + 0,40 × P2 + 0,10 × RC2
siendo P1 = práctica de la primera parte, E1 = examen de la primera parte, P2 = práctica de la segunda parte y RC2 = pruebas de respuesta corta de la segunda parte.

Plazos de entrega del anteproyecto (Parte 1)
Con carácter general, el anteproyecto deberá entregarse en la fecha fijada para ello en el primer cuatrimestre, con independencia de la modalidad de evaluación por la que el estudiante vaya a optar. Esta exigencia preserva la precedencia temporal entre el anteproyecto y el desarrollo final —de la que depende la verificación de su coherencia— y evita que una comprensión tardía de sus requisitos penalice la ejecución del proyecto.
Solo podrá entregarse dentro del primer mes del segundo cuatrimestre en dos supuestos:
El estudiantado que, por encontrarse de Erasmus u otra causa justificada, no haya podido asistir a clase durante el primer cuatrimestre.
El estudiantado que haya renunciado a la evaluación continua con anterioridad a la fecha límite de entrega del anteproyecto.

La renuncia a la evaluación continua posterior a la fecha de entrega del anteproyecto no habilita un nuevo plazo: si el anteproyecto no se entregó en la fecha fijada del primer cuatrimestre, el proyecto de la Parte 1 no podrá ser evaluado en la convocatoria única.

Entregables y conservación de partes
Tanto la práctica de la primera parte como la de la segunda tendrán varios entregables, cuyo número y fecha de entrega se comunicarán oportunamente. Solo se podrá aspirar, como máximo, a la nota de las partes entregadas en fecha.
Tanto para la evaluación continua como para la evaluación única se mantendrán las notas de las partes (parte 1 o parte 2) aprobadas el curso anterior.

Detección de dispositivos electrónicos no autorizados
En cumplimiento del Reglamento de Convivencia de la Universidad de La Laguna (art. 16.4), se informa al estudiantado de que durante las pruebas de evaluación presenciales podrán utilizarse dispositivos detectores pasivos de radiofrecuencia y campos magnéticos. Estos dispositivos no emiten señales, no interfieren con las comunicaciones y no registran datos personales. La tenencia y/o uso de dispositivos electrónicos no autorizados podrá constituir infracción disciplinaria conforme a la Ley 3/2022 y al Reglamento de Régimen Disciplinario del Estudiantado de la ULL. Los estudiantes portadores de dispositivos médicos electrónicos deberán comunicarlo antes del inicio de la prueba.

Evaluaciones en quinta y sexta convocatorias
El alumnado que se encuentre en la quinta o posteriores convocatorias y desee ser evaluado por un Tribunal, deberá presentar una solicitud a través del procedimiento habilitado en la sede electrónica, dirigida al Director/a de la ESIT. Dicha solicitud deberá realizarse con una antelación mínima de diez días hábiles al comienzo del periodo de exámenes.

Estrategia Evaluativa

Tipo de prueba Competencias Criterios Ponderación
Pruebas objetivas [B2], [E9], [E10], [E14], [B4] Dominio de los contenidos de la asignatura 15,00 %
Pruebas de respuesta corta [B2], [E9], [E10], [E14], [B4] Dominio de los contenidos de la asignatura 10,00 %
Trabajos y proyectos [G7], [B2], [B5], [E9], [E10], [E14], [G3], [G5], [G8], [B4] Asistencia a las sesiones prácticas. Dominio de los contenidos prácticos de la asignatura. Capacidad para trabajar en equipo. Valoración de una actitud participativa. Defensa de trabajos. 50,00 %
Informes memorias de prácticas [G7], [B2], [B5], [E9], [E10], [E14], [G3], [G5], [G8], [B4] Dominio de los contenidos prácticos de la asignatura
Expresión escrita
10,00 %
Portafolios [G7], [B2], [B5], [E9], [E10], [E14], [G3], [G5], [G8], [B4] Aplicación de los contenidos prácticos de la asignatura a un portafolios personal 15,00 %
10. Resultados de Aprendizaje
- Conocer y saber aplicar los conceptos teóricos y prácticos relacionados con el diseño Web.
- Conocer los lenguajes de programación propios del desarrollo de sitios Web. (Evidencias: trabajos prácticos de programación individuales y proyecto web grupal.)
- Utilizar diversas herramientas tecnológicas implícitas en el campo de la publicación de contenido on line. 
11. Cronograma / calendario de la asignatura

Descripción

En las guías docentes la planificación temporal de la programación sólo tiene la intención de establecer unos referentes u orientaciones para presentar la materia atendiendo a unos criterios cronológicos, sin embargo son solamente a título estimativo, de modo que el profesorado puede modificar –si así lo demanda el desarrollo de la materia– dicha planificación temporal.

Primer cuatrimestre

Semana Temas Actividades de enseñanza aprendizaje Horas de trabajo presencial Horas de trabajo autónomo Total
Semana 1: Tema 1. Diseño de sitios web: lenguajes, herramientas y formatos.

 
Introducción y análisis de referentes
  • Introducción al diseño web y conceptos fundamentales.
  • Tecnologías y herramientas: editores de código, navegadores (developer tools) y prototipado.
  • Diseñadores influyentes y análisis de la estructura de páginas web habituales.
  • Aprendizaje activo: búsqueda de diseñadores y páginas de referencia según los intereses del estudiante y elección del tema del proyecto.
2.00 6.00 8.00
Semana 2: Tema 1. Diseño de sitios web: lenguajes, herramientas y formatos.
Identidad visual, arquitectura y bocetado
  • Guía de identidad visual: color (HSL y OKLCH) y tipografía.
  • Arquitectura de la información y conceptos de disposición (flujo, Flexbox y Grid).
  • Bocetado y propiedades de una página web; ejercicios de estructura de layouts y estilos.
  • Aprendizaje activo: diseño de la arquitectura de la información y del layout básico del proyecto (bocetado de grano grueso de todas las páginas).
4.00 6.00 10.00
Semana 3: Tema 1. Diseño de sitios web: lenguajes, herramientas y formatos.


Estructura semántica y organización del CSS
  • Estructura básica del documento (HTML, head, meta, body) y HTML5 semántico; buenas prácticas de codificación.
  • Selectores CSS: básicos y avanzados.
  • Modelo de caja, colores y fondos, valores y unidades (absolutas y relativas); propiedades de layout y de skin.
  • Diseño atómico y convención de nombres (BEM).
4.00 6.00 10.00
Semana 4: Tema 1. Diseño de sitios web: lenguajes, herramientas y formatos.
 Práctica 1 - entregables 1, 2 y 3
Del boceto al anteproyecto técnico
  • Listas y barras de navegación.
  • Cierre del bocetado de grano grueso de todas las páginas.
  • Generación del scaffolding: estructura semántica, inventario de componentes y nomenclatura del proyecto.
Práctica 1: Entrega de los entregables 1, 2 y 3, e inicio de la codificación a mano sobre el anteproyecto
4.00 6.00 10.00
Semana 5: Tema 1. Diseño de sitios web: lenguajes, herramientas y formatos.

Del anteproyecto al código: primeros componentes
  • W3C y estándares; usabilidad, accesibilidad y experiencia de usuario.
  • Inicio de la codificación a mano: enlazado del CSS (inline, en head y hoja externa), posicionamiento y maquetación, fuentes y textos, imágenes y galerías.
  • Diseño responsivo: unidades relativas al viewport, media queries y z-index.
  • Construcción de los primeros componentes en flujo; desarrollo por versiones (carpetas version1, version2…) y alfabetización en prompts (IA para generar artefactos visuales que apoyen el diseño).
4.00 6.00 10.00
Semana 6: Tema 1. Diseño de sitios web: lenguajes, herramientas y formatos.
Disposición avanzada con Flexbox
  • Contenedor flex: propiedades (direction, wrap, flow, justify, align).
  • Elemento flex: propiedades (order, basis, grow, shrink, align).
  • Flex responsivo.
  • Aprendizaje activo: diseñar con Flexbox las barras de navegación y una galería de imágenes del proyecto.
4.00 6.00 10.00
Semana 7: Tema 1. Diseño de sitios web: lenguajes, herramientas y formatos.


Disposición avanzada con Grid
  • Propiedades de Grid: display, filas, columnas, gaps y líneas.
  • Contenedor grid (grid-template, justify-content, align-content) y elemento grid (grid-column, grid-row, grid-area y nombrado de áreas).
  • Grids de tamaño fijo, fluidos y responsivos; ubicación explícita y superposición de imágenes.
  • Aprendizaje activo: galería de imágenes con Grid e integración de los componentes en todas las páginas del proyecto.
4.00 6.00 10.00
Semana 8: Tema 1. Diseño de sitios web: lenguajes, herramientas y formatos.
 Práctica 1: Examen
Efectos visuales y examen
  • CSS Shapes: shape-inside, shape-outside, shape-margin y clip-path.
  • Formularios, botones, imágenes, vídeos, gráficos SVG y dropdown-menu.
  • Transformaciones, transiciones y animaciones (delay, duration, direction, iteration-count, name, play-state, timing-function, fill-mode).
Práctica 1: Examen de la Parte 1
4.00 6.00 10.00
Semana 9: Tema 2: Desarrollo de proyectos web mediante CMS


Integración y refinamiento del sitio

  • Integración de los componentes y ajuste fino del sitio sobre el anteproyecto.
  • Revisión de accesibilidad y responsividad.
  • Análisis entre pares de las páginas y resolución de dudas finales.
4.00 6.00 10.00
Semana 10: Tema 2: Desarrollo de proyectos web mediante CMS
Práctica 1 - entregable 4. Sitio web completo
Parte 1:Entrega del proyecto final (E4): sitio web completo, codificado a mano y coherente con el anteproyecto.

Parte 2.Clase magistral.
  1. Resolución de problemas frente a supuestos prácticos.
  2. Desde la idea al prototipo inicial del proyecto web.
Práctica 1 - entregable 4. Sitio web completo
4.00 6.00 10.00
Semana 11: Tema 2: Desarrollo de proyectos web mediante CMS
Práctica 2 - entregable 1.

Clase magistral.
  1. Resolución de problemas frente a supuestos prácticos.
  2. Desde la idea al prototipo inicial del proyecto web.
Práctica 2 - entregable 1.
4.00 6.00 10.00
Semana 12: Tema 2. Desarrollo de proyectos web mediante CMS
Clase magistral.
  1. Creación incremental del proyecto web funcional.
  2. Resolución de problemas frente a supuestos prácticos.
  3. Trabajo práctico en laboratorio de ordenadores.
4.00 6.00 10.00
Semana 13: Tema 2. Desarrollo de proyectos web mediante CMS
Práctica 2 - entregable 2.
Clase magistral.
  1. Creación incremental del proyecto web funcional.
  2. Resolución de problemas frente a supuestos prácticos.
  3. Trabajo práctico en laboratorio de ordenadores.
  4. Tutorías.
Práctica 2 - entregable 2.
4.00 6.00 10.00
Semana 14: Tema 2. Desarrollo de proyectos web mediante CMS

Clase magistral.
  1. Creación incremental del proyecto web funcional.
  2. Resolución de problemas frente a supuestos prácticos.
  3. Trabajo práctico en laboratorio de ordenadores.
4.00 6.00 10.00
Semana 15: Tema 2. Desarrollo de proyectos web mediante CMS
Práctica 2 - entregable 3
Clase magistral.
  1. Creación incremental del proyecto web funcional.
  2. Resolución de problemas frente a supuestos prácticos.
  3. Trabajo práctico en laboratorio de ordenadores
Práctica 2 - entregable 3
4.00 6.00 10.00
Semana 16 a 18: Evaluación
Examen final
2.00 0.00 2.00
Total 60.00 90.00 150.00
Fecha de última modificación: 06-07-2026
Fecha de aprobación: 15-07-2026