10.07.2015 Views

Curso Diseño Gráfico Web - Instituto Artes Visuales

Curso Diseño Gráfico Web - Instituto Artes Visuales

Curso Diseño Gráfico Web - Instituto Artes Visuales

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Preguntas más frecuentes¿Por qué diseño web basado en estándares?Porque dentro del ámbito de creaciónweb es lo más cercano al diseño gráfico.En la medida de lo posible intentamoscentrar la actividad de creaciónweb al diseño. No siempre es posible.¿Cuantas horas debo trabajar a diario?Esto depende del rendimiento del alumnopero consideramos que 10 horassemanales es una cantidad ra zonable.<strong>Curso</strong> Diseño Gráfico <strong>Web</strong>Descripción: El <strong>Curso</strong> Diseño Gráfico <strong>Web</strong> es una formaciónprivada de especialización pensada para todos aquellos quequieran conocer profesionalmente el ámbito del diseño depáginas web basadas en estándares, junto con las herramientasprofesionales y los conceptos teóricos que todo diseñadordebe dominar.El conocimiento del software y de los principios generales serealiza mediante una metodología teórico-práctica, avanzandomediante la puesta en práctica de ejercicios, de la teoríapreviamente impartida.Objetivos: El alumno del <strong>Curso</strong> Diseño Gráfico <strong>Web</strong> al incorporarsea la actividad laboral no precisa de la adaptacióntécnica porque ya está entrenado en este proceso, conocelas últimas herramientas del software y tiene los fundamentosteóricos necesarios para desarrollar cualquier tarea que se leencomiende. El principal objetivo del <strong>Curso</strong> Diseño Gráfico<strong>Web</strong> es dotar al alumno de los conocimientos necesarios paraacometer el diseño de websites corporativas. Así al conocimientoprofundo de las herramientas de software, se une unbagaje importante en los conceptos y aplicaciones del sector.Otra información: Este enfoque hace del <strong>Curso</strong> Diseño Gráfico<strong>Web</strong> el plan de estudio específico para diplomados,licenciados, o profesionales en activo, interesados en adquirirconocimientos profesionales de diseño web.Método de aprendizaje: Integramente online a través de uncampus virtual. Teórico práctico con abundantes ejercicios,test y proyectos.¿Entregan el software con el Master?Se entrega como material académicoCS5 Master Collection siempre que elpago se realice mediante trasferencia.El contenido del pdf no es el mismo dela web. ¿Cual es el válido?Siempre es válido el contenido de laweb. Lamentablemente no siemprepodemos tener toda la documentaciónactualizada.¿Que material recibo en casa?Las notas técnicas de su plan de estudios,una tableta Wacom, y dependiendode la forma de pago el software oiPod Touch.¿Debo desplazarme hasta el IAV pararealizar alguna prueba o examen?No. Todo el programa de formación serealiza íntegramente a través de internet.Puede realizar cualquier otra preguntaen:http://www.formspring.me/artesvisualesPuede contactar con nosotros:www.artesvisuales.com902 233020webmaster@artesvisuales.comisabel@artesvisuales.comwww.artesvisuales.com 902 333020


Información para el curso “<strong>Curso</strong> Diseño Gráfico <strong>Web</strong> CS5”Descripción: El Master en Diseño <strong>Web</strong> es una formación privada de postgradopensada para todos aquellos que quieran conocer profesionalmente el ámbitodel diseño de páginas web basadas en estándares, junto con las herramientasprofesionales y los conceptos teóricos que todo diseñador debe dominar.El Master en Diseño <strong>Web</strong> es un Programa Privado de Postgrado de especializacióneminentemente práctico que versa sobre áreas de diseño web: Photoshop,Flickr, Illustrator, Fundamentos del diseño, Acrobat, Fireworks, creaciónde 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 medianteuna metodología teórico-práctica, avanzando mediante la puesta en prácticade ejercicios, de la teoría previamente impartida.Objetivos: Objetivos: El alumno del Master en Diseño <strong>Web</strong> al incorporarse ala actividad laboral no precisa de la adaptación técnica porque ya está entrenadoen este proceso, conoce las últimas herramientas del software y tienelos fundamentos teóricos necesarios para desarrollar cualquier tarea que se leencomiende. El principal objetivo del Master Diseño <strong>Web</strong> es dotar al alumnode los conocimientos necesarios para acometer el diseño de websites corporativas.Así al conocimiento profundo de las herramientas de software, se uneun bagaje importante en los conceptos y aplicaciones del sector.Otra información: Este enfoque hace del Master Diseño <strong>Web</strong> el plan de estudioespecífico para diplomados, licenciados, o profesionales en activo, interesadosen adquirir conocimientos profesionales de diseño web.Método de aprendizaje: Teórico práctico con abundantes ejercicios, test yproyectos.Idioma:Lecciones del curso: Flickr, Illustrator CS5, Photoshop CS5, Fundamentos delDiseño, Acrobat CS4, Fireworks CS4, Fireworks CS4 Prototipos web, Fundamentosweb, Usabilidad, XHTML, CSS, Dreamweaver CS5, MySQL y PHP,WordPress, AdWords, Proyecto <strong>Web</strong>.www.artesvisuales.com 902 333020


FlickrDescripció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é asociadoa la exposición fotográfica, sus capacidades y contenidos van mucho másallá, alojando todo tipo de gráficos: ilustraciones, infografía, fotografías, 3D,etc... y haciéndolo con optimizaciones específicas.TemarioVamos a trabajar con Flickr a lo largo de todo el proceso formativo, será unasde 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 conFlickr, 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 mejorque puedes ofrecer: tu mismo. Por lo tanto te acabas de convertir en unamarca, has nacido como marca.Tu acceso al mercado laboral irá de la mano de un concepto “tu reputaciónprofesional” 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. Paraayudarte tienes a los distintos profesores en todas las materias y una asignaturaespecí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 deestudio, y un valor de 0,8 ETCS.Método de aprendizaje: Explicaciones en vídeo y ejercicios.Idioma:Profesores: Default Professor, Isabel Novoa MartínUnidades: 5, Pruebas: 6Contenido de la lección1.1 Inicio en Flickr1.2 Ejercicio crear una cuenta en Flickr.2.1 Cargar contenido.2.2 Ejercicio sube imágenes a Flickr.3.0 Editar imágenes4.0 Photostream4.1 Ejercicio sube y organiza tus fotos5.0 Grupos y promoción5.1 Ejercicio módulo de promoción5.2 Ejercicio asóciate a nuestro grupo y envía tus imágenesFinal Flickrwww.artesvisuales.com 902 333020


Illustrator CS5Descripción: Adobe Illustrator CS5 es un completo entorno gráfico de vectoresque incluye nuevas transparencias de degradados y varias mesas detrabajo que le invitan a explorar modos más eficaces de diseño.Desde la desaparición de hecho de Freehand, Illustrator ha ido adquiriendocada vez más importancia convirtiéndose en una referencia en el diseño vectorialdebido a su gran potencia y versatilidad.TemarioDibujo con perspectiva, mallas de degradados, transparencias, pinceles decerdas, trabajo con tipografía y textos ultra nítidos, mejoras en el dibujo,creación para dispositivos móviles, etc... hacen de Illustrator una herramientaimprescindible dentro de los conocimientos de cualquier diseñador.Objetivos: El objetivo fundamental es que el alumno aprenda a manejar consoltura y profundidad el dibujo vectorial enfocado a los proyectos de diseñográfico, web y motion.Asignaciones: La carga lectiva de Illustrator es de 96 horas, 64 de aprendizajey 32 de prácticas, en las que se trabajan con 122 unidades académicas y 12pruebas, 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: 12Contenido de la lecciónOcultar todo / Mostrar todo1. Bienvenida Illustrator CS51.1 Interface1.2 Asignar valores1.3 VIsibilidad1.4 Ajustar1.5 Resaltar1.6 Avanzado1.7 mesa1.8 redimensionar1.9 generales1.10 azulejos2. Trazados2.1 Pluma vectorial2.2 Opciones de pluma2.3 Anclaje2.4 trazar curvada2.5 Trazos correctos2.6 Arco2.7 Añadir2.8 poligonales2.9 Destello2.10 Lazo2.11 Modos de dibujo2.12 Guías2.13 Cuadrícula2.14 Construir objetos2.15 Flecha2.15 Tijeras2.16 escala2.17 Promediar2.18 Desplazamientos2.19 Plantilla2.20 Capas2.21 Opciones de capa2.22 Apariencia capa2.23 Localizar2.24 Ejercicios Objetos3. Pinceles y malla de degradado3.1 Pincel caligrafico3.2 Pincel de dispersión3.3 Dejar trazos3.4 Pincel de arte3.5 Pincel de motivo3.6 Pincel de cerda3.7 Biblioteca de pinceles3.8 Pincel manchas3.9 Anchura3.10 Malla de degradado3.11 Ejercicio Pincel3.12 Ejercicio manchas3.13 Ejercicio malla4. Degradados y fusiones4.1 Fusión4.2 Ejercicio degradado5. Atributos, estílos gráficos, apariencia.5.1 Estilos gráficoswww.artesvisuales.com 902 333020


Illustrator CS56. Símbolos6.1 Cambira símbolos6.2 Operaciones con símbolos6.3 Operaciones símbolos6.4 Operaciones simbolos6.5 Reemplazar símbolos6.6 Ejercicio símbolos7. Texto y párrafos7.1 Texto y trazo7.2 Caracter7.3 Texto de área7.4 Párrafo7.5 Tabuladores7.6 Otras operaciones7.7 Opentype7.8 Envolvente7.8 Objeto superior7.9 Texto trazado7.10 Ejercicio caligrama8. Marcas de recorte y relleno de motivo.8.1 Interactiva8.2 Corrección de zonas8.3 Casos en pintura8.4 Calco interactivo8.5 Relleno de motivo8.6 Ejercicio flyer9. Buscatrazos. Máscara de recorte.Creador de formas.9.1 Buscatrazos9.2 Contornear texto9.3 Creador de formas9.4 Máscara de recorte9.5 Máscara de opacidad9.6 Trazado compuesto10. Gráficas10.1 Opciones de gráficas10.2 Gráfica de tarta11. Distorsiones. Modos de fusión.Transformaciones y otras operaciones.11.1 Reflejar11.2 Escala11.3 Distorsión11.4 Reformar11.5 deformar11.6 Deformaciones11.7 Deformar texto11.8 Distorsionar11.9 Alinear11.10 Transparencia11.11 Desde apariencia11.12 Resaltado11.13 Agrupamiento11.14 Envolvente11.15 Zig-zag12. Objeto 3D. Creación de perspectiva.12.1 3D Girar12.2 Mapear12.3 Perspectiva12.4 Definir perspectiva12.5 Armado12.6 Ejercicio 3Drevolution12.7 Ejercicio perspectiva13. Color13.1 Conversión a tinta plana, etc...16. Test ILLUSTRATOR CS517. Proyecto IllustratorCS5www.artesvisuales.com 902 333020


Photoshop CS5TemarioDescripción: Adobe Photoshop CS5 es la principal aplicación cuya funciónprincipal es el control sobre la imagen. La función principal de esta asignaturaes formar al alumno para que éste cuente con la capacidad de retocarimágenes, prepararlas para la <strong>Web</strong>, hacer uso de selecciones complejas y unsin fin de operaciones todas ellas en función de la imagen. No se requierenactividades previas para el comienzo de Adobe Photoshop. Así supone elnúcleo central íntegramente relacionado con el resto de asignaturas. Podrágestionar Photoshop para trabajar junto programas vectoriales, programas demaquetación, de animación, de 3D. Una aplicación muy completa en todassus áreas.Objetivos: El objetivo de esta asignatura es conseguir que el alumno dispongade los conocimientos suficientes, no sólo para saber utilizar las herramientasdel 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 deanimación, etc... y el resto de los conceptos fundamentales para conocer laaplicación.Asignaciones: Photoshop tiene una carga lectiva de 162 horas donde se desglosan207 unidades de conocimiento y 38 pruebas, aportando del curriculum6,8 ETCS.Temas: El desarrollo del curso se basa principalmente en explicacionesteóricas y prácticas. Los estudiantes deben prestar atención especial en lasexplicaciones diarias basándose principalmente en conceptos teóricos parallevarlos 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 dificultades mayor, pero con las explicaciones y prácticas guiadas paso a paso, elalumno no tendrá problema alguno.Otra información: Como guía de este curso, además de contar con la presenciadel profesor diariamente, el alumno dispone de documentos con explicacionesteóricas, explicaciones visuales además de la realización de ejerciciosguiados y por supuesto cientos de enlaces relacionados con Adobe Photoshop.La experiencia en estas áreas hace que el alumno obtenga una preparaciónavanzada. El aula en la que alumno estudia, dispone de un proyector paravisualizar las explicaciones teóricas a un tamaño lo suficientemente grandepara que un grupo de 15 o 20 alumnos no tengas problemas a la hora deidentificar cualquier icono o herramienta durante la explicación. En la sala deordenadores, cada alumno dispone de un portátil que es adquirido al comienzodel curso.Método de aprendizaje: Clases en directo vía Connect, vídeos para explicarla realización de tareas, documentación escrita, test y ejercicios.Idioma:Profesores: Default Professor, Isabel Novoa Martín, Mónica Padilla DazaUnidades: 207, Pruebas: 38www.artesvisuales.com 902 333020


Photoshop CS5Contenido de la lecciónOcultar todo / Mostrar todoAnexo I. introduccionTest introducción PhotoshopAnexo - Materiales de trabajo1. Novedades Photoshop CS51.2. Espacio de trabajo1.3 Precision de bordes 011.4 Precisión de bordes 021.5 Rellenar según contenido1.6 Pincel puntual1.7 Pincel de punta de cerda1.8 Pincel mezclador1.9 Herramienta de Posición Libre1.10 Ajuste HDR pro 011.11 Ajuste HDR pro 021.12 Tonos HDR1.13 Corrección de lente 011.14 Corrección de lente 021.15 Enderezar y usar Zoom1.16 Trabajar con máscaras de capa1.17 Enfocar1.18 Densidad Neutra1.19 Origen de Clonación1.20 Herramienta Recortar1.21 Valores de Estilo1.22 Pegado Especial1.23 Memoria y Rendimiento1.24 Ajustes imagen Raw 011.25 Ajustes imagen Raw 021.26 Ajustes imagen Raw 031.27 Ajustes imagen Raw 041.28 Mini bridge 011.29 Mini bridge 021.30 Uso de Recursos1.31 3D 011.32 3D 021.33 3D 031.34 3D 041.35 3D 051.36 3D 061.37 Animación 3D1.38 CS Review2. Area de Trabajo2.2 Atajos de teclado2.3 Area de trabajo 012.4 Area de trabajo 022.5 Calibración2.6 Crear un nuevo documento2.7 Información de un documento2.8 Vistas2.9 Selecciones Básicas 012.10 Selecciones Básicas 022.11 Herramientas Lazos 012.12 Herramientas Lazos 022.13 Herramienta Varita Mágica2.14 Herramienta Selección RápidaTest tema 2. Area de trabajo3. Bridge y Ajustes3.2 Bridge 013.2 Bridge 023.3 Bridge 033.4 Bridge 043.5 Bridge 053.6 Mover3.7 Transformaciones Básicas3.8 Borradores 013.9 Borradores 023.10 Borradores 033.11 ReglasTest tema 3. Brigde y Ajustes4. Pinceles y Capas4.2 Pinceles 014.3 Pinceles 024.4 Pinceles 034.5 Pinceles 044.6 Pinceles 054.7 Pinceles 064.8 Pinceles 074.9 Definir Pinceles4.10 Pincel Mezclador4.11 Historia4.12 Pincel de Historia4.13 Rotación de Lienzo4.14 Distorsiones 014.15 Distorsiones 024.16 Capas 014.17 Capas 024.18 Capas 034.19 Capas 044.20 Capas 054.21 Capas 064.22 Capas 074.23 Ejercicio Pinceles4.24 Ejercicio Pincel MezcladorTest tema 4. Pinceles y Capas5. Modos, Fusiones y Desenfoques5.2 Modos de capa5.3 Máscara Rápida5.4 Deformar5.5 Escalar Según Contenido5.6 Desenfoques 015.7 Desenfoques 025.8 Desenfoques 035.9 Desenfoques 045.10 Desenfoques 055.11 Desenfoques 065.12 Desenfoques 075.13 Pequeños retoques5.14 Ejercicio Cubos5.15 Ejercicio DameroTest tema 5. Modos y Desenfoques6. Selecciones, Degradados y Filtros6.2 Operaciones con Selecciones6.3 Blanco y Negro6.4 Colorear una imagen 01www.artesvisuales.com 902 333020


Photoshop CS56.5 Colorear una imagen 026.6 Colorear una imagen 036.7 Degradados 016.8 Degradados 026.9 Degradados 036.10 Filtros de Fotografía6.11 Filtros Artísticos6.12 Colorear una imagen6.13 Ejercicio DegradadoTest tema 6. Selecciones, Degradados yFiltros7. Correctoras, Trazados y Máscaras7.2 Tampon de clonar 027.3 Pinceles correctores 017.4 Pinceles correctores 027.5 Herramienta Parche7.6 Selecciones Complejas 017.7 Selecciones Complejas 027.8 Plumas 017.9 Plumas 027.10 Plumas 037.11 Trazado de Recorte7.12 Texto 017.13 Texto 027.14 Texto 037.15 Texto 047.16 Efectos de Capa 017.17 Efectos de Capa 027.18 Efectos de Capa 037.19 Máscaras de Capa 017.20 Máscaras de Capa 027.21 Máscaras de Capa 037.22 Fusiones de Capa ...7.23 Capas de Ajuste 017.24 Capas de Ajuste 027.25 Ejercicio Selecciones7.26 Ejercicio Máscaras7.27 Ejercicio RestaurarTest tema 7. Correctoras, Trazados yMáscaras8. Capas de Forma, Licuar y ObjetosInteligentes8.2 Gama de Colores 028.3 Agrupar Capas8.4 Capas de Forma 018.5 Capas de Forma 028.6 Máscara Vectorial8.7 Licuar 018.8 Licuar 028.9 Licuar 038.10 Bosquejar 018.11 Bosquejar 028.12 Ejercicio Agrupar8.13 Ejercicio Licuar8.14 Ejercicio PersonajeTest tema 8. Capas de Forma, Licuado yObjetos inteligentes9. Modos, Canales e Interpolaciones9.2 Modos de Color 029.3 Daltonismo9.4 Escala de Grises9.5 Mapa de Bit9.6 Canales 019.7 Canales 029.8 Canal de Tinta Plana9.9 Profundidad de Bit9.10 Multicanal 019.11 Multicanal 029.12 Mapas de Desplazamientos 019.13 Mapas de Desplazamientos 029.14 Interpolaciones 019.15 Interpolaciones 029.16 Interpolaciones 039.17 Lineatura9.18 Duotonos9.19 Trazos de Pincel9.20 Ejercicio Canales9.21 Ejercicio Puzzle9.22 Ejercicio RehundidoTest tema 9. Modos, Canales e Interpolaciones10. Corrección de una Imagen10.2 Corrección de una imagen 0210.3 Corrección de una imagen 0310.4 Ajuste de Luces y Sombras10.5 Métodos de Ajustes10.6 Corrección del Color 0110.7 Corrección del Color 0210.8 Corrección del Color 0310.9 Ajuste de Color Selectivo 0110.10 Ajuste de Color Selectivo 0210.11 Enfocar 0110.12 Enfocar 0210.13 Enfocar 0310.14 Ejercicio Retoque10.15 Ejercicio LucesTest tema 10. Corrección de una imagen11. Raw y Automatismos11.2 Acciones 0111.3 Acciones 0211.4 Crear un Droplet11.5 Raw 0111.6 Raw 0211.7 Raw 0311.8 Raw 0411.9 Raw 0511.10 Raw 0611.11 Raw 0711.12 Ejercicio Acciones11.13 Ejercicio PortadaTest tema 11. Raw y Automatismos12. Gestión y Optimización12.2 Optimizar 0212.3 Optimizar 0312.4 Optimizar 04www.artesvisuales.com 902 333020


Temario12.5 Sectores 0112.6 Sectores 0212.7 Device Central12.8 Zoomify12.9 Ejercicio OptimizarTest tema 12. Gestión y Optimización13. Automatismos, Punto de Fuga13.2 Enderezar13.3 Fusión Automática13.4 Gestión del Color13.5 Photomerge 0113.6 Photomege 02, etc...Final Proyecto PHCS5www.artesvisuales.com 902 333020


Fundamentos del DiseñoDescripción: Definimos el diseño como un proceso o labor destinado aproyectar, coordinar, seleccionar y organizar un conjunto de elementos paraproducir y crear objetos visuales destinados a comunicar mensajes específicosa grupos determinados.TemarioObjetivos: El objetivo de esta asignatura es sobrevolar la historia y los orígenesdel diseño gráfico, además de asentar los cimientos del diseño mediantela teoría de la percepción visual, la composición, los elementos que ejecutenel 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 trabajopráctico.El fin no es otro que el alumno consiga casi intuitivamente a respetar esosmismos cimientos a la hora de obtener el producto gráfico, aflorando en granmedida gracias al continuo esfuerzo por conseguir mejores resultados.Asignaciones: La carga lectiva de Fundamentos del Diseño es de 36 horas, delas 24 son de estudios y 12 de trabajos añadidos, en las que se trabaja con 71unidades 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 RodriguezUnidades: 71, Pruebas: 8Contenido de la lecciónOcultar todo / Mostrar todo1. Historia del diseño gráfico1.1 Antecedentes históricos (Esquemapara estudio)1.2 Alberto Durero (Esquema paraestudio)1.3 Art Nouveau (Esquema para estudio)1.4 El cartel Nouveau (Esquema paraestudio)1.5 Bauhaus (Esquema para estudiar)Apéndice I La Bauhaus1.5.1 Estilo gráfico de la Bauhaus (Vídeotemático)1.6 Gestalt (Esquema para estudiar)Apéndice II Teoría de la Gestalt1.7 La historia del diseño medianteimagenes. (Vídeo temático).1.8 Test control teórico Historia1.9 Que es disenar1.9.1 ¿Que es diseñar? (Esquema paraestudiar)1.9.2 Arte y diseño1.9.2.1 Historia del diseño gráfico (Vídeotemátic...1.9.3 Medios técnicos (Esquema paraestudio)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 (Esquemapara estudi...1.9.7 El mensaje visual (Esquema paraestudiar)1.9.8 Comunicación gráfica (Esquemapara estudiar)1.10 Test control teórico Diseñar2. Elementos fundamentales del diseñográfico.2.1 Contorno y recorrido visual.2.2 Elementos básicos (Esquema paraestudiar)2.3 Contorno básico (Esquema paraestudiar)2.4 Dirección (Esquema para estudiar)2.5 Escalas y texturas (Esquema paraestudiar)2.6 El color (Esquema para estudiar)2.7 Test control teórico Elementos3. Percepción3.1 Lógica visual y percepción3.2 Leyes de la percepción visual (Esquemapara estudio)3.3 La percepción según la Gestalt.(Vídeo temátic...www.artesvisuales.com 902 333020


Fundamentos del diseño3.4 Test control teórico Percepción4. Composición4.1 Espacio y método4.2 La composición. (Esquema paraestudio).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ía5.2 El color (Esquema para estudio).5.3 El círculo cromático (Esquema paraestudio).5.3.1 Los colores primarios, secundarioso terciarios. (Vídeo temático).5.4 Las tres dimensiones del color. (Esquemapara ...5.5 Grupo de colores. (Esquema paraestudio).5.6 La armonia y el contraste. (Esquemapara estudio).5.7 Escalas y gamas. (Esquema paraestudio).5.8 El color denotativo. (Esquema paraestudio).5.9 El color connotativo. (Esquema paraestudio).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.6. La tipografía.6.1 La tipografía (Vídeo temático).6.2 Ajuste de texto6.3 Breve historia de la tipografía. (Esquemapara estudio).6.4 Breve historia de la tipografía. (Esquemapara estudio).6.5 Breve historia de la tipografía. (Esquemapara estudio).6.6 Los rasgos de la tipografía. (Esquemapara estudio).6.7 Anatomía del tipo. (Esquema paraestudio).6.8 Clasificación tipográfica. (Esquemapara estudio).6.9 Cuerpo tipográfico. (Esquema paraestudio).6.9.1 Contenido teórico extra Punto(ideas generales...6.10 Conceptos tipográficos. (Esquemapara 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ñoFinal Test Fundamentos del Diseñowww.artesvisuales.com 902 333020


AcrobatDescripción: Acrobat 9 Standard es ideal para las personas que crean y compartendocumentos PDF pues cuenta con las capacidades necesarias paracombinar varios archivos en un único PDF, crear de forma sencilla formulariosPDF rellenables y aplicar funciones básicas de seguridad en los documentos.TemarioAcrobat se ha convertido en un estandard de la publicación electrónica totalmenteversátil de modo que podemos crear con él portfolios y carteras de documentos,formularios PDF interactivos, preimpresión, inclusión de elementosmultimedia, 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áginasweb conocer Acrobat se convierte en un elemento diferencial importante.Objetivos: Conseguir que el alumno sea capaz de trabajar con el formato pdfen 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 44son horas lectivas y 22 horas dedicadas a la realización de ejercicios por loque confiere 3 créditos ECTS.Temas: Conversión o digitalización a PDFExportación y edición de archivos PDFCombinación de archivos de varias aplicacionesAumento de la productividad y coherencia de procesosRevisiones de documentos en línea agilizadasRecopilación de datos mediante formularios PDF rellenablesProtección de documentos y archivos PDFMétodo de aprendizaje: Mediante explicaciones en vídeo, documentación enpdf, test y ejercicios.Idioma:Profesores: Default Professor, Isabel Novoa MartínUnidades: 132, Pruebas: 10Contenido de la lecciónOcultar todo / Mostrar todo1. Entorno, asistentes y mediciones.1.2 Entorno: vistas ampliar y reducir1.3 Ventanas vista documentos1.4 Asistentes visuales1.5 Mediciones 2D1.6 Preferencias, propiedades y mediciones1.7 Organizador.2. Imprimir PDF, cartera PDF, combinar.2.1 Imprimir2.2 Guardar ajustes2.3 Acrobat explorer2.4 Portapapeles y lotes2.5 Acrobat Distiller2.6 Acrobat Distiller II2.7 Combinar cartera I2.8 Combinar cartera II2.9 Combinar2.10 Insertar PDF en PDF2.1 Ejercicio crear PDF2.2 Ejercicio cartera PDF2.3 Ejercicio combinar PDF3. Elementos de página3.1 Encabezados y pies3.2 Fondos3.3 Marcas de agua3.5 Recortar páginas3.6 Reorganizar, rotar, extraer ...3.7 Copiar y reemplazar.3.1 Ejercicio editar y reorganizar PDF4. Guardar y exportar4.1 Guardar4.2 Exportar4.3 Extraer y selecciónwww.artesvisuales.com 902 333020


Acrobat4.1 Anexo de Opciones de formatos4.2 Ejercicio Guardar, extraer PDF5. Colaboración y revisión PDF5.1 Colaboración5.2 Colaboración II5.3 Revisiones compartidas5.4 Revisiones compartidas II5.5 Opciones barra revisiones5.6 Rastreador5.7 Rastreador preferencias5.8 Herramientas comentarios.5.9 Comentarios preferencias.5.10 Panel comentario I.5.11 Panel comentario II5.12 Herramienta edición texto.5.13 Herramienta sellar5.14 Herramienta formas.5.1 Ejercicio colaboración y revisión6. Formularios PDF6.1 Preferencias formularios6.2 Campos formularios6.3 Propiedades6.4 Opciones texto.6.5 Opción radio.6.6 Acciones calculo y firma.6.7 Código de barras I6.8 Código de barras II6.9 Propiedades botón I6.10 Propiedades botón II6.11 Propiedades botón III6.12 Duplicar campos.6.13 Orden tabulación.6.14 Distribución y recopilación.6.15 Cartera administrativa6.166.1 Ejercicio formulario PDF7. Seguridad, firmas y accesibilidadPDF7.1 Seguridad en la firma7.2 Proteger mediante contraseña.7.3 Certificado de seguridad7.4 Uso compartido de certificados7.5 Administrar confianza7.6 Normativas de seguridad en contraseñas7.7 Sobre y seguridad7.8 Trabajar con seguridad7.9 ID Digital7.10 Gestión ID Digital7.11 Aspecto firma digital7.12 Certificar PDF7.13 Validación firma7.14 Informe accesibilidad7.15 Accesibilidad y lectura7.16 Accesibilidad y etiquetas7.17 Accesibilidad orden de lectura7.18 Vinculos accesibles7.19 Anexo de Opciones de formatos7.20 Ejercicio de Accesibilidad PDF8. Edición de PDF, búsquedas e indexación8.1 Edición de miniaturas.8.2 Marcadores8.3 Marcadores y vínculos8.4 Archivos adjuntos8.5 Detinos y acciones8.6 Vinculos páginas web convertidas8.7 Herramienta artículo8.8 Optimizador PDF8.9 Edición de textos.8.10 Editor de objetos8.11 Configurar una presentación8.12 Propiedades documentos8.13 Capas I8.14 Capas II8.15 Capas III8.16 Proceso por lotes8.17 Busquedas simples8.18 Creación de índices I8.19 Creación índices II8.20 Creación índices III8.21 Creación índices IV8.22 Ejercicio Edición e IndexaciónPDF9. Color, impresión y herramientas.9.1 Gestión del color9.2 Gestión del color II9.3 Gestión del color III9.4 Impresión básica I9.5 Impresión básica II9.6 Impresión instantánea9.7 Impresión paquete PDF9.8 Administración color9.9 Separaciones y reventado9.10 PostScript y reventado.9.11 Opciones de reventado9.12 Reventado opciones II9.13 Reventado tintas.9.14 Previsualizar salida.9.15 Previsualización salida II9.16 Convertir colores9.17 Convertir colores II9.18 Marcas de recorte9.19 Líneas acoplado.9.20 Acoplado y optimizado9.21 Trabajos JDF I9.22 Contactos multimedia.9.22 Contactos multimedia.9.23 Envío y exportación9.24 Comprobaciones9.25 Preferencias comprobación9.26 Comprobaciones reparaciónFinal Proyecto Acrobatwww.artesvisuales.com 902 333020


Fireworks CS4Descripción: Adobe® Fireworks® es un programa versátil para crear, editary optimizar gráficos <strong>Web</strong>. Permite crear y editar imágenes de mapa de bits yvectoriales, diseñar efectos <strong>Web</strong>, como rollovers y menús emergentes, recortary optimizar elementos gráficos para reducir su tamaño de archivo y automatizartareas repetitivas para ahorrar tiempo. Es posible exportar o guardarun documento como un archivo JPEG, un archivo GIF o un archivo de otroformato. Estos archivos pueden guardarse junto con archivos HTML que contengantablas HTML y código JavaScript para facilitar su uso en Internet.TemarioObjetivos: Conseguir que el alumno se familiarice con Fireworks, queaprenda los parámetros de optimización web, y aplique los conocimientosderivados de Illustrator y Photoshop al diseño de interfaces. Así mismo queaprendan a combinar las herramientas vectoriales con las de mapas de bits,que conceptualicen el diseño pensando en diferentes medios de salido, y queganen 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, delas 20 son de estudios y 10 de trabajos añadidos, en las que se trabaja con 71unidades 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 proyectofinal, el enfoque de la asignatura es exclusiva y fundamentalmente práctico.Idioma:Profesores: Default Professor, Isabel Novoa MartínUnidades: 11, Pruebas: 15Contenido de la lecciónOcultar todo / Mostrar todoIntroducción.1. Espacio de trabajo.2. Trabajando con gráficos3. Herramientas de bitmap3.1 Ejercicio herramientas bitmap3.2 Ejercicio escala3.3 Ejercicio selección3.4 Ejercicio de pintura3.5 Ejercicio desenfoque y exposición3.6 Ejercicio de máscaras4. Exposición5. Herramientas vectoriales5.1 Ejercicio creación formas vectoriales5.2 Ejercicio de dibujo con pluma5.3 Ejercicio formas e imágenes6. Texto6.1 Ejercicio texto6.2 Ejercicio texto y trayectorías7. Símbolos7.1 Ejercicio de símbolos8. Gráficos web8.1 Ejercicio de exportación8.2 Ejercicio divisiones y zonas interactivas9. Prototipos10. Integración workflowFinal Proyecto Fireworks CS4www.artesvisuales.com 902 333020


Fireworks CS4 prototipos web.Descripción: Los prototipos son fundamentales a la hora de diseñar un sitioweb, 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 sirvanpara determinar elementos del interface: imágenes, textos, vídeos, menús denavegación, etc... y puedan y deban estar dotados de interactividad.TemarioDe este modo suponen una especificación creativa y de usabilidad de modoque el proceso de desarrollo posterior se simplifica mejorando la planificaciónde desarrollo del sitio.Con Fireworks podemos trabajar los prototipos a distitntos niveles, desde lossimples esbozos que apenas sirven para conceptualizar la idea, hasta un nivelmuy detallado con interactividad incluida que permita al cliente hacerse unaidea muy precisa del diseño visual de su sitio, la experiencia de navegaciónque va a proporcionar, así como la interactiviad del mismo.Además podemos compartir los prototipos, con el objeto de trabajar sobreellos hasta tener el diseño final, mediante distintos formatos como pdf o jpg, yutilizando medios como el correo electrónico, o la solución de colaboraciónonline Adobe Connect.Objetivos: Dotar al alumno del conocimiento de las ventajas que Fireworks yotras herramientas ofrecen para la creación de prototipos web, así como lasprincipales diferencias respecto a Photoshop.Método de aprendizaje: Mediante explicaciones en vídeo el profesor desarrollalas principales funciones de Fireworks para la creación de prototipos.Idioma:Profesores: Default Professor, Isabel Novoa MartínUnidades: 11Contenido de la lección1. Fireworks vs Photoshop2. Trabajar con vectores3. Trabajar con la rejilla4. Degradados5. Páginas6. Páginas maestras7. Compartir capas8. Compartir capas II9. Estilos10. Estilos11. Abrir con Photoshopwww.artesvisuales.com 902 333020


UsabilidadDescripción: La Arquitectura <strong>Web</strong>, al igual que la arquitectura tradicional,debe ocuparse de planear o planificar, diseñar y construir, solo que en estecaso nos ocuparemos de los espacios <strong>Web</strong> y la correcta articulación de lacomunicación digital.Por otra parte, en cuanto a la usabilidad, existen dos definiciones formalespara la Usabilidad descritas, desde dos puntos de vista, por la OrganizaciónInternacional para la Estandarización (ISO):Temario- ISO/IEC 9126: “La usabilidad se refiere a la capacidad de un software de sercomprendido, aprendido, usado y ser atractivo para el usuario, en condicionesespecíficas de uso”- ISO/IEC 9241: ”Usabilidad es la eficiencia y satisfacción con la que unproducto permite alcanzar objetivos específicos a usuarios específicos en uncontexto de uso específico”.- El Nielsen Norman Group se dedica a la consultoría de usabilidad y creaciónde informes de experiencia de usuario. Jakob Nielsen, considerado elgurú de la usabilidad, la definió como el atributo de calidad que mide lo fácilesde usar que son las interfaces web. Es decir, un sitio web usable es aquélen 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 usabilidady se refiere a la capacidad de acceso a la <strong>Web</strong> y a sus contenidos portodas las personas independientemente de la discapacidad (física, intelectualo técnica) que presenten o de las que se deriven del contexto de uso (tecnológicaso ambientales).Objetivos: Que el alumno tenga los conocimientos previos necesarios paraaplicar los conceptos de usabilidad y accesibilidad en el desarrollo web.Asignaciones: La carga lectiva de Fundamentos del Diseño es de 30 horas, delas 20 son de estudios y 10 de trabajos añadidos, en las que se trabaja con 7unidades 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 conceptosfundamentales de usabilidad y accesibilidad, con un proyecto final donde seponen en práctica lo aprendido.Idioma:Profesores: Default Professor, Isabel Novoa Martín, Rodrigo García SolisUnidades: 7, Pruebas: 1Contenido de la lecciónIndice Arquitectura <strong>Web</strong>, usabilidad yaccesibilidad1. Introducción a la arquitectura, usabilidady ac...2. La usabilidad y el usuario.3. Arquitectura web. Diseño de Navegación.4. El diseño web.5. El diseño <strong>Web</strong>.Bibliografía del temario.Proyecto final Usabilidadwww.artesvisuales.com 902 333020


XHTMLDescripció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 parala creación de páginas web.TemarioEn la creación de páginas web se encuentran dos partes diferenciadas, de unlado 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 basadasen dicho lenguaje, en cambio, los consumidores se sirven de los navegadores.Estos navegadores son programas destinados a interpretar el código ymostrar 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áginasweb.Asignaciones: El número aconsejadas para la realización de la asignatura esde 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ácticasrealizadas en vídeo, test y ejercicios.Idioma:Profesores: Default Professor, Isabel Novoa Martín, Rodrigo García SolisUnidades: 37, Pruebas: 13Contenido de la lecciónOcultar todo / Mostrar todo1. HTML I Básico1.1 EstructuraTest bases del html1.2 SintaxisTest Sintaxis html1.3 AtributosTest atributos html1.4 Conceptos básicos1.5 Conceptos básicos2. HTML II Elementos2.1 Cabeceras2.2 Párrafos2.3 Líneas horizontales2.4 Comentarios2.5 Salto de línea2.6 Formato de texto2.7 Atributos estilo2.8 Link2.9 Imágenes2.10 Background2.11 Flotar2.12 Sizes2.13 BotónTest elementos3. HTML II Medio3.1 Tablas3.2 Tablas complejasTest tablas3.3 Ejercicio de tablas4. Listas4.1 ListasTest listas4.2 Ejercicio newsletter5. Formularios5.1 Formularios5.2 Envío formulario.Test formulario6. Color6.1 ColorTest color6.2 Colores por nombre6.3 <strong>Web</strong> safe color6.4 Colores hexadecimales7. HTML IV Avanzado8. Frames8.1 FramesetTest frames8.2 Ejercicio framesAnexo I. Libro HTMLFinal: Proyecto XHTMLwww.artesvisuales.com 902 333020


CSSDescripción: CSS es “Un lenguaje de etiqueta estructurado que define el aspectovisual 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 oXML”.TemarioObjetivos: Que el alumno sea capaz de trasladar su nivel de diseño gráfico aldiseñ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óngrá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 delos ejercicios, el alumno debe entender la sintaxis del lenguaje, su lógica y lasté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 SolisUnidades: 30, Pruebas: 26Contenido de la lecciónOcultar todo / Mostrar todoIndice1. CSS básico1.1 SintaxisTest Sintaxis1.2 ID y ClassTest id y class1.3 CSS en htmlTest CSS en html2. Estilos2.1 BackgroundTest Background2.2 TextoTest textoEjercicio formateoEjercicio color I2.3 Fuentes en CSSEjercicio texto2.4 LinksTest listas y links2.5 Listas2.6 TablasTest tablasEjercicio color II3. Cajas3.1 Cajas en CSSTest CajasEjercicio bordes3.2 MarginEjercicio margen y relleno3.3 PaddingTest margin y padding4. Avanzado4.1 GroupingTest agrupación y anidación4.2 DimensionTest dimensión4.3 DisplayTest display y visibility4.4 PositioningTest positioning4.5 FloatTest floatEjercicio float4.6 AlignTest align4.7 Pseudo classTest pseudo class4.8 BarranavEjercicio link4.9 Imágenes4.10 Media typesAnexo CSSAnexo I. Introducción CSSAnexo II. CSS avanzadoEjercicio Final CSSFinal Proyecto CSSwww.artesvisuales.com 902 333020


Dreamweaver CS5Descripción: Dreamweaver se ha convertido en un estándard en la creaciónde páginas web, sus avanzadas capacidades de edición en diseño y codificaciónlo convierten en una herramienta imprescindible para un diseñadorde páginas web. Permite a los diseñadores y desarrolladores crear con totalconfianza sitios web basados en estándares. Permite diseñar con herramientasde inspección de CSS, desarrollar en los principales lenguajes de programacióncomo PHP y realizar pruebas rápidas y precisas de compatibilidad denavegadores.TemarioObjetivos: Que el alumno conozca en profundidad esta herramienta de modoque esté en condiciones de diseñar páginas web visualmente atractivas.Asignaciones: La carga lectiva de Dreamweaver es de 126 horas, de las 84son de estudios y 42 de trabajos añadidos, en las que se trabaja con 7 unidadesdidácticas y 1 prueba. Añade al currículo académico 5,3 ETCS.Temas: Entorno de trabajo.2. Crear sitio3. Estilos CSS, div y elementos4. Imágenes y objetos de imagen5. Diseño con tablas y marcos.6. Elementos de diseño. Widget7. Plantillas. Incontext Editing8. Integrar archivos multimedia9. Desarrollo de formularios10. Comportamientos Javascript11. Administrar sitios. Device central.Método de aprendizaje: Explicaciones mediante vídeos, ejercicios y proyectofinal.Profesores: Default Professor, Isabel Novoa MartínUnidades: 97, Pruebas: 16Contenido de la lecciónOcultar todo / Mostrar todoAnexo I. Novedades de DreamweaverCS51. Interface1.1 Ventanas1.2 Barra de código1.3 Ventana Insertar1.4 Herramientas estándard1.5 Editor de etiquetas1.6 Activos fragmentos2. Configurar sitio2.1 Nuevo documento.2.2 Propiedades de página2.3 Propiedades de página II2.4 Proceso de trabajo2.5 Ayudas de diseño2.6 Menú ver2.7 Vista y código en vivo.2.8 Etiquetas metas2.9 Modos Tablas2.10 Final panel ver2.11 Tipos de rutas2.12 Vínculos2.13 Ejercicio creación de vínculos3. Estilos CSS, div y elementos3.1 Intro y primer estilo3.2 Ejercicio creación de estilos básicos3.3 Estilo etiquetas y div3.4 Estructura básica3.5 Panel de estilos3.6 Reglas compuestas y anidadas.3.7 Panel de reglas CSS3.8 Ejercicio incorporar elementos3.9 Ejemplo maquetación.3.10 Ejemplo maquetación II3.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ágenes3.16 Estilos e imágenes3.17 Hoja de estilos, media print, muetra4. Imágenes y objetos de imagenwww.artesvisuales.com 902 333020


Dreamweaver CS54.1 Utilización de gráficos en las páginasweb4.2 Ejercicio trabajo con imágenes4.3 Inspector de propiedades4.4 Edición y redimensión4.5 Importar PSD5. Diseño con tablas y marcos.5.1 Insertar tabla5.2 Propiedades de las tablas5.3 Propiedades de celdas y filas5.4 Importar y exportar tablas5.5 Crear frames5.6 Modificar frames5.7 Propiedades de frames5.8 iFrames5.9 Ejercicio contrucción mediantetablas5.10 Creación conjunto de marcos6. Elementos de diseño. Widget6.1 Insertar barra de menús6.2 Desactivar estilos6.3 Personalizar barra de menús6.4 Paneles de fichas6.5 Paneles de acordeon6.6 Panel que se contrae6.7 Ejercicio elementos de Spry7. Plantillas. Incontext Editing7.1 Crear y abrir plantillas7.2 Objetos de plantilla7.3 Trabajo con plantillas7.4 Región opcional y atributos7.5 Plantillas anidadas7.6 Incontext editing7.7 Ejercicio plantillas, activos y bibliotecas8. Integrar archivos multimedia8.1 Insertar swf.8.2 Inspector propiedades swf8.3 Insertar FLV y audio8.4 Ejercicio elementos multimedia9. Formularios9.1 Insertar formulario9.2 Text area y checkbox9.3 Botón radio y lista.9.4 Menú salto9.5 Botón etiqueta9.6 Campo de validación9.7 Validación Spry9.8 Checkbox validación9.9 Lista validación9.10 Validación contraseña9.11 Confirmación validación9.12 Grupo opción validación9.13 Comportamientos9.14 Ejercicio realización de formularios10. Comportamientos Javascript10.1 Introducción comportamientos10.2 Ventana comportamiento10.3 Comportamiento de texto10.4 Abrir ventana y otros10.5 Comprobar plugin.10.6 Definir texto y otros.10.7 Menú de salto10.8 Agitar, desvanecer, y otros.10.9 Deslizar y persianas.10.10 Ejercicio aplicación de comportamientos11. Administrar sitios. Device central.11.1 Configurar un sitio.11.2 Panel archivos y preferencias11.3 Proteger archivos11.4 Buscar y reemplazar11.5 Verificación11.6 Informes12. Proyecto final Dreamweaver CS5Anexo II - Doc Oficial DreamweaverCS5www.artesvisuales.com 902 333020


PHP y MySQLTemarioDescripción: Este curso ha sido diseñado para acercarte al desarrollo depáginas webs dinámicas, es decir aquellas que intercambian información conbases de datos, lo que nos permite incorporar formularios interactivos, búsquedacompleta de palabras y otras características dinámicas.A lo largo de las unidades que integran el curso haremos un recorrido completopor el lenguaje de programación PHP desde una introducción teóricahasta la realización de completas páginas webs dinámicas, además de realizarun estudio paralelo del lenguaje SQL para trabajar con bases de datoslo que aportara una gran potencia a nuestro sitio web. Todo ello irá complementadocon tutoriales de ejemplo así como de laboratorios para que puedastrabajar 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 ellenguaje o creados por el usuario.6. Trabajar de forma correcta con ficheros y directorios, así como realizar lasoperaciones 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 que76 son lectivas y 38 dedicadas a la realización de ejercicios, por lo que confiere5 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 SolisUnidades: 48, Pruebas: 6Contenido de la lecciónOcultar todo / Mostrar todo1. Comportamientos de servidor deDreamweaver1.1 Crear una base de datos en Plesk1.2 Crear tablas1.3 Configurar el sitio1.4 Crear una conexión a base de datos1.5 Juego de registros avanzados1.6 Diseño páginas dinámicas1.7 Panel PHP1.8 Estilo a los registros1.9 Navegación por juego de registros1.10 Tablas dinámicas1.11 Formularios1.12 Formulario dinámico1.13 Buscar1.14 Insertar1.15 Modificar1.16 Autorizar2. Fundamentos2.1 Introducción2.2 Que es PHP2.2.1 Test que es PHP2.3 Xampp2.3.1 Test Xampp3. Bases de datos3.1 Test bases de datoswww.artesvisuales.com 902 333020


PHP y MySQL4. PHP MyAdmin4.1 Test PHP MyAdmin5. Lenguaje SQL5.1 Consultas básicas5.2 Consultas avanzadas5.3 Funciones SQL5.4 Ejercicio SQL6. PHP con MySQLAnexo - Materiales6.1 Connect6.2 Connect con Dreamweaver6.3 phpinfo6.4 Variables6.5 Números en PHP6.6 Tipos de variables6.7 Arrays7. Control del Flujo7.1 if else7.2 While8. Funciones8.1 Funciones9. Páginas web9.1 Valores url9.2 Cookies9.3 Variable de sesión9.4 Headers.10. Proyecto10.1 Previsualización10.2 Proyecto material de iniciowww.artesvisuales.com 902 333020


WordPressTemarioDescripción: WordPress es un sistema de gestión de contenido enfocado ala creación de blogs (sitios web periódicamente actualizados). Desarrolladoen PHP y MySQL, bajo licencia GPL y código modificable. En la actualidadse ha convertido en un CMS global que no solo se utiliza para la creación deblog, 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 deusuarios y desarrolladores, y un largo etc... hacen muy recomendable conocerbien esta plataforma.Objetivos: Que el alumno sea capaz de instalar, personalizar, gestionar yoptimizar un sitio web mediante wordpress.Asignaciones: La carga lectiva de WordPress es de 30 horas, de las 20 sonde estudios y 10 de trabajos añadidos, en las que se trabaja con 7 unidadesdidá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 servidorweb para realizar sus prueba, así mismo tiene a su disposición un googlecode 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 SolisUnidades: 22, Pruebas: 11Contenido de la lecciónOcultar todo / Mostrar todoAnexo I - Instalar XAMPP en Macosx1. Empezando con WordPress1.1 Instala Wordpress en el servidor2. Plugin2.1 Habilita el tracking con Analytics2.2 Crea tu sitemap y envíame el enlace2.3 Activa la versión iPhone del sitio2.4 Crea tu RSS en Feedburner y envíamela url3. Plantillas3.1 Selecciona una plantilla nueva paratu web4. Escribir post4.1 Personaliza la plantilla medianteWidgets4.2 Crea categorías y tag para el sitio4.3 Escribe tu primer artículo5. Creación de plantillasAnexo: Code Starterkit5.1 ¿Que son los estándares?5.2 Estructura HTML.5.3 Plantilla y estructura5.4 Header.php5.5 footer.php5.6 index.php5.7 single.php5.8 attachment.php5.9 comments.php5.10 404.php5.11 archive.php5.12 search.php5.13 sidebar.php5.14 Explicación visual5.15 Personaliza la plantilla del sitio6. SEO y wordpressFinal WordPresswww.artesvisuales.com 902 333020


AdWordsDescripción: AdWords es el sistema de publicidad online de Google. Basadoen el pago por clik, lo que equivale a pagar por resultados, se ha convertidoen la plataforma estándard de la publicidad en internet a mucha distancia desus hipotéticos competidores.TemarioEl control de los presupuestos publicitarios, la sencillez en la creación deanuncios 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álisisweb, la variedad de soportes web, o el enorme tráfico cualificado que puedegenerar, entre otros muchos factores, han hecho de esta herramienta un útilimprescindible en la actividad de un webmaster profesional, un publicitariosde nuevos medios, o un diseñador que trabaje para internet.Objetivos: Pretendemos que el alumno conozca los fundamentos de esta herramientade modo que esté en condiciones de crear una cuenta, diseñar lascampañas y los anuncios, seleccionar soportes y segmentaciones, hacer unseguimiento, 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 deestudios y 10 de trabajos añadidos, en las que se trabaja con 7 unidades didácticasy 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ínUnidades: 39, Pruebas: 1Contenido de la lecciónOcultar todo / Mostrar todoComienzo rápidoTipos de anunciosClik no válidosOptimizaciónIncremento conversionesTerminos de optimizaciónNueva interfaz1.1 Cuentas1.2 Publicidad OnLine1.3 Crear una cuenta1.4 Página principal1.5 Campañas publicitarias1.6 Oportunidades1.7 Facturación2.1 Anuncios2.2 Orientación2.3 Anuncios de texto.2.4 Palabras claves2.5 CPC2.6 Nivel de calidad2.7 Anuncios2.8 Anuncios efectivos2.9 Mejorar la calidad2.10 Red de contenido2.11 Optimar red contenido2.12 Extensiones de Ubicación3.1 Supervisión3.2 Analytics3.3 Seguimiento de conversiones3.4 Seguimiento de conversiones anexo3.5 Seguimiento y presupuesto3.5 Configurar objetivos3.6 Informes4.1 Optimizar4.2 Incremento de conversiones4.3 Oportunidades4.5 Consejos crear anuncios4.6 Sugerencias optimización4.4 Optimizar con Analytics5. Final Test AdWordswww.artesvisuales.com 902 333020

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!