Anda di halaman 1dari 10

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
RESULTADOS DE APRENDIZAJE
COMPETENCIAS ESPECFICAS RELACIONADOS CON LAS COMPETENCIAS
ESPECFICAS

CE1 - Expresar la creatividad a Capacitar al alumno para que realice


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

4
CE13 - Idear y conceptualizar analgicas
mundos virtuales mediante Aprender las tcnicas para utilizar las
tcnicas analgicas o digitales herramientas para la realizacin de
CE14 - Emplear las tcnicas productos digitales
fundamentales para la Aprender las capacidades de las
produccin audiovisual con herramientas digitales para plasmar
medios digitales las ideas de un proyecto
CE15 - Manipular herramientas Conocer la importancia del reciclaje
digitales para ajustarlas a las de conocimientos y tcnicas para la
necesidades creativas de un realizacin de proyectos digitales
proyecto especfico

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
VALORACIN RESPECTO A
ACTIVIDAD DE EVALUACIN CRITERIOS DE EVALUACIN
LA CALIFICACIN FINAL (%)
Examen prctico y terico
Unidad 1 10 %
tipo test
Examen prctico y terico
Unidad 2 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