CENTRO UNIVERSITARIO DE TECNOLOGÍA Y ARTE DIGITAL

PLANIFICACIÓN DE LA DOCENCIA
UNIVERSITARIA

GUÍA DOCENTE

DISEÑO, MAQUETACIÓN Y ESTRUCTURA
WEB

obligatoria u optativa): Optativa Créditos ECTS: 12 Modalidad/es de enseñanza: Presencial Lengua vehicular: Castellano Equipo docente: Óscar Bustos Garrido Profesor/a: Óscar Bustos Garrido Grupos: 4ºDVCD Despacho: Sala de profesores Teléfono: 916402811 Ext.u-tad.u-tad.com Página web: http://www.com/ 1 .Bustos@live.1. DATOS DE IDENTIFICACIÓN DE LA ASIGNATURA. Grado en Diseño Visual de Contenidos Título: Digitales Centro Universitario de Tecnología y Arte Facultad: Digital Departamento/Instituto: Arte y Diseño Materia: Web Denominación de la asignatura: Diseño. Maquetación y Estructura Web Código: 0049056 Curso: Cuarto Semestre: Segundo Tipo de asignatura (básica. E-mail: Oscar.

Módulo y materia al que pertenece la asignatura. la profesión de maquetador o desarrollador front-end está muy solicitada por las empresas. Esenciales: No son necesarios Aconsejables: Haber adquirido las competencias necesarias en la asignatura Diseño y usabilidad de interfaces 3. Actualmente el auge de los proyectos digitales tiene una gran inversión dentro y fuera de nuestro país. así como facilitar las técnicas. REQUISITOS PREVIOS. El objetivo es establecer una base sólida para llevar a cabo el desarrollo de proyectos digitales ayudará a convertir a los estudiantes en profesionales capaces de transformar sus diseños en una maqueta sólida y visible en cualquier navegador. Esta asignatura pertenece al módulo de Especialización y dentro de éste a la materia Web. 2. SENTIDO Y APORTACIONES DE LA ASIGNATURA AL PLAN DE ESTUDIOS. 2 . recursos y herramientas más actuales y necesarias para poder abordar proyectos profesionales. si a esto sumamos un alto conocimiento de usabilidad y diseño el candidato tiene muchas más opciones de ser elegido ya que. Es por ello que se abordarán diferentes temáticas ligadas a la maquetación como son la usabilidad y la gestión de proyectos para dotar al alumno de todos los conocimientos que le permitan poder acceder al mundo laboral de una forma satisfactoria. Relación de interdisciplinariedad con otras asignaturas del currículum. un perfil multidisciplinar es mucho más interesante para la compañía. Se relaciona directamente con asignaturas cursadas en el grado como Diseño y usabilidad de interfaces y sistemas interactivos Aportaciones al plan de estudios e interés profesional de la asignatura.

Saber adaptarse al cambio y a las nuevas situaciones con versatilidad y creatividad CG3 .Tener Capacidad de organización y planificación CG17 .Demostrar habilidad para analizar. ideas y métodos novedosos para posteriormente concretarlos en acciones CG5 .Aprender a lo largo de la vida mediante el estudio autónomo y la formación continua CG2 .4. COMPETENCIAS GENÉRICAS CG1 .Gestionar adecuadamente la información 3 .Desarrollar el ámbito de la creatividad e innovación y tener la habilidad de presentar recursos.Manifestar capacidad para trabajar en equipo CG12 .Demostrar iniciativa y espíritu emprendedor CG6 . sintetizar y recoger información de diversas fuentes CG18 . RESULTADOS DE APRENDIZAJE EN RELACIÓN CON LAS COMPETENCIAS QUE DESARROLLA LA ASIGNATURA.Manifestar motivación por la calidad CG8 .Expresar el sentido crítico y autocrítico y la capacidad de análisis para la valoración de diferentes alternativas CG15 .

Desarrollar y manipular digitales procesos de transferencia de • Capacitar la creación de proyectos información del mundo digitales desde su idea hasta su material al digital y viceversa realización • CE11 . proyectos artísticos con medios • Dar a conocer la historia reciente del digitales y analógicos diseño digital y las actuales • CE8 .Analizar y utilizar los lenguajes para la realización del distintos lenguajes de creación diseño digital artística figurativos. históricos y usuarios posible culturales • Emplear herramientas de gestión de • CE6 . física diseños.Idear y desarrollar analógicos. y programación para la creación • Dar a conocer los diferentes flujos de artística y digital trabajo para la realización de diseños • CE10 .Conocer y aplicar las específicamente al diseño web técnicas fundamentales para la • Programar en los lenguajes de producción artística gráfica.Realizar procesos contenidos para sitios web creativos de producción en • Enseñar al alumno las metodologías entornos de comunicación para la realización de diseños audiovisual y diseño aplicados a entornos digitales y • CE7 .Conocer e interpretar los • Aprender los procesos del diseño procesos simbólicos y de digital para la realización de su significación propios del maquetación en sus diferentes fases.Comprender de forma • Crear entornos web usables y crítica la evolución de los accesibles por la mayor cantidad de valores estéticos. RESULTADOS DE APRENDIZAJE COMPETENCIAS ESPECÍFICAS RELACIONADOS CON LAS COMPETENCIAS ESPECÍFICAS • CE1 .Adquirir los fundamentos corrientes para la realización de prácticos de matemáticas. de un sitio web desarrollo e innovación en la • Crear experiencias de usuario creación y el diseño adecuadas a la web • CE4 . marcas y estilos empleados en el pictórica. contenidos digitales • Aplicar las técnicas de diseño gráfico • CE2 .Expresar la creatividad a • Capacitar al alumno para que realice través de múltiples medios y diseños en los diferentes medios y formatos en el entorno de los formatos digitales. espaciales y • Idear y conceptualizar diseños a audiovisuales través de técnicas digitales y 4 .Asumir la importancia de • Estructurar y concebir los contenidos los procesos de investigación. lenguaje visual • Analizar y utilizar los diferentes • CE12 . escultórica y diseño web de forma estándar audiovisual con medios • Idear la interactividad de la interfaz digitales y analógicos de usuario de una página web • CE3 .

Manipular herramientas • Conocer la importancia del reciclaje digitales para ajustarlas a las de conocimientos y técnicas para la necesidades creativas de un realización de proyectos digitales proyecto específico 5. Imágenes g. Estructura HTML y etiquetas básicas i. HTML5 2. Frameworks de maquetación 5 . Buenas prácticas de estructuras CSS j. Herramientas de trabajo b. Sintaxis de HTML c. Color b. • CE13 .Idear y conceptualizar analógicas mundos virtuales mediante • Aprender las técnicas para utilizar las técnicas analógicas o digitales herramientas para la realización de • CE14 . Preprocesadores k.Emplear las técnicas productos digitales fundamentales para la • Aprender las capacidades de las producción audiovisual con herramientas digitales para plasmar medios digitales las ideas de un proyecto • CE15 . Composición de textos ii. Texto c. Tablas vii. Introducción a lenguaje CSS a. Enlaces v. Interletrado y métodos de partición y justificación iii. Introducción a lenguajes de marcado HTML a. Documento HTML d. Funciones CSS3 i. Listas y tablas e. Formularios f. Formularios e. Cajas d. Imágenes vi. CONTENIDOS / TEMARIO / UNIDADES DIDÁCTICAS 1. Creación y uso de retículas y páginas maestras h. Listas iv.

Diseño de páginas web a. Eventos d. Servidores e. Protocolo HTTP 6. Navegadores c. Lenguaje del presente y futuro b. Tendencias de diseño b. Disposición de elementos en la página 5. Referencia de lenguaje 4. Introducción a Wordpress 8. Integración en la web c. l. Robots d.Mayo Unidades 7 y 8 Mayo . Arquitectura Web a. Validación del código y estándares a. Proyecto fin de grado 6. Responsive web design 3. Clientes b. 3 y 4 Marzo Unidades 5 y 6 Abril . Proceso de testeo 7. Diseño atómico c. CRONOGRAMA UNIDADES DIDÁCTICAS / TEMAS PERÍODO TEMPORAL Unidad 1 Febrero Unidades 2. Estándares W3C c. Herramientas de validación b. Introducción a Javascript a.Junio 6 .

MODALIDADES ORGANIZATIVAS Y MÉTODOS DE ENSEÑANZA MODALIDAD MÉTODO DE HORAS TRABAJO TOTAL DE ORGANIZATIVA ENSEÑANZA PRESENCIALES AUTÓNOMO HORAS Clases teóricas Lección 30 0 30 magistral Seminarios y Estudio de 0 0 0 talleres casos Resolución de ejercicios y problemas Clases prácticas Aprendizaje 45 0 45 basado en problemas Aprendizaje orientado a proyectos Practicas 0 15 15 externas Tutorías Aprendizaje 15 0 15 orientado a proyectos Aprendizaje basado en problemas Actividades de 15 0 15 evaluación Estudio y trabajo Aprendizaje 0 30 30 en grupo cooperativo Estudio y trabajo Estudio de 0 150 150 autónomo.7. casos individual Resolución de ejercicios y problemas Aprendizaje basado en problemas Aprendizaje orientado a proyectos 105 195 300 7 .

En el caso de que el alumno no haya superado los objetivos de aprendizaje hará una prueba final o examen. No se admitirán trabajos fuera de forma y fecha sin causa justificada. 8 Ejercicio práctico final y 50 % examen final tipo test Consideraciones generales acerca de la evaluación: El alumno irá demostrando con su trabajo en el aula. SISTEMA DE EVALUACIÓN VALORACIÓN RESPECTO A ACTIVIDAD DE EVALUACIÓN CRITERIOS DE EVALUACIÓN LA CALIFICACIÓN FINAL (%) Examen práctico y teórico Unidad 1 10 % tipo test Examen práctico y teórico Unidad 2 tipo test 10 % Examen práctico y teórico Unidad 3 tipo test 10 % Examen práctico sobre un Unidad 4 caso 10 % Examen teórico tipo test Unidad 5 5% Examen práctico sobre un caso Unidad 6 5% Unidades 7. y actitud general hacia su aprendizaje si está capacitado en las competencias que de él se esperan desarrollar en esta asignatura. será requisito indispensable alcanzar una calificación mínima de 5 puntos para poder obtener un aprobado. sus entregas parciales. sus ejercicios autónomos corregidos. Calificación numérica final de 0 a 10. La calificación final nunca superará los 10 puntos. 8 . si algún alumno supera esta calificación optará a Matrícula de Honor. cada entrega se entiende como un examen y tendrá derecho a revisión. 8.

Hoa Loranger (2006). Usabilidad. SOFTWARE Y HERRAMIENTAS NECESARIAS TIPOLOGÍA DEL AULA: Aula con ordenadores MATERIALES: No son necesarios SOFTWARE: Photoshop Atom 9 . A Book Apart. Wiley. ISBN: 978-1-9375571-8-8 Bibliografía recomendada Jonathan Snook (2012). JavaScript and JQuery: Interactive Front-End Web Development. Scalable and Modular Architecture for CSS . ISBN: 978-1118531648 Jakob Nielsen. Javascript and jQuery: Interactive Front-End Web Development. Anaya. e-book Steve Krug (2006). Prioridad en el diseño Web. Wiley. ISBN: 978-1118531648 Ethan Marcotte (2011).MATERIAL. Anaya. Haz Fácil lo imposible: La guía para detector y determiner los problemas de usabilidad. Wiley. HTML and CSS: Design and Build Websites. Responsive Web Design. 9. ISBN: 978-1118008188 Jon Duckett (2011). ISBN: 9788441527546 Jon Duckett (2014).. BIBLIOGRAFÍA / WEBGRAFÍA Bibliografía básica Jon Duckett (2011). ISBN: 9788441520929 10.