Curso Diseño Gráfico Web

Preguntas más frecuentes

¿Por qué diseño web basado en estándares? Porque dentro del ámbito de creación web es lo más cercano al diseño gráfico. En la medida de lo posible intentamos centrar la actividad de creación web al diseño. No siempre es posible. ¿Cuantas horas debo trabajar a diario? Esto depende del rendimiento del alumno pero consideramos que 10 horas semanales es una cantidad ra zonable.

Curso Diseño Gráfico Web

¿Entregan el software con el Master? Se entrega como material académico CS5 Master Collection siempre que el pago se realice mediante trasferencia.

Descripción: El Curso Diseño Gráfico Web es una formación privada de especialización pensada para todos aquellos que quieran conocer profesionalmente el ámbito del diseño de páginas web basadas en estándares, junto con las herramientas profesionales y los conceptos teóricos que todo diseñador debe dominar. El conocimiento del software y de los principios generales se realiza mediante una metodología teórico-práctica, avanzando mediante la puesta en práctica de ejercicios, de la teoría previamente impartida.

El contenido del pdf no es el mismo de la web. ¿Cual es el válido? Siempre es válido el contenido de la web. Lamentablemente no siempre podemos tener toda la documentación actualizada.

Objetivos: El alumno del Curso Diseño Gráfico Web al incorporarse a la actividad laboral no precisa de la adaptación técnica porque ya está entrenado en este proceso, conoce las últimas herramientas del software y tiene los fundamentos teóricos necesarios para desarrollar cualquier tarea que se le encomiende. El principal objetivo del Curso Diseño Gráfico Web es dotar al alumno de los conocimientos necesarios para acometer el diseño de websites corporativas. Así al conocimiento profundo de las herramientas de software, se une un bagaje importante en los conceptos y aplicaciones del sector.

¿Debo desplazarme hasta el IAV para realizar alguna prueba o examen? No. Todo el programa de formación se realiza íntegramente a través de internet.

¿Que material recibo en casa? Las notas técnicas de su plan de estudios, una tableta Wacom, y dependiendo de la forma de pago el software o iPod Touch.

Puede realizar cualquier otra pregunta en: http://www.formspring.me/artesvisuales

Otra información: Este enfoque hace del Curso Diseño Gráfico Web el plan de estudio específico para diplomados, licenciados, o profesionales en activo, interesados en adquirir conocimientos profesionales de diseño web. Método de aprendizaje: Integramente online a través de un campus virtual. Teórico práctico con abundantes ejercicios, test y proyectos.

www.artesvisuales.com

Puede contactar con nosotros:

www.artesvisuales.com 902 233020 [email protected] [email protected]

902 333020

Información para el curso “Curso Diseño Gráfico Web CS5” Descripción: El Master en Diseño Web es una formación privada de postgrado pensada para todos aquellos que quieran conocer profesionalmente el ámbito del diseño de páginas web basadas en estándares, junto con las herramientas profesionales y los conceptos teóricos que todo diseñador debe dominar. El Master en Diseño Web es un Programa Privado de Postgrado de especialización eminentemente práctico que versa sobre áreas de diseño web: Photoshop, Flickr, Illustrator, Fundamentos del diseño, Acrobat, Fireworks, creación de prototipos, XHTML, CSS, Dreamweaver, Flash, Usabilidad, Wordpress, PHP y MySQL con las materias que dan cuerpo formativo a este postgrado. El conocimiento del software y de los principios generales se realiza mediante una metodología teórico-práctica, avanzando mediante la puesta en práctica de ejercicios, de la teoría previamente impartida. Objetivos: Objetivos: El alumno del Master en Diseño Web al incorporarse a la actividad laboral no precisa de la adaptación técnica porque ya está entrenado en este proceso, conoce las últimas herramientas del software y tiene los fundamentos teóricos necesarios para desarrollar cualquier tarea que se le encomiende. El principal objetivo del Master Diseño Web es dotar al alumno de los conocimientos necesarios para acometer el diseño de websites corporativas. Así al conocimiento profundo de las herramientas de software, se une un bagaje importante en los conceptos y aplicaciones del sector. Otra información: Este enfoque hace del Master Diseño Web el plan de estudio específico para diplomados, licenciados, o profesionales en activo, interesados en adquirir conocimientos profesionales de diseño web. Método de aprendizaje: Teórico práctico con abundantes ejercicios, test y proyectos. Idioma: Lecciones del curso: Flickr, Illustrator CS5, Photoshop CS5, Fundamentos del Diseño, Acrobat CS4, Fireworks CS4, Fireworks CS4 Prototipos web, Fundamentos web, Usabilidad, XHTML, CSS, Dreamweaver CS5, MySQL y PHP, WordPress, AdWords, Proyecto Web.

www.artesvisuales.com

902 333020

Flickr Descripción: Flickr es la mejor y más conocida aplicación 2.0 para el almacenamiento, gestión, difusión, promoción y debate de imágenes en internet. ¿Por que digo imágenes y no fotografías?. Porque aunque Flickr esté asociado a la exposición fotográfica, sus capacidades y contenidos van mucho más allá, alojando todo tipo de gráficos: ilustraciones, infografía, fotografías, 3D, etc... y haciéndolo con optimizaciones específicas.

Temario

Vamos a trabajar con Flickr a lo largo de todo el proceso formativo, será unas de las herramientas con la que crearás tu portfolio digital, tu identidad de red, tu imagen de marca. Objetivos: El objetivo de la asignatura es que el alumno se familiarice con Flickr, cree su propia cuenta, suba sus trabajos, se inscriba en distintos grupos, y comience su creación de personalidad digital como creativo. Si quieres prosperar en el mundo del diseño debes empezar por cuidar lo mejor que puedes ofrecer: tu mismo. Por lo tanto te acabas de convertir en una marca, has nacido como marca. Tu acceso al mercado laboral irá de la mano de un concepto “tu reputación profesional” y varias herramientas que se enmarcan en un portfolio extendido: - Tu portfolio físico que debes ir construyendo a lo largo de todo el curso. Para ayudarte tienes a los distintos profesores en todas las materias y una asignatura específica. - Tu portfolio digital para ello Flickr será una gran herramienta. No la única. Tu participación y capacidad de liderazgo en las redes sociales. Bienvenido pues a esta asignatura que es comienzo de una construcción, donde lo más importante eres TU. Asignaciones: Flickr como asignatura tiene 20 horas de tiempo estimado de estudio, y un valor de 0,8 ETCS. Método de aprendizaje: Explicaciones en vídeo y ejercicios. Idioma: Profesores: Default Professor, Isabel Novoa Martín Unidades: 5, Pruebas: 6 Contenido de la lección 1.1 Inicio en Flickr 1.2 Ejercicio crear una cuenta en Flickr. 2.1 Cargar contenido. 2.2 Ejercicio sube imágenes a Flickr. 3.0 Editar imágenes 4.0 Photostream 4.1 Ejercicio sube y organiza tus fotos 5.0 Grupos y promoción 5.1 Ejercicio módulo de promoción 5.2 Ejercicio asóciate a nuestro grupo y envía tus imágenes Final Flickr www.artesvisuales.com

902 333020

Illustrator CS5 Descripción: Adobe Illustrator CS5 es un completo entorno gráfico de vectores que incluye nuevas transparencias de degradados y varias mesas de trabajo que le invitan a explorar modos más eficaces de diseño. Desde la desaparición de hecho de Freehand, Illustrator ha ido adquiriendo cada vez más importancia convirtiéndose en una referencia en el diseño vectorial debido a su gran potencia y versatilidad.

Temario

Dibujo con perspectiva, mallas de degradados, transparencias, pinceles de cerdas, trabajo con tipografía y textos ultra nítidos, mejoras en el dibujo, creación para dispositivos móviles, etc... hacen de Illustrator una herramienta imprescindible dentro de los conocimientos de cualquier diseñador. Objetivos: El objetivo fundamental es que el alumno aprenda a manejar con soltura y profundidad el dibujo vectorial enfocado a los proyectos de diseño gráfico, web y motion. Asignaciones: La carga lectiva de Illustrator es de 96 horas, 64 de aprendizaje y 32 de prácticas, en las que se trabajan con 122 unidades académicas y 12 pruebas, siendo su aportación al currículum de 4 ETCS. Método de aprendizaje: Clases en vivo vía connect, explicaciones en vídeo, documentación adicional, ejercicios, test y proyecto final. Unidades: 122, Pruebas: 12 Contenido de la lección Ocultar todo / Mostrar todo 1. Bienvenida Illustrator CS5 1.1 Interface 1.2 Asignar valores 1.3 VIsibilidad 1.4 Ajustar 1.5 Resaltar 1.6 Avanzado 1.7 mesa 1.8 redimensionar 1.9 generales 1.10 azulejos 2. Trazados 2.1 Pluma vectorial 2.2 Opciones de pluma 2.3 Anclaje 2.4 trazar curvada 2.5 Trazos correctos 2.6 Arco 2.7 Añadir 2.8 poligonales 2.9 Destello 2.10 Lazo 2.11 Modos de dibujo 2.12 Guías 2.13 Cuadrícula 2.14 Construir objetos 2.15 Flecha www.artesvisuales.com

2.15 Tijeras 2.16 escala 2.17 Promediar 2.18 Desplazamientos 2.19 Plantilla 2.20 Capas 2.21 Opciones de capa 2.22 Apariencia capa 2.23 Localizar 2.24 Ejercicios Objetos 3. Pinceles y malla de degradado 3.1 Pincel caligrafico 3.2 Pincel de dispersión 3.3 Dejar trazos 3.4 Pincel de arte 3.5 Pincel de motivo 3.6 Pincel de cerda 3.7 Biblioteca de pinceles 3.8 Pincel manchas 3.9 Anchura 3.10 Malla de degradado 3.11 Ejercicio Pincel 3.12 Ejercicio manchas 3.13 Ejercicio malla 4. Degradados y fusiones 4.1 Fusión 4.2 Ejercicio degradado 5. Atributos, estílos gráficos, apariencia. 5.1 Estilos gráficos 902 333020

Illustrator CS5 www.artesvisuales.com

6. Símbolos 6.1 Cambira símbolos 6.2 Operaciones con símbolos 6.3 Operaciones símbolos 6.4 Operaciones simbolos 6.5 Reemplazar símbolos 6.6 Ejercicio símbolos 7. Texto y párrafos 7.1 Texto y trazo 7.2 Caracter 7.3 Texto de área 7.4 Párrafo 7.5 Tabuladores 7.6 Otras operaciones 7.7 Opentype 7.8 Envolvente 7.8 Objeto superior 7.9 Texto trazado 7.10 Ejercicio caligrama 8. Marcas de recorte y relleno de motivo. 8.1 Interactiva 8.2 Corrección de zonas 8.3 Casos en pintura 8.4 Calco interactivo 8.5 Relleno de motivo 8.6 Ejercicio flyer 9. Buscatrazos. Máscara de recorte. Creador de formas. 9.1 Buscatrazos 9.2 Contornear texto 9.3 Creador de formas 9.4 Máscara de recorte 9.5 Máscara de opacidad

9.6 Trazado compuesto 10. Gráficas 10.1 Opciones de gráficas 10.2 Gráfica de tarta 11. Distorsiones. Modos de fusión. Transformaciones y otras operaciones. 11.1 Reflejar 11.2 Escala 11.3 Distorsión 11.4 Reformar 11.5 deformar 11.6 Deformaciones 11.7 Deformar texto 11.8 Distorsionar 11.9 Alinear 11.10 Transparencia 11.11 Desde apariencia 11.12 Resaltado 11.13 Agrupamiento 11.14 Envolvente 11.15 Zig-zag 12. Objeto 3D. Creación de perspectiva. 12.1 3D Girar 12.2 Mapear 12.3 Perspectiva 12.4 Definir perspectiva 12.5 Armado 12.6 Ejercicio 3Drevolution 12.7 Ejercicio perspectiva 13. Color 13.1 Conversión a tinta plana, etc... 16. Test ILLUSTRATOR CS5 17. Proyecto IllustratorCS5

902 333020

Photoshop CS5

Temario

Descripción: Adobe Photoshop CS5 es la principal aplicación cuya función principal es el control sobre la imagen. La función principal de esta asignatura es formar al alumno para que éste cuente con la capacidad de retocar imágenes, prepararlas para la Web, hacer uso de selecciones complejas y un sin fin de operaciones todas ellas en función de la imagen. No se requieren actividades previas para el comienzo de Adobe Photoshop. Así supone el núcleo central íntegramente relacionado con el resto de asignaturas. Podrá gestionar Photoshop para trabajar junto programas vectoriales, programas de maquetación, de animación, de 3D. Una aplicación muy completa en todas sus áreas. Objetivos: El objetivo de esta asignatura es conseguir que el alumno disponga de los conocimientos suficientes, no sólo para saber utilizar las herramientas del programa, sino para gestionar las imágenes en función de la finalidad de éstas; Métodos de impresión, optimización de web, ajustes PDF, calidad de animación, etc... y el resto de los conceptos fundamentales para conocer la aplicación. Asignaciones: Photoshop tiene una carga lectiva de 162 horas donde se desglosan 207 unidades de conocimiento y 38 pruebas, aportando del curriculum 6,8 ETCS. Temas: El desarrollo del curso se basa principalmente en explicaciones teóricas y prácticas. Los estudiantes deben prestar atención especial en las explicaciones diarias basándose principalmente en conceptos teóricos para llevarlos a la práctica diariamente. No tienen por qué existir capítulos problemáticos. Sí que es cierto que a medida que la asignatura avanza, la dificultad es mayor, pero con las explicaciones y prácticas guiadas paso a paso, el alumno no tendrá problema alguno. Otra información: Como guía de este curso, además de contar con la presencia del profesor diariamente, el alumno dispone de documentos con explicaciones teóricas, explicaciones visuales además de la realización de ejercicios guiados y por supuesto cientos de enlaces relacionados con Adobe Photoshop. La experiencia en estas áreas hace que el alumno obtenga una preparación avanzada. El aula en la que alumno estudia, dispone de un proyector para visualizar las explicaciones teóricas a un tamaño lo suficientemente grande para que un grupo de 15 o 20 alumnos no tengas problemas a la hora de identificar cualquier icono o herramienta durante la explicación. En la sala de ordenadores, cada alumno dispone de un portátil que es adquirido al comienzo del curso. Método de aprendizaje: Clases en directo vía Connect, vídeos para explicar la realización de tareas, documentación escrita, test y ejercicios. Idioma: Profesores: Default Professor, Isabel Novoa Martín, Mónica Padilla Daza Unidades: 207, Pruebas: 38

www.artesvisuales.com

902 333020

Photoshop CS5

Contenido de la lección Ocultar todo / Mostrar todo Anexo I. introduccion Test introducción Photoshop Anexo - Materiales de trabajo 1. Novedades Photoshop CS5 1.2. Espacio de trabajo 1.3 Precision de bordes 01 1.4 Precisión de bordes 02 1.5 Rellenar según contenido 1.6 Pincel puntual 1.7 Pincel de punta de cerda 1.8 Pincel mezclador 1.9 Herramienta de Posición Libre 1.10 Ajuste HDR pro 01 1.11 Ajuste HDR pro 02 1.12 Tonos HDR 1.13 Corrección de lente 01 1.14 Corrección de lente 02 1.15 Enderezar y usar Zoom 1.16 Trabajar con máscaras de capa 1.17 Enfocar 1.18 Densidad Neutra 1.19 Origen de Clonación 1.20 Herramienta Recortar 1.21 Valores de Estilo 1.22 Pegado Especial 1.23 Memoria y Rendimiento 1.24 Ajustes imagen Raw 01 1.25 Ajustes imagen Raw 02 1.26 Ajustes imagen Raw 03 1.27 Ajustes imagen Raw 04 1.28 Mini bridge 01 1.29 Mini bridge 02 1.30 Uso de Recursos 1.31 3D 01 1.32 3D 02 1.33 3D 03 1.34 3D 04 1.35 3D 05 1.36 3D 06 1.37 Animación 3D 1.38 CS Review 2. Area de Trabajo 2.2 Atajos de teclado 2.3 Area de trabajo 01 2.4 Area de trabajo 02 2.5 Calibración 2.6 Crear un nuevo documento 2.7 Información de un documento 2.8 Vistas 2.9 Selecciones Básicas 01 2.10 Selecciones Básicas 02 2.11 Herramientas Lazos 01 2.12 Herramientas Lazos 02 2.13 Herramienta Varita Mágica 2.14 Herramienta Selección Rápida Test tema 2. Area de trabajo www.artesvisuales.com

3. Bridge y Ajustes 3.2 Bridge 01 3.2 Bridge 02 3.3 Bridge 03 3.4 Bridge 04 3.5 Bridge 05 3.6 Mover 3.7 Transformaciones Básicas 3.8 Borradores 01 3.9 Borradores 02 3.10 Borradores 03 3.11 Reglas Test tema 3. Brigde y Ajustes 4. Pinceles y Capas 4.2 Pinceles 01 4.3 Pinceles 02 4.4 Pinceles 03 4.5 Pinceles 04 4.6 Pinceles 05 4.7 Pinceles 06 4.8 Pinceles 07 4.9 Definir Pinceles 4.10 Pincel Mezclador 4.11 Historia 4.12 Pincel de Historia 4.13 Rotación de Lienzo 4.14 Distorsiones 01 4.15 Distorsiones 02 4.16 Capas 01 4.17 Capas 02 4.18 Capas 03 4.19 Capas 04 4.20 Capas 05 4.21 Capas 06 4.22 Capas 07 4.23 Ejercicio Pinceles 4.24 Ejercicio Pincel Mezclador Test tema 4. Pinceles y Capas 5. Modos, Fusiones y Desenfoques 5.2 Modos de capa 5.3 Máscara Rápida 5.4 Deformar 5.5 Escalar Según Contenido 5.6 Desenfoques 01 5.7 Desenfoques 02 5.8 Desenfoques 03 5.9 Desenfoques 04 5.10 Desenfoques 05 5.11 Desenfoques 06 5.12 Desenfoques 07 5.13 Pequeños retoques 5.14 Ejercicio Cubos 5.15 Ejercicio Damero Test tema 5. Modos y Desenfoques 6. Selecciones, Degradados y Filtros 6.2 Operaciones con Selecciones 6.3 Blanco y Negro 6.4 Colorear una imagen 01 902 333020

Photoshop CS5

6.5 Colorear una imagen 02 6.6 Colorear una imagen 03 6.7 Degradados 01 6.8 Degradados 02 6.9 Degradados 03 6.10 Filtros de Fotografía 6.11 Filtros Artísticos 6.12 Colorear una imagen 6.13 Ejercicio Degradado Test tema 6. Selecciones, Degradados y Filtros 7. Correctoras, Trazados y Máscaras 7.2 Tampon de clonar 02 7.3 Pinceles correctores 01 7.4 Pinceles correctores 02 7.5 Herramienta Parche 7.6 Selecciones Complejas 01 7.7 Selecciones Complejas 02 7.8 Plumas 01 7.9 Plumas 02 7.10 Plumas 03 7.11 Trazado de Recorte 7.12 Texto 01 7.13 Texto 02 7.14 Texto 03 7.15 Texto 04 7.16 Efectos de Capa 01 7.17 Efectos de Capa 02 7.18 Efectos de Capa 03 7.19 Máscaras de Capa 01 7.20 Máscaras de Capa 02 7.21 Máscaras de Capa 03 7.22 Fusiones de Capa ... 7.23 Capas de Ajuste 01 7.24 Capas de Ajuste 02 7.25 Ejercicio Selecciones 7.26 Ejercicio Máscaras 7.27 Ejercicio Restaurar Test tema 7. Correctoras, Trazados y Máscaras 8. Capas de Forma, Licuar y Objetos Inteligentes 8.2 Gama de Colores 02 8.3 Agrupar Capas 8.4 Capas de Forma 01 8.5 Capas de Forma 02 8.6 Máscara Vectorial 8.7 Licuar 01 8.8 Licuar 02 8.9 Licuar 03 8.10 Bosquejar 01 8.11 Bosquejar 02 8.12 Ejercicio Agrupar 8.13 Ejercicio Licuar 8.14 Ejercicio Personaje Test tema 8. Capas de Forma, Licuado y Objetos inteligentes 9. Modos, Canales e Interpolaciones www.artesvisuales.com

9.2 Modos de Color 02 9.3 Daltonismo 9.4 Escala de Grises 9.5 Mapa de Bit 9.6 Canales 01 9.7 Canales 02 9.8 Canal de Tinta Plana 9.9 Profundidad de Bit 9.10 Multicanal 01 9.11 Multicanal 02 9.12 Mapas de Desplazamientos 01 9.13 Mapas de Desplazamientos 02 9.14 Interpolaciones 01 9.15 Interpolaciones 02 9.16 Interpolaciones 03 9.17 Lineatura 9.18 Duotonos 9.19 Trazos de Pincel 9.20 Ejercicio Canales 9.21 Ejercicio Puzzle 9.22 Ejercicio Rehundido Test tema 9. Modos, Canales e Interpolaciones 10. Corrección de una Imagen 10.2 Corrección de una imagen 02 10.3 Corrección de una imagen 03 10.4 Ajuste de Luces y Sombras 10.5 Métodos de Ajustes 10.6 Corrección del Color 01 10.7 Corrección del Color 02 10.8 Corrección del Color 03 10.9 Ajuste de Color Selectivo 01 10.10 Ajuste de Color Selectivo 02 10.11 Enfocar 01 10.12 Enfocar 02 10.13 Enfocar 03 10.14 Ejercicio Retoque 10.15 Ejercicio Luces Test tema 10. Corrección de una imagen 11. Raw y Automatismos 11.2 Acciones 01 11.3 Acciones 02 11.4 Crear un Droplet 11.5 Raw 01 11.6 Raw 02 11.7 Raw 03 11.8 Raw 04 11.9 Raw 05 11.10 Raw 06 11.11 Raw 07 11.12 Ejercicio Acciones 11.13 Ejercicio Portada Test tema 11. Raw y Automatismos 12. Gestión y Optimización 12.2 Optimizar 02 12.3 Optimizar 03 12.4 Optimizar 04 902 333020

Temario

12.5 Sectores 01 12.6 Sectores 02 12.7 Device Central 12.8 Zoomify 12.9 Ejercicio Optimizar Test tema 12. Gestión y Optimización 13. Automatismos, Punto de Fuga 13.2 Enderezar 13.3 Fusión Automática 13.4 Gestión del Color 13.5 Photomerge 01 13.6 Photomege 02, etc... Final Proyecto PHCS5

www.artesvisuales.com

902 333020

Fundamentos del Diseño

Temario

Descripción: Definimos el diseño como un proceso o labor destinado a proyectar, coordinar, seleccionar y organizar un conjunto de elementos para producir y crear objetos visuales destinados a comunicar mensajes específicos a grupos determinados. Objetivos: El objetivo de esta asignatura es sobrevolar la historia y los orígenes del diseño gráfico, además de asentar los cimientos del diseño mediante la teoría de la percepción visual, la composición, los elementos que ejecuten el mensaje gráfico, así como la tipografía, comunicación gráfica, etc.... Los conocimientos teóricos se materializarán a lo largo del curso con el trabajo práctico. El fin no es otro que el alumno consiga casi intuitivamente a respetar esos mismos cimientos a la hora de obtener el producto gráfico, aflorando en gran medida gracias al continuo esfuerzo por conseguir mejores resultados. Asignaciones: La carga lectiva de Fundamentos del Diseño es de 36 horas, de las 24 son de estudios y 12 de trabajos añadidos, en las que se trabaja con 71 unidades didácticas y 8 pruebas. Añade al currículo académico 1,5 ETCS. Método de aprendizaje: Mediante documentación pdf, nota técnica impresa, vídeos, test y ejercicios. Idioma: Profesores: Default Professor, Isabel Novoa Martín, Antonio Rodriguez Unidades: 71, Pruebas: 8 Contenido de la lección Ocultar todo / Mostrar todo 1. Historia del diseño gráfico 1.1 Antecedentes históricos (Esquema para estudio) 1.2 Alberto Durero (Esquema para estudio) 1.3 Art Nouveau (Esquema para estudio) 1.4 El cartel Nouveau (Esquema para estudio) 1.5 Bauhaus (Esquema para estudiar) Apéndice I La Bauhaus 1.5.1 Estilo gráfico de la Bauhaus (Vídeo temático) 1.6 Gestalt (Esquema para estudiar) Apéndice II Teoría de la Gestalt 1.7 La historia del diseño mediante imagenes. (Vídeo temático). 1.8 Test control teórico Historia 1.9 Que es disenar 1.9.1 ¿Que es diseñar? (Esquema para estudiar) 1.9.2 Arte y diseño 1.9.2.1 Historia del diseño gráfico (Vídeo temátic... 1.9.3 Medios técnicos (Esquema para estudio) www.artesvisuales.com

1.9.4 El diseño (Esquema para estudiar) 1.9.5 El diseño y medios de comunicación (Esquema ... 1.9.6 Dos tipos de publicidad (Esquema para estudi... 1.9.7 El mensaje visual (Esquema para estudiar) 1.9.8 Comunicación gráfica (Esquema para estudiar) 1.10 Test control teórico Diseñar 2. Elementos fundamentales del diseño gráfico. 2.1 Contorno y recorrido visual. 2.2 Elementos básicos (Esquema para estudiar) 2.3 Contorno básico (Esquema para estudiar) 2.4 Dirección (Esquema para estudiar) 2.5 Escalas y texturas (Esquema para estudiar) 2.6 El color (Esquema para estudiar) 2.7 Test control teórico Elementos 3. Percepción 3.1 Lógica visual y percepción 3.2 Leyes de la percepción visual (Esquema para estudio) 3.3 La percepción según la Gestalt. (Vídeo temátic... 902 333020

Fundamentos del diseño

3.4 Test control teórico Percepción 4. Composición 4.1 Espacio y método 4.2 La composición. (Esquema para estudio). 4.3 Los elementos de composición. (Esquema para estudio). 4.4 Los elementos de la composición. (Esquema para estudio). 4.5 El equilibrio. (Esquema para estudio). 4.6 La tensión y el recorrido visual. (Esquema para estudio). 4.7 Text control teórico La Composición. 5. El Color. 5.1 Armonía 5.2 El color (Esquema para estudio). 5.3 El círculo cromático (Esquema para estudio). 5.3.1 Los colores primarios, secundarios o terciarios. (Vídeo temático). 5.4 Las tres dimensiones del color. (Esquema para ... 5.5 Grupo de colores. (Esquema para estudio). 5.6 La armonia y el contraste. (Esquema para estudio). 5.7 Escalas y gamas. (Esquema para estudio). 5.8 El color denotativo. (Esquema para estudio). 5.9 El color connotativo. (Esquema para estudio). 5.10 El color simbólico, esquemático, emblemático, señalético y convencional. (Esquema para estudio). 5.11 Test control teórico El Color.

www.artesvisuales.com

6. La tipografía. 6.1 La tipografía (Vídeo temático). 6.2 Ajuste de texto 6.3 Breve historia de la tipografía. (Esquema para estudio). 6.4 Breve historia de la tipografía. (Esquema para estudio). 6.5 Breve historia de la tipografía. (Esquema para estudio). 6.6 Los rasgos de la tipografía. (Esquema para estudio). 6.7 Anatomía del tipo. (Esquema para estudio). 6.8 Clasificación tipográfica. (Esquema para estudio). 6.9 Cuerpo tipográfico. (Esquema para estudio). 6.9.1 Contenido teórico extra Punto (ideas generales... 6.10 Conceptos tipográficos. (Esquema para estudio). 6.11 Test control teórico La tipografía. 7. Contenido teórico extra Conceptos (ideas gener... 7.1 Contenido teórico extra Espacios (ideas genera... 7.2 Contenido teórico extra Receptor (ideas genera... 7.3 Contenido teórico extra Formatos (ideas genera... 7.5 Contenido teórico extra gráficos (ideas gener... 7.6 Contenidos teóricos extra Gráficos (ideas gen... 7.7 Contenido teórico extra producto (ideas gener... 7.8 Problemas de diseño Final Test Fundamentos del Diseño

902 333020

Acrobat Descripción: Acrobat 9 Standard es ideal para las personas que crean y comparten documentos PDF pues cuenta con las capacidades necesarias para combinar varios archivos en un único PDF, crear de forma sencilla formularios PDF rellenables y aplicar funciones básicas de seguridad en los documentos.

Temario

Acrobat se ha convertido en un estandard de la publicación electrónica totalmente versátil de modo que podemos crear con él portfolios y carteras de documentos, formularios PDF interactivos, preimpresión, inclusión de elementos multimedia, adición de archivos originales, comentarios y revisiones en línea, optimización de documentos para todo tipo de soportes como impresoras, web, etc... de forma que para trabajar actualmente en la creación de páginas web conocer Acrobat se convierte en un elemento diferencial importante. Objetivos: Conseguir que el alumno sea capaz de trabajar con el formato pdf en sus distintas funciones: crear y compartir documentos, combinar contenidos, crear portfolios, proteger pdf, crear formularios, realizar revisiones etc... Asignaciones: La asignatura de Acrobat tiene una carga de 66 horas de las 44 son horas lectivas y 22 horas dedicadas a la realización de ejercicios por lo que confiere 3 créditos ECTS. Temas: Conversión o digitalización a PDF Exportación y edición de archivos PDF Combinación de archivos de varias aplicaciones Aumento de la productividad y coherencia de procesos Revisiones de documentos en línea agilizadas Recopilación de datos mediante formularios PDF rellenables Protección de documentos y archivos PDF Método de aprendizaje: Mediante explicaciones en vídeo, documentación en pdf, test y ejercicios. Idioma: Profesores: Default Professor, Isabel Novoa Martín Unidades: 132, Pruebas: 10 Contenido de la lección Ocultar todo / Mostrar todo 1. Entorno, asistentes y mediciones. 1.2 Entorno: vistas ampliar y reducir 1.3 Ventanas vista documentos 1.4 Asistentes visuales 1.5 Mediciones 2D 1.6 Preferencias, propiedades y mediciones 1.7 Organizador. 2. Imprimir PDF, cartera PDF, combinar. 2.1 Imprimir 2.2 Guardar ajustes 2.3 Acrobat explorer 2.4 Portapapeles y lotes 2.5 Acrobat Distiller 2.6 Acrobat Distiller II 2.7 Combinar cartera I www.artesvisuales.com

2.8 Combinar cartera II 2.9 Combinar 2.10 Insertar PDF en PDF 2.1 Ejercicio crear PDF 2.2 Ejercicio cartera PDF 2.3 Ejercicio combinar PDF 3. Elementos de página 3.1 Encabezados y pies 3.2 Fondos 3.3 Marcas de agua 3.5 Recortar páginas 3.6 Reorganizar, rotar, extraer ... 3.7 Copiar y reemplazar. 3.1 Ejercicio editar y reorganizar PDF 4. Guardar y exportar 4.1 Guardar 4.2 Exportar 4.3 Extraer y selección 902 333020

Acrobat

4.1 Anexo de Opciones de formatos 4.2 Ejercicio Guardar, extraer PDF 5. Colaboración y revisión PDF 5.1 Colaboración 5.2 Colaboración II 5.3 Revisiones compartidas 5.4 Revisiones compartidas II 5.5 Opciones barra revisiones 5.6 Rastreador 5.7 Rastreador preferencias 5.8 Herramientas comentarios. 5.9 Comentarios preferencias. 5.10 Panel comentario I. 5.11 Panel comentario II 5.12 Herramienta edición texto. 5.13 Herramienta sellar 5.14 Herramienta formas. 5.1 Ejercicio colaboración y revisión 6. Formularios PDF 6.1 Preferencias formularios 6.2 Campos formularios 6.3 Propiedades 6.4 Opciones texto. 6.5 Opción radio. 6.6 Acciones calculo y firma. 6.7 Código de barras I 6.8 Código de barras II 6.9 Propiedades botón I 6.10 Propiedades botón II 6.11 Propiedades botón III 6.12 Duplicar campos. 6.13 Orden tabulación. 6.14 Distribución y recopilación. 6.15 Cartera administrativa 6.16 6.1 Ejercicio formulario PDF 7. Seguridad, firmas y accesibilidad PDF 7.1 Seguridad en la firma 7.2 Proteger mediante contraseña. 7.3 Certificado de seguridad 7.4 Uso compartido de certificados 7.5 Administrar confianza 7.6 Normativas de seguridad en contraseñas 7.7 Sobre y seguridad 7.8 Trabajar con seguridad 7.9 ID Digital 7.10 Gestión ID Digital 7.11 Aspecto firma digital 7.12 Certificar PDF 7.13 Validación firma 7.14 Informe accesibilidad 7.15 Accesibilidad y lectura 7.16 Accesibilidad y etiquetas 7.17 Accesibilidad orden de lectura 7.18 Vinculos accesibles www.artesvisuales.com

7.19 Anexo de Opciones de formatos 7.20 Ejercicio de Accesibilidad PDF 8. Edición de PDF, búsquedas e indexación 8.1 Edición de miniaturas. 8.2 Marcadores 8.3 Marcadores y vínculos 8.4 Archivos adjuntos 8.5 Detinos y acciones 8.6 Vinculos páginas web convertidas 8.7 Herramienta artículo 8.8 Optimizador PDF 8.9 Edición de textos. 8.10 Editor de objetos 8.11 Configurar una presentación 8.12 Propiedades documentos 8.13 Capas I 8.14 Capas II 8.15 Capas III 8.16 Proceso por lotes 8.17 Busquedas simples 8.18 Creación de índices I 8.19 Creación índices II 8.20 Creación índices III 8.21 Creación índices IV 8.22 Ejercicio Edición e Indexación PDF 9. Color, impresión y herramientas. 9.1 Gestión del color 9.2 Gestión del color II 9.3 Gestión del color III 9.4 Impresión básica I 9.5 Impresión básica II 9.6 Impresión instantánea 9.7 Impresión paquete PDF 9.8 Administración color 9.9 Separaciones y reventado 9.10 PostScript y reventado. 9.11 Opciones de reventado 9.12 Reventado opciones II 9.13 Reventado tintas. 9.14 Previsualizar salida. 9.15 Previsualización salida II 9.16 Convertir colores 9.17 Convertir colores II 9.18 Marcas de recorte 9.19 Líneas acoplado. 9.20 Acoplado y optimizado 9.21 Trabajos JDF I 9.22 Contactos multimedia. 9.22 Contactos multimedia. 9.23 Envío y exportación 9.24 Comprobaciones 9.25 Preferencias comprobación 9.26 Comprobaciones reparación Final Proyecto Acrobat

902 333020

Fireworks CS4

Temario

Descripción: Adobe® Fireworks® es un programa versátil para crear, editar y optimizar gráficos Web. Permite crear y editar imágenes de mapa de bits y vectoriales, diseñar efectos Web, como rollovers y menús emergentes, recortar y optimizar elementos gráficos para reducir su tamaño de archivo y automatizar tareas repetitivas para ahorrar tiempo. Es posible exportar o guardar un documento como un archivo JPEG, un archivo GIF o un archivo de otro formato. Estos archivos pueden guardarse junto con archivos HTML que contengan tablas HTML y código JavaScript para facilitar su uso en Internet. Objetivos: Conseguir que el alumno se familiarice con Fireworks, que aprenda los parámetros de optimización web, y aplique los conocimientos derivados de Illustrator y Photoshop al diseño de interfaces. Así mismo que aprendan a combinar las herramientas vectoriales con las de mapas de bits, que conceptualicen el diseño pensando en diferentes medios de salido, y que ganen en productividad a la hora de diseñar gráficos para pantallas. Asignaciones: La carga lectiva de Fundamentos del Diseño es de 30 horas, de las 20 son de estudios y 10 de trabajos añadidos, en las que se trabaja con 71 unidades didácticas y 15 pruebas. Añade al currículo académico 1,3 ETCS. Método de aprendizaje: Con una evaluación basada en ejercicios y proyecto final, el enfoque de la asignatura es exclusiva y fundamentalmente práctico. Idioma: Profesores: Default Professor, Isabel Novoa Martín Unidades: 11, Pruebas: 15 Contenido de la lección Ocultar todo / Mostrar todo Introducción. 1. Espacio de trabajo. 2. Trabajando con gráficos 3. Herramientas de bitmap 3.1 Ejercicio herramientas bitmap 3.2 Ejercicio escala 3.3 Ejercicio selección 3.4 Ejercicio de pintura 3.5 Ejercicio desenfoque y exposición 3.6 Ejercicio de máscaras 4. Exposición 5. Herramientas vectoriales 5.1 Ejercicio creación formas vectoria-

www.artesvisuales.com

les 5.2 Ejercicio de dibujo con pluma 5.3 Ejercicio formas e imágenes 6. Texto 6.1 Ejercicio texto 6.2 Ejercicio texto y trayectorías 7. Símbolos 7.1 Ejercicio de símbolos 8. Gráficos web 8.1 Ejercicio de exportación 8.2 Ejercicio divisiones y zonas interactivas 9. Prototipos 10. Integración workflow Final Proyecto Fireworks CS4

902 333020

Fireworks CS4 prototipos web. Descripción: Los prototipos son fundamentales a la hora de diseñar un sitio web, facilitan el proceso de creación del interface, reducen su coste de diseño, y aumentan la productividad del diseñador. Los prototipos se realizan con medios gráficos esbozados aunque nos sirvan para determinar elementos del interface: imágenes, textos, vídeos, menús de navegación, etc... y puedan y deban estar dotados de interactividad.

Temario

De este modo suponen una especificación creativa y de usabilidad de modo que el proceso de desarrollo posterior se simplifica mejorando la planificación de desarrollo del sitio. Con Fireworks podemos trabajar los prototipos a distitntos niveles, desde los simples esbozos que apenas sirven para conceptualizar la idea, hasta un nivel muy detallado con interactividad incluida que permita al cliente hacerse una idea muy precisa del diseño visual de su sitio, la experiencia de navegación que va a proporcionar, así como la interactiviad del mismo. Además podemos compartir los prototipos, con el objeto de trabajar sobre ellos hasta tener el diseño final, mediante distintos formatos como pdf o jpg, y utilizando medios como el correo electrónico, o la solución de colaboración online Adobe Connect. Objetivos: Dotar al alumno del conocimiento de las ventajas que Fireworks y otras herramientas ofrecen para la creación de prototipos web, así como las principales diferencias respecto a Photoshop. Método de aprendizaje: Mediante explicaciones en vídeo el profesor desarrolla las principales funciones de Fireworks para la creación de prototipos. Idioma: Profesores: Default Professor, Isabel Novoa Martín Unidades: 11 Contenido de la lección 1. Fireworks vs Photoshop 2. Trabajar con vectores 3. Trabajar con la rejilla 4. Degradados 5. Páginas 6. Páginas maestras

www.artesvisuales.com

7. Compartir capas 8. Compartir capas II 9. Estilos 10. Estilos 11. Abrir con Photoshop

902 333020

Usabilidad Descripción: La Arquitectura Web, al igual que la arquitectura tradicional, debe ocuparse de planear o planificar, diseñar y construir, solo que en este caso nos ocuparemos de los espacios Web y la correcta articulación de la comunicación digital.

Temario

Por otra parte, en cuanto a la usabilidad, existen dos definiciones formales para la Usabilidad descritas, desde dos puntos de vista, por la Organización Internacional para la Estandarización (ISO): - ISO/IEC 9126: “La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso” - ISO/IEC 9241: ”Usabilidad es la eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico”. - El Nielsen Norman Group se dedica a la consultoría de usabilidad y creación de informes de experiencia de usuario. Jakob Nielsen, considerado el gurú de la usabilidad, la definió como el atributo de calidad que mide lo fáciles de usar que son las interfaces web. Es decir, un sitio web usable es aquél en el que los usuarios pueden interactuar de la forma más fácil, cómoda, segura e inteligentemente posible. Con respecto a la Accesibilidad, se trata de un término adyacente al de usabilidad y se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Objetivos: Que el alumno tenga los conocimientos previos necesarios para aplicar los conceptos de usabilidad y accesibilidad en el desarrollo web. Asignaciones: La carga lectiva de Fundamentos del Diseño es de 30 horas, de las 20 son de estudios y 10 de trabajos añadidos, en las que se trabaja con 7 unidades didácticas y 1 prueba. Añade al currículo académico 1,3 ETCS. Método de aprendizaje: Basado en la lectura y comprensión de los conceptos fundamentales de usabilidad y accesibilidad, con un proyecto final donde se ponen en práctica lo aprendido. Idioma: Profesores: Default Professor, Isabel Novoa Martín, Rodrigo García Solis Unidades: 7, Pruebas: 1 Contenido de la lección Indice Arquitectura Web, usabilidad y accesibilidad 1. Introducción a la arquitectura, usabilidad y ac... 2. La usabilidad y el usuario.

www.artesvisuales.com

3. Arquitectura web. Diseño de Navegación. 4. El diseño web. 5. El diseño Web. Bibliografía del temario. Proyecto final Usabilidad

902 333020

XHTML Descripción: HTML es el acrónimo inglés de HyperText Markup Language, que se traduce al español como Lenguaje de Etiquetas de Hipertexto. Una definición simple de HTML indica que es el lenguaje que se utiliza para la creación de páginas web.

Temario

En la creación de páginas web se encuentran dos partes diferenciadas, de un lado los desarrolladores de las páginas y, por otro, los usuarios de dichas web. Los primeros hacen uso de editores de HTML para generar las páginas basadas en dicho lenguaje, en cambio, los consumidores se sirven de los navegadores. Estos navegadores son programas destinados a interpretar el código y mostrar al usuario final la página de forma gráfica y estructurada. Objetivos: Que el alumno esté en condiciones de entender, modificar y escribir, el código html, de modo que pueda acometer la creación de páginas web. Asignaciones: El número aconsejadas para la realización de la asignatura es de 36, de las cuales 24 serán horas lectivas y 12 horas adicionales de trabajo. La asignatura aportará 2 créditos ECTS al programa en el que se inscriba. Método de aprendizaje: Mediante explicaciones teóricas en pdf, y prácticas realizadas en vídeo, test y ejercicios. Idioma: Profesores: Default Professor, Isabel Novoa Martín, Rodrigo García Solis Unidades: 37, Pruebas: 13 Contenido de la lección Ocultar todo / Mostrar todo 1. HTML I Básico 1.1 Estructura Test bases del html 1.2 Sintaxis Test Sintaxis html 1.3 Atributos Test atributos html 1.4 Conceptos básicos 1.5 Conceptos básicos 2. HTML II Elementos 2.1 Cabeceras 2.2 Párrafos 2.3 Líneas horizontales 2.4 Comentarios 2.5 Salto de línea 2.6 Formato de texto 2.7 Atributos estilo 2.8 Link 2.9 Imágenes 2.10 Background 2.11 Flotar 2.12 Sizes 2.13 Botón Test elementos

www.artesvisuales.com

3. HTML II Medio 3.1 Tablas 3.2 Tablas complejas Test tablas 3.3 Ejercicio de tablas 4. Listas 4.1 Listas Test listas 4.2 Ejercicio newsletter 5. Formularios 5.1 Formularios 5.2 Envío formulario. Test formulario 6. Color 6.1 Color Test color 6.2 Colores por nombre 6.3 Web safe color 6.4 Colores hexadecimales 7. HTML IV Avanzado 8. Frames 8.1 Frameset Test frames 8.2 Ejercicio frames Anexo I. Libro HTML Final: Proyecto XHTML

902 333020

CSS Descripción: CSS es “Un lenguaje de etiqueta estructurado que define el aspecto visual de una página web y sus distintos elementos: tamaño, posición, tipografía, color, etc... con la finalidad de separar el continente y el contenido, y que funciona de forma conjunta y armónica con el HTML, XHTML o XML”.

Temario

Objetivos: Que el alumno sea capaz de trasladar su nivel de diseño gráfico al diseño web mediante la correcta comprensión y utilización de este lenguaje. Que se familiarice con la utilización del código como elemento de creación gráfica. Temas: Dividimos la asignatura en 4 áreas en función de complejidad: básico, estilos, cajas, avanzado. Mediante el estudio de los mismo y la realización de los ejercicios, el alumno debe entender la sintaxis del lenguaje, su lógica y las técnicas de composición. Método de aprendizaje: Mediante documentación escrita, test y ejercicios. Idioma: Profesores: Default Professor, Isabel Novoa Martín, Rodrigo García Solis Unidades: 30, Pruebas: 26 Contenido de la lección Ocultar todo / Mostrar todo Indice 1. CSS básico 1.1 Sintaxis Test Sintaxis 1.2 ID y Class Test id y class 1.3 CSS en html Test CSS en html 2. Estilos 2.1 Background Test Background 2.2 Texto Test texto Ejercicio formateo Ejercicio color I 2.3 Fuentes en CSS Ejercicio texto 2.4 Links Test listas y links 2.5 Listas 2.6 Tablas Test tablas Ejercicio color II 3. Cajas 3.1 Cajas en CSS Test Cajas Ejercicio bordes 3.2 Margin

www.artesvisuales.com

Ejercicio margen y relleno 3.3 Padding Test margin y padding 4. Avanzado 4.1 Grouping Test agrupación y anidación 4.2 Dimension Test dimensión 4.3 Display Test display y visibility 4.4 Positioning Test positioning 4.5 Float Test float Ejercicio float 4.6 Align Test align 4.7 Pseudo class Test pseudo class 4.8 Barranav Ejercicio link 4.9 Imágenes 4.10 Media types Anexo CSS Anexo I. Introducción CSS Anexo II. CSS avanzado Ejercicio Final CSS Final Proyecto CSS

902 333020

Dreamweaver CS5

Temario

Descripción: Dreamweaver se ha convertido en un estándard en la creación de páginas web, sus avanzadas capacidades de edición en diseño y codificación lo convierten en una herramienta imprescindible para un diseñador de páginas web. Permite a los diseñadores y desarrolladores crear con total confianza sitios web basados en estándares. Permite diseñar con herramientas de inspección de CSS, desarrollar en los principales lenguajes de programación como PHP y realizar pruebas rápidas y precisas de compatibilidad de navegadores. Objetivos: Que el alumno conozca en profundidad esta herramienta de modo que esté en condiciones de diseñar páginas web visualmente atractivas. Asignaciones: La carga lectiva de Dreamweaver es de 126 horas, de las 84 son de estudios y 42 de trabajos añadidos, en las que se trabaja con 7 unidades didácticas y 1 prueba. Añade al currículo académico 5,3 ETCS. Temas: Entorno de trabajo. 2. Crear sitio 3. Estilos CSS, div y elementos 4. Imágenes y objetos de imagen 5. Diseño con tablas y marcos. 6. Elementos de diseño. Widget 7. Plantillas. Incontext Editing 8. Integrar archivos multimedia 9. Desarrollo de formularios 10. Comportamientos Javascript 11. Administrar sitios. Device central. Método de aprendizaje: Explicaciones mediante vídeos, ejercicios y proyecto final. Profesores: Default Professor, Isabel Novoa Martín Unidades: 97, Pruebas: 16 Contenido de la lección Ocultar todo / Mostrar todo Anexo I. Novedades de Dreamweaver CS5 1. Interface 1.1 Ventanas 1.2 Barra de código 1.3 Ventana Insertar 1.4 Herramientas estándard 1.5 Editor de etiquetas 1.6 Activos fragmentos 2. Configurar sitio 2.1 Nuevo documento. 2.2 Propiedades de página 2.3 Propiedades de página II 2.4 Proceso de trabajo 2.5 Ayudas de diseño 2.6 Menú ver 2.7 Vista y código en vivo. 2.8 Etiquetas metas 2.9 Modos Tablas 2.10 Final panel ver 2.11 Tipos de rutas www.artesvisuales.com

2.12 Vínculos 2.13 Ejercicio creación de vínculos 3. Estilos CSS, div y elementos 3.1 Intro y primer estilo 3.2 Ejercicio creación de estilos básicos 3.3 Estilo etiquetas y div 3.4 Estructura básica 3.5 Panel de estilos 3.6 Reglas compuestas y anidadas. 3.7 Panel de reglas CSS 3.8 Ejercicio incorporar elementos 3.9 Ejemplo maquetación. 3.10 Ejemplo maquetación II 3.11 Ejercicio página mediante div pa, tablas. 3.12 Insertar texto. 3.13 Ejercicio insertar texto. 3.14 Margin, padding, border. 3.15 Isertar imágenes 3.16 Estilos e imágenes 3.17 Hoja de estilos, media print, muetra 4. Imágenes y objetos de imagen 902 333020

Dreamweaver CS5

4.1 Utilización de gráficos en las páginas web 4.2 Ejercicio trabajo con imágenes 4.3 Inspector de propiedades 4.4 Edición y redimensión 4.5 Importar PSD 5. Diseño con tablas y marcos. 5.1 Insertar tabla 5.2 Propiedades de las tablas 5.3 Propiedades de celdas y filas 5.4 Importar y exportar tablas 5.5 Crear frames 5.6 Modificar frames 5.7 Propiedades de frames 5.8 iFrames 5.9 Ejercicio contrucción mediante tablas 5.10 Creación conjunto de marcos 6. Elementos de diseño. Widget 6.1 Insertar barra de menús 6.2 Desactivar estilos 6.3 Personalizar barra de menús 6.4 Paneles de fichas 6.5 Paneles de acordeon 6.6 Panel que se contrae 6.7 Ejercicio elementos de Spry 7. Plantillas. Incontext Editing 7.1 Crear y abrir plantillas 7.2 Objetos de plantilla 7.3 Trabajo con plantillas 7.4 Región opcional y atributos 7.5 Plantillas anidadas 7.6 Incontext editing 7.7 Ejercicio plantillas, activos y bibliotecas 8. Integrar archivos multimedia 8.1 Insertar swf. 8.2 Inspector propiedades swf 8.3 Insertar FLV y audio 8.4 Ejercicio elementos multimedia

www.artesvisuales.com

9. Formularios 9.1 Insertar formulario 9.2 Text area y checkbox 9.3 Botón radio y lista. 9.4 Menú salto 9.5 Botón etiqueta 9.6 Campo de validación 9.7 Validación Spry 9.8 Checkbox validación 9.9 Lista validación 9.10 Validación contraseña 9.11 Confirmación validación 9.12 Grupo opción validación 9.13 Comportamientos 9.14 Ejercicio realización de formularios 10. Comportamientos Javascript 10.1 Introducción comportamientos 10.2 Ventana comportamiento 10.3 Comportamiento de texto 10.4 Abrir ventana y otros 10.5 Comprobar plugin. 10.6 Definir texto y otros. 10.7 Menú de salto 10.8 Agitar, desvanecer, y otros. 10.9 Deslizar y persianas. 10.10 Ejercicio aplicación de comportamientos 11. Administrar sitios. Device central. 11.1 Configurar un sitio. 11.2 Panel archivos y preferencias 11.3 Proteger archivos 11.4 Buscar y reemplazar 11.5 Verificación 11.6 Informes 12. Proyecto final Dreamweaver CS5 Anexo II - Doc Oficial Dreamweaver CS5

902 333020

PHP y MySQL

Temario

Descripción: Este curso ha sido diseñado para acercarte al desarrollo de páginas webs dinámicas, es decir aquellas que intercambian información con bases de datos, lo que nos permite incorporar formularios interactivos, búsqueda completa de palabras y otras características dinámicas. A lo largo de las unidades que integran el curso haremos un recorrido completo por el lenguaje de programación PHP desde una introducción teórica hasta la realización de completas páginas webs dinámicas, además de realizar un estudio paralelo del lenguaje SQL para trabajar con bases de datos lo que aportara una gran potencia a nuestro sitio web. Todo ello irá complementado con tutoriales de ejemplo así como de laboratorios para que puedas trabajar bien todos estos conceptos. Objetivos: Tras completar este curso tú deberías de ser capaz de: 1. Adquirir unos conceptos generales de PHP. 2. Ser capaz de realizar y comprender código en PHP. 3. Conocer y dominar las herramientas que proporciona el lenguaje PHP. 4. Conocer y manejar funciones en PHP. 5. Trabajar con tipos de datos simples y complejos proporcionados por el lenguaje o creados por el usuario. 6. Trabajar de forma correcta con ficheros y directorios, así como realizar las operaciones básicas de entrada y salida de datos. 7. Entender los conceptos de cookies saber como se usan y para qué. 8. Saber qué son las sesiones de usuarios y saber como se usan y para qué. 9. Conocer la Arquitectura de una Base de Datos. 10. Adquirir unos conceptos generales de SQL. 11. Trabajar con una Base de Datos MySQL desde PHP. 12. Comprender cómo incorporar nuevos conceptos y herramientas a PHP. 13. Crear documentos PDF utilizando el lenguaje de programación PHP. 14. Realizar una página web completa en PHP y MySQL. Asignaciones: MySQL y PHP tiene una carga lectiva de 114 horas, de las que 76 son lectivas y 38 dedicadas a la realización de ejercicios, por lo que confiere 5 ECTS. Método de aprendizaje: Mediante vídeos, documentación en pdf, test, ejercicios, y proyecto final. Idioma: Profesores: Default Professor, Isabel Novoa Martín, Rodrigo García Solis Unidades: 48, Pruebas: 6 Contenido de la lección Ocultar todo / Mostrar todo 1. Comportamientos de servidor de Dreamweaver 1.1 Crear una base de datos en Plesk 1.2 Crear tablas 1.3 Configurar el sitio 1.4 Crear una conexión a base de datos 1.5 Juego de registros avanzados 1.6 Diseño páginas dinámicas 1.7 Panel PHP 1.8 Estilo a los registros 1.9 Navegación por juego de registros 1.10 Tablas dinámicas www.artesvisuales.com

1.11 Formularios 1.12 Formulario dinámico 1.13 Buscar 1.14 Insertar 1.15 Modificar 1.16 Autorizar 2. Fundamentos 2.1 Introducción 2.2 Que es PHP 2.2.1 Test que es PHP 2.3 Xampp 2.3.1 Test Xampp 3. Bases de datos 3.1 Test bases de datos 902 333020

PHP y MySQL

4. PHP MyAdmin 4.1 Test PHP MyAdmin 5. Lenguaje SQL 5.1 Consultas básicas 5.2 Consultas avanzadas 5.3 Funciones SQL 5.4 Ejercicio SQL 6. PHP con MySQL Anexo - Materiales 6.1 Connect 6.2 Connect con Dreamweaver 6.3 phpinfo 6.4 Variables 6.5 Números en PHP 6.6 Tipos de variables 6.7 Arrays 7. Control del Flujo 7.1 if else 7.2 While 8. Funciones 8.1 Funciones 9. Páginas web 9.1 Valores url 9.2 Cookies 9.3 Variable de sesión 9.4 Headers. 10. Proyecto 10.1 Previsualización 10.2 Proyecto material de inicio

www.artesvisuales.com

902 333020

WordPress

Temario

Descripción: WordPress es un sistema de gestión de contenido enfocado a la creación de blogs (sitios web periódicamente actualizados). Desarrollado en PHP y MySQL, bajo licencia GPL y código modificable. En la actualidad se ha convertido en un CMS global que no solo se utiliza para la creación de blog, en donde lidera, si no para la realización de todo tipo de websites, galerías, web corporativas, ecomerce, foros, etc... Su gran versatilidad y adaptabilidad, la limpieza de su código, la implementación del SEO, la comunidad de usuarios y desarrolladores, y un largo etc... hacen muy recomendable conocer bien esta plataforma. Objetivos: Que el alumno sea capaz de instalar, personalizar, gestionar y optimizar un sitio web mediante wordpress. Asignaciones: La carga lectiva de WordPress es de 30 horas, de las 20 son de estudios y 10 de trabajos añadidos, en las que se trabaja con 7 unidades didácticas y 1 prueba. Añade al currículo académico 1,3 ETCS. Otra información: El alumno dispone de un área de publicación en un servidor web para realizar sus prueba, así mismo tiene a su disposición un google code donde recuperar todo el código visto en la asignatura. Método de aprendizaje: Mediante vídeos, documentación en pdf, test, ejercicios, y proyecto final. Idioma: Profesores: Default Professor, Isabel Novoa Martín, Rodrigo García Solis Unidades: 22, Pruebas: 11 Contenido de la lección Ocultar todo / Mostrar todo Anexo I - Instalar XAMPP en Macosx 1. Empezando con WordPress 1.1 Instala Wordpress en el servidor 2. Plugin 2.1 Habilita el tracking con Analytics 2.2 Crea tu sitemap y envíame el enlace 2.3 Activa la versión iPhone del sitio 2.4 Crea tu RSS en Feedburner y envíame la url 3. Plantillas 3.1 Selecciona una plantilla nueva para tu web 4. Escribir post 4.1 Personaliza la plantilla mediante Widgets 4.2 Crea categorías y tag para el sitio 4.3 Escribe tu primer artículo

www.artesvisuales.com

5. Creación de plantillas Anexo: Code Starterkit 5.1 ¿Que son los estándares? 5.2 Estructura HTML. 5.3 Plantilla y estructura 5.4 Header.php 5.5 footer.php 5.6 index.php 5.7 single.php 5.8 attachment.php 5.9 comments.php 5.10 404.php 5.11 archive.php 5.12 search.php 5.13 sidebar.php 5.14 Explicación visual 5.15 Personaliza la plantilla del sitio 6. SEO y wordpress Final WordPress

902 333020

AdWords Descripción: AdWords es el sistema de publicidad online de Google. Basado en el pago por clik, lo que equivale a pagar por resultados, se ha convertido en la plataforma estándard de la publicidad en internet a mucha distancia de sus hipotéticos competidores.

Temario

El control de los presupuestos publicitarios, la sencillez en la creación de anuncios siendo los anuncios basados en palabras claves los más importantes, la segmentación de las campañas, la integración con herramientas de análisis web, la variedad de soportes web, o el enorme tráfico cualificado que puede generar, entre otros muchos factores, han hecho de esta herramienta un útil imprescindible en la actividad de un webmaster profesional, un publicitarios de nuevos medios, o un diseñador que trabaje para internet. Objetivos: Pretendemos que el alumno conozca los fundamentos de esta herramienta de modo que esté en condiciones de crear una cuenta, diseñar las campañas y los anuncios, seleccionar soportes y segmentaciones, hacer un seguimiento, y optimizar el proceso para mejorar los ratios de conversión. Asignaciones: La carga lectiva de AdWords es de 30 horas, de las 20 son de estudios y 10 de trabajos añadidos, en las que se trabaja con 7 unidades didácticas y 1 prueba. Añade al currículo académico 1,3 ETCS. Método de aprendizaje: Mediante vídeos, documentación en pdf, test, ejercicios, y proyecto final. Idioma: Profesores: Default Professor, Isabel Novoa Martín Unidades: 39, Pruebas: 1 Contenido de la lección Ocultar todo / Mostrar todo Comienzo rápido Tipos de anuncios Clik no válidos Optimización Incremento conversiones Terminos de optimización Nueva interfaz 1.1 Cuentas 1.2 Publicidad OnLine 1.3 Crear una cuenta 1.4 Página principal 1.5 Campañas publicitarias 1.6 Oportunidades 1.7 Facturación 2.1 Anuncios 2.2 Orientación 2.3 Anuncios de texto. 2.4 Palabras claves 2.5 CPC 2.6 Nivel de calidad

www.artesvisuales.com

2.7 Anuncios 2.8 Anuncios efectivos 2.9 Mejorar la calidad 2.10 Red de contenido 2.11 Optimar red contenido 2.12 Extensiones de Ubicación 3.1 Supervisión 3.2 Analytics 3.3 Seguimiento de conversiones 3.4 Seguimiento de conversiones anexo 3.5 Seguimiento y presupuesto 3.5 Configurar objetivos 3.6 Informes 4.1 Optimizar 4.2 Incremento de conversiones 4.3 Oportunidades 4.5 Consejos crear anuncios 4.6 Sugerencias optimización 4.4 Optimizar con Analytics 5. Final Test AdWords

902 333020