Escuela de Arte y Superior de Diseño Fernando Estévez. Enseñanzas artísticas superiores en diseño GUÍA DOCENTE DE LA ASIGNATURA: Diseño para la web I

Transcripción

1 Escuela de Arte y Superior de Diseño Fernando Estévez Enseñanzas artísticas superiores en diseño GUÍA DOCENTE DE LA ASIGNATURA: Diseño para la web I Curso académico

2 1. [Datos descriptivos de la asignatura] Asignatura: Diseño para la web I Tipo: Semestral Centro: Escuela de Arte y Superior de Diseño Fernando Estévez. Titulación: Graduado o Graduada en Diseño Gráfico. Plan de Estudio: Real Decreto 633/2010, de 14 de mayo. Rama de Conocimiento: Artes y Humanidades. Departamento: Diseño Gráfico. Área de Conocimiento: Artes Plásticas y Diseño. Curso: Tercero. Carácter: Obligatoria. Duración: Semestral. Créditos: 5 créditos ECTS. Blog de la asignatura: Idioma: Esta asignatura se imparte en lengua española. 2. [Profesorado que imparte la asignatura] Coordinación / Profesor: José Ángel Trujillo Padilla Departamento: Diseño Gráfico. Área de Conocimiento: Artes Plásticas y Diseño. Centro: Escuela de Arte y Superior de Diseño Fernando Estévez. Lugar Tutoría: Aulas Ramonal 3.1 y Ramonal 1.1 según grupos. Horario Tutoría: Miércoles entre las 11:50 y las 13:40. Teléfono: Correo electrónico: japalajapa@gmail.com. Dirección blog docente: graficalogica.blogspot.com.

3 3. [Prerrequisitos para cursar la asignatura] Recomendables: Obligatorias: 1. Tener conocimientos de: Photoshop, Illustrator, Dream Weaver. Preferiblemente en plataforma Mac. 2. Inglés, comprensión lectora. 3. Disponibilidad de acceso a Internet de forma habitual. 4. Tener ordenador personal. 5. Tener una cuenta de correo electrónico de uso habitual. 6. Memoria USB o disco duro externo para almacenamiento y/o intercambio de archivos. 7. Intereses por las nuevas tecnologías de la información y la comunicación. 4. [Competencias a desarrollar] Competencias Transversales: 1. Utilizar eficientemente las tecnologías de la información y la comunicación. Desarrollar razonada y críticamente ideas y argumentos. Competencias Generales: 2. Actuar como mediadores entre la tecnología y el arte, las ideas y los fines, la cultura y el comercio. 3. Ser capaces de adaptarse a los cambios y a la evolución tecnológica industrial. Competencias Específicas: 4. Dominar los recursos tecnológicos de la comunicación visual. 5. Comprender el marco legal y reglamentario que regula la actividad profesional, la seguridad y salud laboral y la propiedad intelectual e industrial. 5. [Contextualización de la asignatura en el Plan de Estudios] Bloque Formativo al que pertenece la asignatura: La asignatura Diseño para la web I se encuentra dentro de la materia de Proyectos de diseño gráfico. Esta materia aborda los diferentes ámbitos y especialidades donde el diseñador gráfico desarrolla su actividad profesional. Esta asignatura, Diseño para la web I, se centra en los nuevos soportes tecnológicos y medios de comunicación. En ellos, el diseñador gráfico debe consolidar su papel como uno de los actores principales involucrados en el desarrollo de este tipo de proyectos. 3

4 Perfil Profesional: La importancia que ha tomado en la última década Internet como canal de comunicación e intercambio de información y por lo tanto, los sitios web como soportes visuales a este canal, han hecho del diseño web una disciplina más a incluir en la gran familia del diseño gráfico. Este nuevo plan de estudios cubre un importante vacío en la formación del alumnado. Dando a ésta especialidad la importancia que ha ido adquiriendo a lo largo del tiempo. 6. [Contenidos de la asignatura] Tema 1. Introducción general y especificidades del diseño web 1.1. Definir la actividad del diseñador web y ámbitos de trabajo Especificidades del diseño para la web Formatos y resolución de pantallas Velocidad de carga Variedad de navegadores y estándares Internet, servidores y buscadores Ley de servicios de la sociedad de la información. Tema 2. Lenguaje y documentos HTML 2.1. Lenguaje HTML Estándares Estructura interna un documento HTML Doctype Header Body Sintaxis HTML Elementos Etiquetas básicas para dar formato a un texto Atributos Concepto de web semántica. Tema 3. Lenguaje CSS 3.1. Hojas de estilo en cascada: CSS Historia y estándares Sintaxis CSS Declaraciones y selectores Tipos de reglas CSS Asistente CSS en Dreamweaver. Tema 4. Diseño web con CSS 4.1. El modelo de cajas Contenido, relleno, bordes, márgenes, fondo Diseño web con CSS Posicionamiento relativo, absoluto, fijo, flotante Posicionamiento z-index o por capas. Tema 5. Elementos específicos del diseño web Enlaces y etiquetas especiales Etiquetas metas, comentarios y caracteres especiales Diseño de menús de navegación con HTML y CSS Tablas en HTML Principales usos Etiquetas HTML para crear tablas Diseño de formularios Utilidad de un formulario. 4

5 Etiquetas específicas HTML para formularios Diseño de formularios Tipografía en la web Fuentes seguras Fuentes web Reglas CSS para el diseño tipográfico Color en la web Características del uso de color Colores seguros Colores hexadecimal y RGB Imágenes y contenido multimedia Formatos de compresión para imágenes Etiquetas específicas para imágenes, audio y video. 7. [Metodología y Volumen de trabajo] Metodología y Volumen de trabajo Créditos: 5 Horas: 150 VOLUMEN DE TRABAJO ACTIVIDADES DE APRENDIZAJE PRESENCIALES TRABAJO AUTÓNOMO del alumnado HORAS TOTALES Clase magistral 41 Clases prácticas 15 Asistencia a Tutoría Académica-Formativa (presenciales y virtuales) 8 Estudio de la asignatura 61 Estudio y preparación de clases prácticas 25 HORAS TOTALES [Bibliografía/ Recursos] Bibliografía básica: Niederst, J. (2008). Creación y diseño web profesional. Madrid: Ediciones Anaya Multimedia. Schmitt C., Mahon N. y Barfoot C. (2010). Curso de CSS. Madrid: Anaya Multimedia. Bibliografía complementaria La bibliografía complementaria se irá publicando en el blog de la asignatura según corresponda. 5

6 9. [Sistema de Evaluación y Calificación] Recomendaciones Dada la naturaleza presencial de estas enseñanzas, la asistencia regular a clase es una obligación por parte del alumnado. Posibilita, de esta forma, una evaluación continua por parte del profesor. Además demuestra su interés y participación en este proceso. Se recomienda la realización de todas las prácticas planteadas para esta asignatura. Dichas prácticas están diseñadas para reforzar los conceptos teóricos vistos en clase. Además permitirán al alumnado desarrollar de forma autónoma las competencias requeridas en esta asignatura. También resolver las dudas a nivel individual con el docente y facilitar así una evaluación continua. Para adquirir las competencias de esta asignatura se recomienda asistir al menos al 90 % de las horas totales de esta asignatura. El alumno debe visitar de forma regular el blog de la asignatura para mantenerse informado de posibles cambios o circunstancias que pudieran alterar el normal desarrollo de la misma. Evaluación y calificación La evaluación del proceso de aprendizaje del estudiante se basará en el grado y nivel de adquisición y consolidación de las competencias transversales, generales y específicas definidas para esta asignatura en la presente guía didáctica. El alumnado deberá superar un examen al final del semestre que podrá ser teórico o teóricopráctico. Este examen podrá constar de varias partes y realizarse a lo largo de varios días. En él se evaluará con carácter integrador, la asimilación de las competencias planteadas para esta asignatura. Se dará por aprobada la asignatura cuando el alumnado obtenga con una nota igual o superior a 5 sobre 10, dicho examen. La calificación será numérica de 0 a 10, con expresión de un decimal. El alumnado tiene derecho a dos convocatorias por año en cada asignatura. Una ordinaria y otra extraordinaria. Ambas discurrirán bajo los mismos criterios de calificación y evaluación anteriormente mencionados. 6

7 Estrategia Evaluativa TIPO DE PRUEBA COMPETENCIAS CRITERIOS PONDERACIÓN Buzón de sugerencias. Conocer opinión del alumnado y mejorar la enseñanza. Análisis y reflexión de las sugerencias planteadas. Modificar metodología si procede. Requisito. No califica. Cuestionario de autoevaluación y evaluación docente Implicar al alumnado en el proceso de evaluación y calificación. Análisis crítico y reflexivo de los resultados obtenidos. Comparaciones constructivas. Requisito. No califica Pruebas teóricas o teórica-práctica 1, 2, 3, 4, 5. Adecuada respuesta a cada pregunta formulada y ejercicio práctico planteado. 100% Ejercicios prácticos. 1, 4. Ejercicios prácticos planteados en clase como refuerzo de los conceptos teóricos. Requisito. No califica. 10. [Resultados de Aprendizaje] COMPETENCIAS A DESARROLLAR RESULTADOS DE APRENDIZAJE TIPO Transversales Utilizar eficientemente las tecnologías de la información y la comunicación. Desarrollar razonada y críticamente ideas y argumentos. Demostrar capacidad de manejo y utilización de las TIC como herramienta de resolución de problemas y autoaprendizaje. Genéricas Utilizar la tecnología de forma que ayude a Actuar como mediadores entre la tecnología y el arte, las ideas y los fines, la cultura y el comercio. una mejor relación del usuario mejorando la experiencia y estética de las interfaces gráficas. Ser capaces de adaptarse a los cambios y a la evolución tecnológica industrial. Predisposición a la utilización de nuevos recursos digitales y puesta al día de tecnologías web. Específicas Dominar los recursos tecnológicos de la comunicación visual. Comprender el marco legal y reglamentario que regula la actividad profesional, la seguridad y salud laboral y la propiedad intelectual e industrial. Emplear recursos tecnológicos como solución formal, funcional y estética. Conocer y aplicar la legislación vigente que regula la actividad legal de los servicios de la sociedad de la información. 7

8 11. [Cronograma/ Calendario de la asignatura] La siguiente cronología es solo una guía base. Podrá verse modificada por circunstancias del calendario lectivo o cualquier otro motivo que el profesor estime justificado para ello. SEMANA TEMA CLASES TEÓRICAS (AULA) CLASES PRÁCTICAS (AULA) ACTIVIDADES Semana 1 a 2 Tema 1 No previstas. No previstas. Semana 3 a 5 Tema 2 Ejercicios prácticos donde el alumno aplicará de forma guiada los conceptos trabajados en clase. Por determinar. Semana 6 a 8 Tema 3 Ejercicios prácticos donde el alumno aplicará de forma guiada los conceptos trabajados en clase. Por determinar. Semana 9 a 11 Tema 4 Ejercicios prácticos donde el alumno aplicará de forma guiada los conceptos trabajados en clase. No prevista. Semana 12 a 16 Tema 5 Ejercicios prácticos donde el alumno aplicará de forma guiada los conceptos trabajados en clase. No prevista. 8