FUNDAMENTOS DEL DISEÑO WEB 1

Transcripción

1 GUÍA DOCENTE FUNDAMENTOS DEL DISEÑO WEB 1 GRADO EN DISEÑO MULTIMEDIA Y GRÁFICO Curso Versión original: Febrero de 2015.

2 GNATUR 1. DATOS DE IDENTIFICACION DE LA ASIGNATURA Titulación: Materia: Denominación de la asignatura: Código: Curso: Semestre: Tipo de asignatura Créditos ECTS: Modalidad/es de enseñanza: Lengua vehicular: Equipo docente: Profesor/a: Grupos: Grado en Diseño Multimedia y Gráfico Módulo de Diseño Fundamentos del Diseño Web Segundo Segundo Obligatoria 6 Presencial Español Noelia Báscones David Carvajal Garrido Grupo o grupos 2. REQUISITOS PREVIOS PARA CURSAR LA ASIGNATURA Esenciales Los propios del título. Aconsejables Conocimientos básicos sobre Ofimática y manejo de programas. Conocimientos de Diseño Gráfico y tratamiento de imágenes. 3. CONTENIDOS /TEMARIO / UNIDADES DIDÁCTICAS TEMA 1: Introducción a la WEB / HTML5 Qué es WWW? - Conceptos básicos. Internet, evolución y Web 3.0 (semántica). - Arquitectura Cliente-Servidor (Local-Remoto) y protocolo HTTP. - Navegadores, multiplataforma, estándares y validación (W3C). - Nuevas funcionalidades, dispositivos, demanda del usuario. Cómo se hace? - Lenguaje de programación: HTML5. - Herramientas y entornos de desarrollo. Fundamentos del diseño Web 2

3 - Ciclo de vida del sitio web. Primeros elementos del lenguaje HTML5 - Estructura básica de un documento y etiquetas (tags) HTML5. - Escritura y formato de texto básicos. Párrafos y encabezados. - Inserción de imágenes, vídeo y audio. Reescalado. Rutas y ficheros. - Enlazado de páginas (links) y secciones (anclas). Navegación. Entorno de trabajo - Configuración y controles básicos del IDE (Adobe Dreamweaver). - Inserción y edición de elementos web mediante entorno visual. - Convenios de reglas de estilo (style-coding) y nomenclatura (naming). TEMA 2: Fundamentos de HTML5 Listas - Listas ordenadas y desordenadas. Anidación de listas. - Creación de menús con listas anidadas y enlaces. Tablas - Construcción y propiedades generales de tablas, filas y celdas. - Tablas anidadas. Combinación de celdas. Maquetación básica. Formularios - Concepto. Envío de datos. Estructura de la información. - Campos, atributos y elementos. Validación en cliente. TEMA 3: CSS Y maquetación básica Hojas de estilos en cascada - Creación e inclusión de CSS. Separación continente-contenido. - Sintaxis básica. Creación de estilos específicos para id, tags y clases. - Formatos y lenguaje CSS. Atributos, propiedades y valores comunes. - Tratamiento de texto, imagen, audio, vídeo, colores y tipografías. - Transformaciones, transiciones y animaciones. Modelo de cajas - Estructura web y arquitectura de contenidos. Semántica. - Administración del espacio, contenido y posicionamiento. - Diseño adaptativo (responsive) dependiente del dispositivo. TEMA 4: Javascript Eventos - Creación de elementos interactivos mediante eventos (onevent). - Inclusión de scripts. Código embebido. Generación de alerts. Introducción a Javascript - Programación básica: sintaxis, variables, arrays y control de flujo. - Selección de elementos DOM. Creación y uso de funciones propias. - Inclusión de librerías y recursos externos de efectos (jquery). Fundamentos del diseño Web 3

4 4. SISTEMA DE EVALUACIÓN ACTIVIDAD DE EVALUACIÓN Examen Trabajos Prácticos Práctica Final / Exposición Oral Actitud CRITERIOS DE EVALUACIÓN -Prueba objetiva: Test de 10 preguntas y 4 alternativas por pregunta (cada acierto suma 1 punto, cada error resta 0,5 puntos) -Funcionalidad: Solución precisa y eficiente para los requisitos planteados (5 TP x 3%) -Código limpio: Aplicación correcta de reglas de estilo, comentarios y tabulaciones (5 TP x 3%) -Funcionalidad: Solución precisa y eficiente para los requisitos planteados (10%) -Código limpio: Aplicación correcta de reglas de estilo, comentarios y tabulaciones (10%) -Documentación: Elaboración de informe bien detallado y presentado en formato digital, explicando fases del trabajo realizado y justificación de las decisiones tomadas (10%) -Exposición pública: Presentación oral del trabajo realizado y la documentación (10%) -Especial interés y participación en las clases -Conocimiento continuo de los contenidos de la asignatura debatidos en clase y planteamiento activo de dudas relacionadas con los mismos VALORACIÓN RESPECTO A LA CALIFICACIÓN FINAL (%) 20% 30% 40% 10% Fundamentos del diseño Web 4

5 CONSIDERACIONES GENERALES ACERCA DE LA EVALUACIÓN: Para superar la asignatura es necesario aprobar todas las partes por separado, es decir, obtener un 50% de la nota máxima posible (NMP) para esa parte. En caso de suspenso de alguna de las partes en convocatoria ordinaria, el alumno podrá recuperar exclusivamente una sola vez dentro del mismo curso académico la parte teórica y/o la práctica en convocatoria extraordinaria, mediante otro examen teórico y/o la entrega de una única Práctica de Recuperación (PR) a realizar de forma individual, respectivamente. Es decir, la parte teórica requiere obtener 1 sobre 2 puntos. La parte práctica se compone de 5 Trabajos Prácticos (TTPP) y una Práctica Final (PF) y se requiere entregar 3 TTPP y la PF. Los TTPP comienzan en clase realizándose de forma individual y bajo la supervisión del profesor, teniendo tiempo suficiente para terminarlo y optando a un 100% de la NMP para ese TP. Si no se termina en clase, se permitirá terminarlos en casa y entregarlos hasta una semana más tarde, repercutiendo en una reducción de la NMP, optando al 75% de la misma. La PF debe realizarse fuera de las clases en grupos de 2, 3 o 4 alumnos, destinando sin embargo horas de clase y tutorías para la supervisión y seguimiento del profesor. Finalmente, se expondrá públicamente. Una detección de copia demostrable mediante algún proceso informático (al menos 60% de coincidencia) en el código fuente de alguna de las prácticas entregadas, supondrá la anulación total de dicha práctica y el suspenso directo de la asignatura. Asistencia a Clase La asistencia a clase es obligatoria. Sin una asistencia demostrada de al menos un 80%, el alumno no podrá presentarse a examen debiendo acudir a la siguiente convocatoria. No es necesario justificar las faltas, y por tanto no se admitirán justificantes de las mismas, por lo que superado el 20% de faltas de asistencia, el alumno deberá presentarse en convocatoria extraordinaria. La Dirección/Coordinación de la Titulación podrá considerar situaciones excepcionales, previo informe documental, debiendo ser aprobadas por la Dirección Académica de ESNE. Se exigirá puntualidad al alumno en el comienzo de las clases. Una vez transcurridos cinco minutos de cortesía, el profesor podrá denegar la entrada en el aula. Fundamentos del diseño Web 5

6 Entregas de Trabajos En convocatoria ordinaria, los alumnos deben presentar y aprobar todas las entregas que se les soliciten. La no entrega de un trabajo supondrá suspender la asignatura. Los trabajos deben entregarse en las fechas que solicite el profesor, no admitiéndose entregas posteriores. Si excepcionalmente se aceptase un trabajo fuera de plazo, la máxima calificación a obtener será 7. En los trabajos en grupo, la calificación será individual por cada alumno, atendiendo a criterios de conocimiento de la materia, esfuerzo, presentación, asistencia a tutorías, etc. Por tanto, miembros de un mismo grupo pueden tener calificaciones diferentes. Los trabajos, una vez calificados, deben ser retirados por los alumnos en el tiempo que se determine. Pasado este plazo, los trabajos podrán ser destruidos. Evaluación Extraordinaria En la evaluación extraordinaria, los alumnos deben volver a presentar los trabajos que no hayan sido aprobados en convocatoria ordinaria. Además, el profesor de la asignatura podrá solicitar la realización de un trabajo extra en la evaluación extraordinaria. Si en la convocatoria ordinaria el alumno aprueba las entregas solicitadas y suspende el examen, será potestad del profesor solicitar la realización de nuevos trabajos en la convocatoria extraordinaria. 5. BIBLIOGRAFÍA / WEBGRAFÍA BASICA 1) BIBLIOGRAFIA BASICA Gauchat, J.D. (2013). El gran libro de HTML5, CSS3 y Javascript. 2ª Edición. Madrid: Marcombo, S.A. López Quijado, J. (2010). Domine Javascript. 3ª Edición. Madrid: Ra-Ma Editorial. Oros Cabello, J.C. (2012). Adobe Dreamweaver CS5.5 Professional. Curso Práctico. Válido para Windows y Mac Os X. Madrid: Ra-Ma Editorial. Webgrafía básica Fundamentos del diseño Web 6