CENTRO UNIVERSITARIO DE TECNOLOGA Y ARTE DIGITAL

PLANIFICACIN DE LA DOCENCIA
UNIVERSITARIA

GUA DOCENTE

DISEO, MAQUETACIN Y ESTRUCTURA

WEB
1. DATOS DE IDENTIFICACIN DE LA ASIGNATURA.

Grado en Diseo Visual de Contenidos

Ttulo: Digitales
Centro Universitario de Tecnologa y Arte
Facultad: Digital

Departamento/Instituto: Arte y Diseo

Materia: Web

Denominacin de la asignatura: Diseo, Maquetacin y Estructura Web

Cdigo: 0049056

Curso: Cuarto

Semestre: Segundo

Tipo de asignatura (bsica, obligatoria u

optativa): Optativa

Crditos ECTS: 12

Modalidad/es de enseanza: Presencial

Lengua vehicular: Castellano

Equipo docente: scar Bustos Garrido

Profesor/a: scar Bustos Garrido

Grupos: 4DVCD

Despacho: Sala de profesores

Telfono: 916402811 Ext. E-mail: Oscar.Bustos@live.u-tad.com

Pgina web: http://www.u-tad.com/

1
 2. REQUISITOS PREVIOS.

Esenciales:
No son necesarios

Aconsejables:
Haber adquirido las competencias necesarias en la asignatura Diseo y usabilidad de
interfaces

3. SENTIDO Y APORTACIONES DE LA ASIGNATURA

AL PLAN DE ESTUDIOS.

Mdulo y materia al que pertenece la asignatura.

Esta asignatura pertenece al mdulo de Especializacin y dentro de ste a la materia

Web.

Relacin de interdisciplinariedad con otras asignaturas del currculum.

El objetivo es establecer una base slida para llevar a cabo el desarrollo de proyectos
digitales ayudar a convertir a los estudiantes en profesionales capaces de
transformar sus diseos en una maqueta slida y visible en cualquier navegador, as
como facilitar las tcnicas, recursos y herramientas ms actuales y necesarias para
poder abordar proyectos profesionales. Se relaciona directamente con asignaturas
cursadas en el grado como Diseo y usabilidad de interfaces y sistemas interactivos

Aportaciones al plan de estudios e inters profesional de la asignatura.

Actualmente el auge de los proyectos digitales tiene una gran inversin dentro y fuera
de nuestro pas, la profesin de maquetador o desarrollador front-end est muy
solicitada por las empresas, si a esto sumamos un alto conocimiento de usabilidad y
diseo el candidato tiene muchas ms opciones de ser elegido ya que, un perfil
multidisciplinar es mucho ms interesante para la compaa.

Es por ello que se abordarn diferentes temticas ligadas a la maquetacin como son
la usabilidad y la gestin de proyectos para dotar al alumno de todos los
conocimientos que le permitan poder acceder al mundo laboral de una forma
satisfactoria.

2
4. RESULTADOS DE APRENDIZAJE EN RELACIN
CON LAS COMPETENCIAS QUE DESARROLLA LA
ASIGNATURA.

COMPETENCIAS GENRICAS

CG1 - Aprender a lo largo de la vida

mediante el estudio autnomo y la
formacin continua
CG2 - Saber adaptarse al cambio y a las
nuevas situaciones con versatilidad y
creatividad
CG3 - Desarrollar el mbito de la
creatividad e innovacin y tener la
habilidad de presentar recursos, ideas
y mtodos novedosos para
posteriormente concretarlos en
acciones
CG5 - Demostrar iniciativa y espritu
emprendedor
CG6 - Manifestar motivacin por la
calidad
CG8 - Manifestar capacidad para
trabajar en equipo
CG12 - Expresar el sentido crtico y
autocrtico y la capacidad de anlisis
para la valoracin de diferentes
alternativas
CG15 - Tener Capacidad de
organizacin y planificacin
CG17 - Demostrar habilidad para
analizar, sintetizar y recoger
informacin de diversas fuentes
CG18 - Gestionar adecuadamente la
informacin

3

COMPETENCIAS ESPECFICAS
CE1 - Expresar la creatividad a
travs de mltiples medios y
formatos en el entorno de los
contenidos digitales
CE2 - Conocer y aplicar las
tcnicas fundamentales para la
produccin artstica grfica,
pictrica, escultrica y diseo web de forma estndar
audiovisual con medios
digitales y analgicos
CE3 - Asumir la importancia de
los procesos de investigacin,
desarrollo e innovacin en la
creacin y el diseo
CE4 - Comprender de forma
crtica la evolucin de los
valores estticos, histricos y
culturales
CE6 - Realizar procesos
creativos de produccin en
entornos de comunicacin
audiovisual y diseo
CE7 - Idear y desarrollar
proyectos artsticos con medios
digitales y analgicos
CE8 - Adquirir los fundamentos
prcticos de matemticas, fsica
y programacin para la creacin
artstica y digital
CE10 - Desarrollar y manipular
procesos de transferencia de
informacin del mundo
material al digital y viceversa
CE11 - Conocer e interpretar los
procesos simblicos y de
significacin propios del
lenguaje visual
CE12 - Analizar y utilizar los
distintos lenguajes de creacin
artstica figurativos, espaciales y
audiovisuales
RESULTADOS DE APRENDIZAJE
RELACIONADOS CON LAS COMPETENCIAS
ESPECFICAS
Capacitar al alumno para que realice
diseos en los diferentes medios y
formatos digitales.
Aplicar las tcnicas de diseo grfico
especficamente al diseo web
Programar en los lenguajes de
marcas y estilos empleados en el
Idear la interactividad de la interfaz
de usuario de una pgina web
Estructurar y concebir los contenidos
de un sitio web
Crear experiencias de usuario
adecuadas a la web
Crear entornos web usables y
accesibles por la mayor cantidad de
usuarios posible
Emplear herramientas de gestin de
contenidos para sitios web
Ensear al alumno las metodologas
para la realizacin de diseos
aplicados a entornos digitales y
analgicos.
Dar a conocer la historia reciente del
diseo digital y las actuales
corrientes para la realizacin de
diseos.
Dar a conocer los diferentes flujos de
trabajo para la realizacin de diseos
digitales
Capacitar la creacin de proyectos
digitales desde su idea hasta su
realizacin
Aprender los procesos del diseo
digital para la realizacin de su
maquetacin en sus diferentes fases.
Analizar y utilizar los diferentes
lenguajes para la realizacin del
diseo digital
Idear y conceptualizar diseos a
travs de tcnicas digitales y
4
 CE13 - Idear y conceptualizar
mundos virtuales mediante
tcnicas analgicas o digitales
CE14 - Emplear las tcnicas
fundamentales para
produccin audiovisual con
medios digitales
CE15 - Manipular herramientas
digitales para ajustarlas a las
necesidades creativas de un
proyecto especfico
analgicas
Aprender las tcnicas para utilizar las
herramientas para la realizacin de
productos digitales
la Aprender las capacidades de las
herramientas digitales para plasmar
las ideas de un proyecto
Conocer la importancia del reciclaje
de conocimientos y tcnicas para la
realizacin de proyectos digitales

5. CONTENIDOS / TEMARIO / UNIDADES

DIDCTICAS

1. Introduccin a lenguajes de marcado HTML

a. Herramientas de trabajo
b. Sintaxis de HTML
c. Documento HTML
d. Estructura HTML y etiquetas bsicas
i. Composicin de textos
ii. Interletrado y mtodos de particin y justificacin
iii. Listas
iv. Enlaces
v. Imgenes
vi. Tablas
vii. Formularios
e. HTML5

2. Introduccin a lenguaje CSS

a. Color
b. Texto
c. Cajas
d. Listas y tablas
e. Formularios
f. Imgenes
g. Creacin y uso de retculas y pginas maestras
h. Funciones CSS3
i. Buenas prcticas de estructuras CSS
j. Preprocesadores
k. Frameworks de maquetacin

5
 l. Responsive web design

3. Introduccin a Javascript
a. Lenguaje del presente y futuro
b. Integracin en la web
c. Eventos
d. Referencia de lenguaje
4. Diseo de pginas web
a. Tendencias de diseo
b. Diseo atmico
c. Disposicin de elementos en la pgina
5. Arquitectura Web
a. Clientes
b. Navegadores
c. Robots
d. Servidores
e. Protocolo HTTP
6. Validacin del cdigo y estndares
a. Herramientas de validacin
b. Estndares W3C
c. Proceso de testeo
7. Introduccin a Wordpress
8. Proyecto fin de grado

6. CRONOGRAMA
UNIDADES DIDCTICAS / TEMAS PERODO TEMPORAL
Unidad 1 Febrero
Unidades 2, 3 y 4 Marzo
Unidades 5 y 6 Abril - Mayo
Unidades 7 y 8 Mayo - Junio

6
7. MODALIDADES ORGANIZATIVAS Y
MTODOS DE ENSEANZA
MODALIDAD MTODO DE HORAS TRABAJO TOTAL DE
ORGANIZATIVA ENSEANZA PRESENCIALES AUTNOMO HORAS
Clases tericas Leccin 30 0 30
magistral
Seminarios y Estudio de 0 0 0
talleres casos
Resolucin de
ejercicios y
problemas
Clases prcticas Aprendizaje 45 0 45
basado en
problemas
Aprendizaje
orientado a
proyectos
Practicas 0 15 15
externas
Tutoras Aprendizaje 15 0 15
orientado a
proyectos
Aprendizaje
basado en
problemas
Actividades de 15 0 15
evaluacin
Estudio y trabajo Aprendizaje 0 30 30
en grupo cooperativo
Estudio y trabajo Estudio de 0 150 150
autnomo, casos
individual Resolucin de
ejercicios y
problemas
Aprendizaje
basado en
problemas
Aprendizaje
orientado a
proyectos
105 195 300

7
 8. SISTEMA DE EVALUACIN
ACTIVIDAD DE EVALUACIN
Unidad 1
Unidad 2
VALORACIN RESPECTO A
CRITERIOS DE EVALUACIN
LA CALIFICACIN FINAL (%)
Examen prctico y terico
10 %
tipo test
Examen prctico y terico
tipo test 10 %

Examen prctico y terico

Unidad 3 tipo test 10 %

Examen prctico sobre un

Unidad 4 caso 10 %

Examen terico tipo test

Unidad 5 5%

Examen prctico sobre un

caso
Unidad 6 5%

Unidades 7, 8 Ejercicio prctico final y

50 %
examen final tipo test

Consideraciones generales acerca de la evaluacin:

El alumno ir demostrando con su trabajo en el aula, sus entregas parciales, sus

ejercicios autnomos corregidos, y actitud general hacia su aprendizaje si est
capacitado en las competencias que de l se esperan desarrollar en esta asignatura.
Calificacin numrica final de 0 a 10, ser requisito indispensable alcanzar
una calificacin mnima de 5 puntos para poder obtener un aprobado.
La calificacin final nunca superar los 10 puntos, si algn alumno supera esta
calificacin optar a Matrcula de Honor.
No se admitirn trabajos fuera de forma y fecha sin causa justificada, cada
entrega se entiende como un examen y tendr derecho a revisin.
En el caso de que el alumno no haya superado los objetivos de aprendizaje har
una prueba final o examen.

8
 9. BIBLIOGRAFA / WEBGRAFA
Bibliografa bsica

Jon Duckett (2011). HTML and CSS: Design and Build Websites.
Wiley. ISBN: 978-1118008188

Jon Duckett (2011). Javascript and jQuery: Interactive Front-End

Web Development. Wiley. ISBN: 978-1118531648

Ethan Marcotte (2011). Responsive Web Design. A Book Apart.

ISBN: 978-1-9375571-8-8

Bibliografa recomendada

Jonathan Snook (2012). Scalable and Modular Architecture for CSS

. e-book

Steve Krug (2006). Haz Fcil lo imposible: La gua para detector y

determiner los problemas de usabilidad. Anaya. ISBN:
9788441527546

Jon Duckett (2014). JavaScript and JQuery: Interactive Front-End

Web Development. Wiley. ISBN: 978-1118531648

Jakob Nielsen; Hoa Loranger (2006). Usabilidad. Prioridad en el

diseo Web. Anaya. ISBN: 9788441520929

10.- MATERIAL, SOFTWARE Y HERRAMIENTAS

NECESARIAS
TIPOLOGA DEL AULA:
Aula con ordenadores

MATERIALES:
No son necesarios

SOFTWARE:

Photoshop
Atom