Sei sulla pagina 1di 24

Preguntas más frecuentes

¿Por qué diseño web basado en es-


tá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 intenta-
mos 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 alum-
no pero consideramos que 10 horas
semanales es una cantidad ra zonable.

¿Entregan el software con el Master?


Se entrega como material académico
CS5 Master Collection siempre que el
Curso Diseño Gráfico Web pago se realice mediante trasferencia.

Descripción: El Curso Diseño Gráfico Web es una formación El contenido del pdf no es el mismo de
la web. ¿Cual es el válido?
privada de especialización pensada para todos aquellos que
Siempre es válido el contenido de la
quieran conocer profesionalmente el ámbito del diseño de web. Lamentablemente no siempre
páginas web basadas en estándares, junto con las herramien- podemos tener toda la documentación
tas profesionales y los conceptos teóricos que todo diseñador actualizada.
debe dominar.
El conocimiento del software y de los principios generales se ¿Que material recibo en casa?
Las notas técnicas de su plan de es-
realiza mediante una metodología teórico-práctica, avanzan-
tudios, una tableta Wacom, y dependi-
do mediante la puesta en práctica de ejercicios, de la teoría endo de la forma de pago el software o
previamente impartida. iPod Touch.

Objetivos: El alumno del Curso Diseño Gráfico Web al in- ¿Debo desplazarme hasta el IAV para
corporarse a la actividad laboral no precisa de la adaptación realizar alguna prueba o examen?
No. Todo el programa de formación se
técnica porque ya está entrenado en este proceso, conoce
realiza íntegramente a través de inter-
las últimas herramientas del software y tiene los fundamentos net.
teóricos necesarios para desarrollar cualquier tarea que se le
encomiende. El principal objetivo del Curso Diseño Gráfico Puede realizar cualquier otra pregunta
Web es dotar al alumno de los conocimientos necesarios para en:
acometer el diseño de websites corporativas. Así al conoci-
miento profundo de las herramientas de software, se une un http://www.formspring.me/artesvisuales
bagaje importante en los conceptos y aplicaciones del sector.

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.
Puede contactar con nosotros:
Método de aprendizaje: Integramente online a través de un
campus virtual. Teórico práctico con abundantes ejercicios, www.artesvisuales.com
test y proyectos. 902 233020
webmaster@artesvisuales.com
isabel@artesvisuales.com

www.artesvisuales.com 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 especiali-


zación eminentemente práctico que versa sobre áreas de diseño web: Photos-
hop, 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á entre-
nado 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 corpo-
rativas. 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 estu-
dio específico para diplomados, licenciados, o profesionales en activo, intere-
sados 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, Funda-
mentos 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 alma-
cenamiento, 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.

Vamos a trabajar con Flickr a lo largo de todo el proceso formativo, será unas
Temario

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 gru-
pos, y comience su creación de personalidad digital como creativo.

Si quieres prosperar en el mundo del diseño debes empezar por cuidar lo me-
jor 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 extendi-
do:

- 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 asignatu-
ra 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 vec-


tores 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 vec-
torial debido a su gran potencia y versatilidad.

Dibujo con perspectiva, mallas de degradados, transparencias, pinceles de


Temario

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 2.15 Tijeras


Ocultar todo / Mostrar todo 2.16 escala
1. Bienvenida Illustrator CS5 2.17 Promediar
1.1 Interface 2.18 Desplazamientos
1.2 Asignar valores 2.19 Plantilla
1.3 VIsibilidad 2.20 Capas
1.4 Ajustar 2.21 Opciones de capa
1.5 Resaltar 2.22 Apariencia capa
1.6 Avanzado 2.23 Localizar
1.7 mesa 2.24 Ejercicios Objetos
1.8 redimensionar 3. Pinceles y malla de degradado
1.9 generales 3.1 Pincel caligrafico
1.10 azulejos 3.2 Pincel de dispersión
2. Trazados 3.3 Dejar trazos
2.1 Pluma vectorial 3.4 Pincel de arte
2.2 Opciones de pluma 3.5 Pincel de motivo
2.3 Anclaje 3.6 Pincel de cerda
2.4 trazar curvada 3.7 Biblioteca de pinceles
2.5 Trazos correctos 3.8 Pincel manchas
2.6 Arco 3.9 Anchura
2.7 Añadir 3.10 Malla de degradado
2.8 poligonales 3.11 Ejercicio Pincel
2.9 Destello 3.12 Ejercicio manchas
2.10 Lazo 3.13 Ejercicio malla
2.11 Modos de dibujo 4. Degradados y fusiones
2.12 Guías 4.1 Fusión
2.13 Cuadrícula 4.2 Ejercicio degradado
2.14 Construir objetos 5. Atributos, estílos gráficos, apariencia.
2.15 Flecha 5.1 Estilos gráficos

www.artesvisuales.com 902 333020


6. Símbolos 9.6 Trazado compuesto
6.1 Cambira símbolos 10. Gráficas
6.2 Operaciones con símbolos 10.1 Opciones de gráficas
6.3 Operaciones símbolos 10.2 Gráfica de tarta
6.4 Operaciones simbolos 11. Distorsiones. Modos de fusión.
6.5 Reemplazar símbolos Transformaciones y otras operaciones.
6.6 Ejercicio símbolos 11.1 Reflejar
7. Texto y párrafos 11.2 Escala
Illustrator CS5

7.1 Texto y trazo 11.3 Distorsión


7.2 Caracter 11.4 Reformar
7.3 Texto de área 11.5 deformar
7.4 Párrafo 11.6 Deformaciones
7.5 Tabuladores 11.7 Deformar texto
7.6 Otras operaciones 11.8 Distorsionar
7.7 Opentype 11.9 Alinear
7.8 Envolvente 11.10 Transparencia
7.8 Objeto superior 11.11 Desde apariencia
7.9 Texto trazado 11.12 Resaltado
7.10 Ejercicio caligrama 11.13 Agrupamiento
8. Marcas de recorte y relleno de mo- 11.14 Envolvente
tivo. 11.15 Zig-zag
8.1 Interactiva 12. Objeto 3D. Creación de perspecti-
8.2 Corrección de zonas va.
8.3 Casos en pintura 12.1 3D Girar
8.4 Calco interactivo 12.2 Mapear
8.5 Relleno de motivo 12.3 Perspectiva
8.6 Ejercicio flyer 12.4 Definir perspectiva
9. Buscatrazos. Máscara de recorte. 12.5 Armado
Creador de formas. 12.6 Ejercicio 3Drevolution
9.1 Buscatrazos 12.7 Ejercicio perspectiva
9.2 Contornear texto 13. Color
9.3 Creador de formas 13.1 Conversión a tinta plana, etc...
9.4 Máscara de recorte 16. Test ILLUSTRATOR CS5
9.5 Máscara de opacidad 17. Proyecto IllustratorCS5

www.artesvisuales.com 902 333020


Photoshop CS5
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 asigna-
tura 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
Temario

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 des-
glosan 207 unidades de conocimiento y 38 pruebas, aportando del curricu-
lum 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 proble-
máticos. Sí que es cierto que a medida que la asignatura avanza, la dificul-
tad 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 presen-
cia del profesor diariamente, el alumno dispone de documentos con explica-
ciones teóricas, explicaciones visuales además de la realización de ejercicios
guiados y por supuesto cientos de enlaces relacionados con Adobe Photos-
hop.
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 comien-
zo 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


Contenido de la lección 3. Bridge y Ajustes
Ocultar todo / Mostrar todo 3.2 Bridge 01
Anexo I. introduccion 3.2 Bridge 02
Test introducción Photoshop 3.3 Bridge 03
Anexo - Materiales de trabajo 3.4 Bridge 04
1. Novedades Photoshop CS5 3.5 Bridge 05
1.2. Espacio de trabajo 3.6 Mover
Photoshop CS5

1.3 Precision de bordes 01 3.7 Transformaciones Básicas


1.4 Precisión de bordes 02 3.8 Borradores 01
1.5 Rellenar según contenido 3.9 Borradores 02
1.6 Pincel puntual 3.10 Borradores 03
1.7 Pincel de punta de cerda 3.11 Reglas
1.8 Pincel mezclador Test tema 3. Brigde y Ajustes
1.9 Herramienta de Posición Libre 4. Pinceles y Capas
1.10 Ajuste HDR pro 01 4.2 Pinceles 01
1.11 Ajuste HDR pro 02 4.3 Pinceles 02
1.12 Tonos HDR 4.4 Pinceles 03
1.13 Corrección de lente 01 4.5 Pinceles 04
1.14 Corrección de lente 02 4.6 Pinceles 05
1.15 Enderezar y usar Zoom 4.7 Pinceles 06
1.16 Trabajar con máscaras de capa 4.8 Pinceles 07
1.17 Enfocar 4.9 Definir Pinceles
1.18 Densidad Neutra 4.10 Pincel Mezclador
1.19 Origen de Clonación 4.11 Historia
1.20 Herramienta Recortar 4.12 Pincel de Historia
1.21 Valores de Estilo 4.13 Rotación de Lienzo
1.22 Pegado Especial 4.14 Distorsiones 01
1.23 Memoria y Rendimiento 4.15 Distorsiones 02
1.24 Ajustes imagen Raw 01 4.16 Capas 01
1.25 Ajustes imagen Raw 02 4.17 Capas 02
1.26 Ajustes imagen Raw 03 4.18 Capas 03
1.27 Ajustes imagen Raw 04 4.19 Capas 04
1.28 Mini bridge 01 4.20 Capas 05
1.29 Mini bridge 02 4.21 Capas 06
1.30 Uso de Recursos 4.22 Capas 07
1.31 3D 01 4.23 Ejercicio Pinceles
1.32 3D 02 4.24 Ejercicio Pincel Mezclador
1.33 3D 03 Test tema 4. Pinceles y Capas
1.34 3D 04 5. Modos, Fusiones y Desenfoques
1.35 3D 05 5.2 Modos de capa
1.36 3D 06 5.3 Máscara Rápida
1.37 Animación 3D 5.4 Deformar
1.38 CS Review 5.5 Escalar Según Contenido
2. Area de Trabajo 5.6 Desenfoques 01
2.2 Atajos de teclado 5.7 Desenfoques 02
2.3 Area de trabajo 01 5.8 Desenfoques 03
2.4 Area de trabajo 02 5.9 Desenfoques 04
2.5 Calibración 5.10 Desenfoques 05
2.6 Crear un nuevo documento 5.11 Desenfoques 06
2.7 Información de un documento 5.12 Desenfoques 07
2.8 Vistas 5.13 Pequeños retoques
2.9 Selecciones Básicas 01 5.14 Ejercicio Cubos
2.10 Selecciones Básicas 02 5.15 Ejercicio Damero
2.11 Herramientas Lazos 01 Test tema 5. Modos y Desenfoques
2.12 Herramientas Lazos 02 6. Selecciones, Degradados y Filtros
2.13 Herramienta Varita Mágica 6.2 Operaciones con Selecciones
2.14 Herramienta Selección Rápida 6.3 Blanco y Negro
Test tema 2. Area de trabajo 6.4 Colorear una imagen 01
www.artesvisuales.com 902 333020
6.5 Colorear una imagen 02 9.2 Modos de Color 02
6.6 Colorear una imagen 03 9.3 Daltonismo
6.7 Degradados 01 9.4 Escala de Grises
6.8 Degradados 02 9.5 Mapa de Bit
6.9 Degradados 03 9.6 Canales 01
6.10 Filtros de Fotografía 9.7 Canales 02
6.11 Filtros Artísticos 9.8 Canal de Tinta Plana
Photoshop CS5

6.12 Colorear una imagen 9.9 Profundidad de Bit


6.13 Ejercicio Degradado 9.10 Multicanal 01
Test tema 6. Selecciones, Degradados y 9.11 Multicanal 02
Filtros 9.12 Mapas de Desplazamientos 01
7. Correctoras, Trazados y Máscaras 9.13 Mapas de Desplazamientos 02
7.2 Tampon de clonar 02 9.14 Interpolaciones 01
7.3 Pinceles correctores 01 9.15 Interpolaciones 02
7.4 Pinceles correctores 02 9.16 Interpolaciones 03
7.5 Herramienta Parche 9.17 Lineatura
7.6 Selecciones Complejas 01 9.18 Duotonos
7.7 Selecciones Complejas 02 9.19 Trazos de Pincel
7.8 Plumas 01 9.20 Ejercicio Canales
7.9 Plumas 02 9.21 Ejercicio Puzzle
7.10 Plumas 03 9.22 Ejercicio Rehundido
7.11 Trazado de Recorte Test tema 9. Modos, Canales e Interpo-
7.12 Texto 01 laciones
7.13 Texto 02 10. Corrección de una Imagen
7.14 Texto 03 10.2 Corrección de una imagen 02
7.15 Texto 04 10.3 Corrección de una imagen 03
7.16 Efectos de Capa 01 10.4 Ajuste de Luces y Sombras
7.17 Efectos de Capa 02 10.5 Métodos de Ajustes
7.18 Efectos de Capa 03 10.6 Corrección del Color 01
7.19 Máscaras de Capa 01 10.7 Corrección del Color 02
7.20 Máscaras de Capa 02 10.8 Corrección del Color 03
7.21 Máscaras de Capa 03 10.9 Ajuste de Color Selectivo 01
7.22 Fusiones de Capa ... 10.10 Ajuste de Color Selectivo 02
7.23 Capas de Ajuste 01 10.11 Enfocar 01
7.24 Capas de Ajuste 02 10.12 Enfocar 02
7.25 Ejercicio Selecciones 10.13 Enfocar 03
7.26 Ejercicio Máscaras 10.14 Ejercicio Retoque
7.27 Ejercicio Restaurar 10.15 Ejercicio Luces
Test tema 7. Correctoras, Trazados y Test tema 10. Corrección de una ima-
Máscaras gen
8. Capas de Forma, Licuar y Objetos 11. Raw y Automatismos
Inteligentes 11.2 Acciones 01
8.2 Gama de Colores 02 11.3 Acciones 02
8.3 Agrupar Capas 11.4 Crear un Droplet
8.4 Capas de Forma 01 11.5 Raw 01
8.5 Capas de Forma 02 11.6 Raw 02
8.6 Máscara Vectorial 11.7 Raw 03
8.7 Licuar 01 11.8 Raw 04
8.8 Licuar 02 11.9 Raw 05
8.9 Licuar 03 11.10 Raw 06
8.10 Bosquejar 01 11.11 Raw 07
8.11 Bosquejar 02 11.12 Ejercicio Acciones
8.12 Ejercicio Agrupar 11.13 Ejercicio Portada
8.13 Ejercicio Licuar Test tema 11. Raw y Automatismos
8.14 Ejercicio Personaje 12. Gestión y Optimización
Test tema 8. Capas de Forma, Licuado y 12.2 Optimizar 02
Objetos inteligentes 12.3 Optimizar 03
9. Modos, Canales e Interpolaciones 12.4 Optimizar 04
www.artesvisuales.com 902 333020
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
Temario

13.6 Photomege 02, etc...


Final Proyecto PHCS5

www.artesvisuales.com 902 333020


Fundamentos del Diseño

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ífi-
cos a grupos determinados.

Objetivos: El objetivo de esta asignatura es sobrevolar la historia y los oríge-


nes 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....
Temario

Los conocimientos teóricos se materializarán a lo largo del curso con el traba-


jo 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 1.9.4 El diseño (Esquema para estudiar)


Ocultar todo / Mostrar todo 1.9.5 El diseño y medios de comunica-
1. Historia del diseño gráfico ción (Esquema ...
1.1 Antecedentes históricos (Esquema 1.9.6 Dos tipos de publicidad (Esquema
para estudio) para estudi...
1.2 Alberto Durero (Esquema para 1.9.7 El mensaje visual (Esquema para
estudio) estudiar)
1.3 Art Nouveau (Esquema para estu- 1.9.8 Comunicación gráfica (Esquema
dio) para estudiar)
1.4 El cartel Nouveau (Esquema para 1.10 Test control teórico Diseñar
estudio) 2. Elementos fundamentales del diseño
1.5 Bauhaus (Esquema para estudiar) gráfico.
Apéndice I La Bauhaus 2.1 Contorno y recorrido visual.
1.5.1 Estilo gráfico de la Bauhaus (Ví- 2.2 Elementos básicos (Esquema para
deo temático) estudiar)
1.6 Gestalt (Esquema para estudiar) 2.3 Contorno básico (Esquema para
Apéndice II Teoría de la Gestalt estudiar)
1.7 La historia del diseño mediante 2.4 Dirección (Esquema para estudiar)
imagenes. (Vídeo temático). 2.5 Escalas y texturas (Esquema para
1.8 Test control teórico Historia estudiar)
1.9 Que es disenar 2.6 El color (Esquema para estudiar)
1.9.1 ¿Que es diseñar? (Esquema para 2.7 Test control teórico Elementos
estudiar) 3. Percepción
1.9.2 Arte y diseño 3.1 Lógica visual y percepción
1.9.2.1 Historia del diseño gráfico (Ví- 3.2 Leyes de la percepción visual (Es-
deo temátic... quema para estudio)
1.9.3 Medios técnicos (Esquema para 3.3 La percepción según la Gestalt.
estudio) (Vídeo temátic...
www.artesvisuales.com 902 333020
3.4 Test control teórico Percepción 6. La tipografía.
4. Composición 6.1 La tipografía (Vídeo temático).
4.1 Espacio y método 6.2 Ajuste de texto
Fundamentos del diseño

4.2 La composición. (Esquema para 6.3 Breve historia de la tipografía. (Es-


estudio). quema para estudio).
4.3 Los elementos de composición. 6.4 Breve historia de la tipografía. (Es-
(Esquema para estudio). quema para estudio).
4.4 Los elementos de la composición. 6.5 Breve historia de la tipografía. (Es-
(Esquema para estudio). quema para estudio).
4.5 El equilibrio. (Esquema para estu- 6.6 Los rasgos de la tipografía. (Esque-
dio). ma para estudio).
4.6 La tensión y el recorrido visual. 6.7 Anatomía del tipo. (Esquema para
(Esquema para estudio). estudio).
4.7 Text control teórico La Composi- 6.8 Clasificación tipográfica. (Esquema
ción. para estudio).
5. El Color. 6.9 Cuerpo tipográfico. (Esquema para
5.1 Armonía estudio).
5.2 El color (Esquema para estudio). 6.9.1 Contenido teórico extra Punto
5.3 El círculo cromático (Esquema para (ideas generales...
estudio). 6.10 Conceptos tipográficos. (Esquema
5.3.1 Los colores primarios, secunda- para estudio).
rios o terciarios. (Vídeo temático). 6.11 Test control teórico La tipografía.
5.4 Las tres dimensiones del color. (Es- 7. Contenido teórico extra Conceptos
quema para ... (ideas gener...
5.5 Grupo de colores. (Esquema para 7.1 Contenido teórico extra Espacios
estudio). (ideas genera...
5.6 La armonia y el contraste. (Esquema 7.2 Contenido teórico extra Receptor
para estudio). (ideas genera...
5.7 Escalas y gamas. (Esquema para 7.3 Contenido teórico extra Formatos
estudio). (ideas genera...
5.8 El color denotativo. (Esquema para 7.5 Contenido teórico extra gráficos
estudio). (ideas gener...
5.9 El color connotativo. (Esquema para 7.6 Contenidos teóricos extra Gráficos
estudio). (ideas gen...
5.10 El color simbólico, esquemático, 7.7 Contenido teórico extra producto
emblemático, señalético y convencio- (ideas gener...
nal. (Esquema para estudio). 7.8 Problemas de diseño
5.11 Test control teórico El Color. Final Test Fundamentos del Diseño

www.artesvisuales.com 902 333020


Acrobat

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

Acrobat se ha convertido en un estandard de la publicación electrónica total-


mente versátil de modo que podemos crear con él portfolios y carteras de do-
cumentos, formularios PDF interactivos, preimpresión, inclusión de elementos
Temario

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 conteni-
dos, 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 2.8 Combinar cartera II


Ocultar todo / Mostrar todo 2.9 Combinar
1. Entorno, asistentes y mediciones. 2.10 Insertar PDF en PDF
1.2 Entorno: vistas ampliar y reducir 2.1 Ejercicio crear PDF
1.3 Ventanas vista documentos 2.2 Ejercicio cartera PDF
1.4 Asistentes visuales 2.3 Ejercicio combinar PDF
1.5 Mediciones 2D 3. Elementos de página
1.6 Preferencias, propiedades y medi- 3.1 Encabezados y pies
ciones 3.2 Fondos
1.7 Organizador. 3.3 Marcas de agua
2. Imprimir PDF, cartera PDF, combinar. 3.5 Recortar páginas
2.1 Imprimir 3.6 Reorganizar, rotar, extraer ...
2.2 Guardar ajustes 3.7 Copiar y reemplazar.
2.3 Acrobat explorer 3.1 Ejercicio editar y reorganizar PDF
2.4 Portapapeles y lotes 4. Guardar y exportar
2.5 Acrobat Distiller 4.1 Guardar
2.6 Acrobat Distiller II 4.2 Exportar
2.7 Combinar cartera I 4.3 Extraer y selección
www.artesvisuales.com 902 333020
4.1 Anexo de Opciones de formatos 7.19 Anexo de Opciones de formatos
4.2 Ejercicio Guardar, extraer PDF 7.20 Ejercicio de Accesibilidad PDF
5. Colaboración y revisión PDF 8. Edición de PDF, búsquedas e indexa-
5.1 Colaboración ción
5.2 Colaboración II 8.1 Edición de miniaturas.
5.3 Revisiones compartidas 8.2 Marcadores
5.4 Revisiones compartidas II 8.3 Marcadores y vínculos
5.5 Opciones barra revisiones 8.4 Archivos adjuntos
5.6 Rastreador 8.5 Detinos y acciones
5.7 Rastreador preferencias 8.6 Vinculos páginas web convertidas
5.8 Herramientas comentarios. 8.7 Herramienta artículo
Acrobat

5.9 Comentarios preferencias. 8.8 Optimizador PDF


5.10 Panel comentario I. 8.9 Edición de textos.
5.11 Panel comentario II 8.10 Editor de objetos
5.12 Herramienta edición texto. 8.11 Configurar una presentación
5.13 Herramienta sellar 8.12 Propiedades documentos
5.14 Herramienta formas. 8.13 Capas I
5.1 Ejercicio colaboración y revisión 8.14 Capas II
6. Formularios PDF 8.15 Capas III
6.1 Preferencias formularios 8.16 Proceso por lotes
6.2 Campos formularios 8.17 Busquedas simples
6.3 Propiedades 8.18 Creación de índices I
6.4 Opciones texto. 8.19 Creación índices II
6.5 Opción radio. 8.20 Creación índices III
6.6 Acciones calculo y firma. 8.21 Creación índices IV
6.7 Código de barras I 8.22 Ejercicio Edición e Indexación
6.8 Código de barras II PDF
6.9 Propiedades botón I 9. Color, impresión y herramientas.
6.10 Propiedades botón II 9.1 Gestión del color
6.11 Propiedades botón III 9.2 Gestión del color II
6.12 Duplicar campos. 9.3 Gestión del color III
6.13 Orden tabulación. 9.4 Impresión básica I
6.14 Distribución y recopilación. 9.5 Impresión básica II
6.15 Cartera administrativa 9.6 Impresión instantánea
6.16 9.7 Impresión paquete PDF
6.1 Ejercicio formulario PDF 9.8 Administración color
7. Seguridad, firmas y accesibilidad 9.9 Separaciones y reventado
PDF 9.10 PostScript y reventado.
7.1 Seguridad en la firma 9.11 Opciones de reventado
7.2 Proteger mediante contraseña. 9.12 Reventado opciones II
7.3 Certificado de seguridad 9.13 Reventado tintas.
7.4 Uso compartido de certificados 9.14 Previsualizar salida.
7.5 Administrar confianza 9.15 Previsualización salida II
7.6 Normativas de seguridad en contra- 9.16 Convertir colores
señas 9.17 Convertir colores II
7.7 Sobre y seguridad 9.18 Marcas de recorte
7.8 Trabajar con seguridad 9.19 Líneas acoplado.
7.9 ID Digital 9.20 Acoplado y optimizado
7.10 Gestión ID Digital 9.21 Trabajos JDF I
7.11 Aspecto firma digital 9.22 Contactos multimedia.
7.12 Certificar PDF 9.22 Contactos multimedia.
7.13 Validación firma 9.23 Envío y exportación
7.14 Informe accesibilidad 9.24 Comprobaciones
7.15 Accesibilidad y lectura 9.25 Preferencias comprobación
7.16 Accesibilidad y etiquetas 9.26 Comprobaciones reparación
7.17 Accesibilidad orden de lectura Final Proyecto Acrobat
7.18 Vinculos accesibles

www.artesvisuales.com 902 333020


Fireworks CS4

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, recor-
tar y optimizar elementos gráficos para reducir su tamaño de archivo y auto-
matizar 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 con-
tengan tablas HTML y código JavaScript para facilitar su uso en Internet.
Temario

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 les


Ocultar todo / Mostrar todo 5.2 Ejercicio de dibujo con pluma
Introducción. 5.3 Ejercicio formas e imágenes
1. Espacio de trabajo. 6. Texto
2. Trabajando con gráficos 6.1 Ejercicio texto
3. Herramientas de bitmap 6.2 Ejercicio texto y trayectorías
3.1 Ejercicio herramientas bitmap 7. Símbolos
3.2 Ejercicio escala 7.1 Ejercicio de símbolos
3.3 Ejercicio selección 8. Gráficos web
3.4 Ejercicio de pintura 8.1 Ejercicio de exportación
3.5 Ejercicio desenfoque y exposición 8.2 Ejercicio divisiones y zonas interac-
3.6 Ejercicio de máscaras tivas
4. Exposición 9. Prototipos
5. Herramientas vectoriales 10. Integración workflow
5.1 Ejercicio creación formas vectoria- Final Proyecto Fireworks CS4

www.artesvisuales.com 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.

De este modo suponen una especificación creativa y de usabilidad de modo


que el proceso de desarrollo posterior se simplifica mejorando la planifica-
Temario

ció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 desarro-


lla 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 7. Compartir capas
1. Fireworks vs Photoshop 8. Compartir capas II
2. Trabajar con vectores 9. Estilos
3. Trabajar con la rejilla 10. Estilos
4. Degradados 11. Abrir con Photoshop
5. Páginas
6. Páginas maestras

www.artesvisuales.com 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.

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):
Temario

- 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 condicio-
nes 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 crea-
ció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áci-
les 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 usa-


bilidad 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 3. Arquitectura web. Diseño de Nave-


Indice Arquitectura Web, usabilidad y gación.
accesibilidad 4. El diseño web.
1. Introducción a la arquitectura, usabi- 5. El diseño Web.
lidad y ac... Bibliografía del temario.
2. La usabilidad y el usuario. Proyecto final Usabilidad

www.artesvisuales.com 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.

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 basa-
Temario

das en dicho lenguaje, en cambio, los consumidores se sirven de los navega-


dores. 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 es-


cribir, 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 3. HTML II Medio
Ocultar todo / Mostrar todo 3.1 Tablas
1. HTML I Básico 3.2 Tablas complejas
1.1 Estructura Test tablas
Test bases del html 3.3 Ejercicio de tablas
1.2 Sintaxis 4. Listas
Test Sintaxis html 4.1 Listas
1.3 Atributos Test listas
Test atributos html 4.2 Ejercicio newsletter
1.4 Conceptos básicos 5. Formularios
1.5 Conceptos básicos 5.1 Formularios
2. HTML II Elementos 5.2 Envío formulario.
2.1 Cabeceras Test formulario
2.2 Párrafos 6. Color
2.3 Líneas horizontales 6.1 Color
2.4 Comentarios Test color
2.5 Salto de línea 6.2 Colores por nombre
2.6 Formato de texto 6.3 Web safe color
2.7 Atributos estilo 6.4 Colores hexadecimales
2.8 Link 7. HTML IV Avanzado
2.9 Imágenes 8. Frames
2.10 Background 8.1 Frameset
2.11 Flotar Test frames
2.12 Sizes 8.2 Ejercicio frames
2.13 Botón Anexo I. Libro HTML
Test elementos Final: Proyecto XHTML

www.artesvisuales.com 902 333020


CSS

Descripción: CSS es “Un lenguaje de etiqueta estructurado que define el as-


pecto 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 conteni-
do, y que funciona de forma conjunta y armónica con el HTML, XHTML o
XML”.

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
Temario

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 Ejercicio margen y relleno


Ocultar todo / Mostrar todo 3.3 Padding
Indice Test margin y padding
1. CSS básico 4. Avanzado
1.1 Sintaxis 4.1 Grouping
Test Sintaxis Test agrupación y anidación
1.2 ID y Class 4.2 Dimension
Test id y class Test dimensión
1.3 CSS en html 4.3 Display
Test CSS en html Test display y visibility
2. Estilos 4.4 Positioning
2.1 Background Test positioning
Test Background 4.5 Float
2.2 Texto Test float
Test texto Ejercicio float
Ejercicio formateo 4.6 Align
Ejercicio color I Test align
2.3 Fuentes en CSS 4.7 Pseudo class
Ejercicio texto Test pseudo class
2.4 Links 4.8 Barranav
Test listas y links Ejercicio link
2.5 Listas 4.9 Imágenes
2.6 Tablas 4.10 Media types
Test tablas Anexo CSS
Ejercicio color II Anexo I. Introducción CSS
3. Cajas Anexo II. CSS avanzado
3.1 Cajas en CSS Ejercicio Final CSS
Test Cajas Final Proyecto CSS
Ejercicio bordes
3.2 Margin

www.artesvisuales.com 902 333020


Dreamweaver CS5

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 codifi-
cació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 programa-
ción como PHP y realizar pruebas rápidas y precisas de compatibilidad de
navegadores.
Temario

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 unida-
des 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 2.12 Vínculos
Ocultar todo / Mostrar todo 2.13 Ejercicio creación de vínculos
Anexo I. Novedades de Dreamweaver 3. Estilos CSS, div y elementos
CS5 3.1 Intro y primer estilo
1. Interface 3.2 Ejercicio creación de estilos básicos
1.1 Ventanas 3.3 Estilo etiquetas y div
1.2 Barra de código 3.4 Estructura básica
1.3 Ventana Insertar 3.5 Panel de estilos
1.4 Herramientas estándard 3.6 Reglas compuestas y anidadas.
1.5 Editor de etiquetas 3.7 Panel de reglas CSS
1.6 Activos fragmentos 3.8 Ejercicio incorporar elementos
2. Configurar sitio 3.9 Ejemplo maquetación.
2.1 Nuevo documento. 3.10 Ejemplo maquetación II
2.2 Propiedades de página 3.11 Ejercicio página mediante div pa,
2.3 Propiedades de página II tablas.
2.4 Proceso de trabajo 3.12 Insertar texto.
2.5 Ayudas de diseño 3.13 Ejercicio insertar texto.
2.6 Menú ver 3.14 Margin, padding, border.
2.7 Vista y código en vivo. 3.15 Isertar imágenes
2.8 Etiquetas metas 3.16 Estilos e imágenes
2.9 Modos Tablas 3.17 Hoja de estilos, media print, mue-
2.10 Final panel ver tra
2.11 Tipos de rutas 4. Imágenes y objetos de imagen
www.artesvisuales.com 902 333020
4.1 Utilización de gráficos en las pági- 9. Formularios
nas web 9.1 Insertar formulario
4.2 Ejercicio trabajo con imágenes 9.2 Text area y checkbox
4.3 Inspector de propiedades 9.3 Botón radio y lista.
4.4 Edición y redimensión 9.4 Menú salto
4.5 Importar PSD 9.5 Botón etiqueta
Dreamweaver CS5

5. Diseño con tablas y marcos. 9.6 Campo de validación


5.1 Insertar tabla 9.7 Validación Spry
5.2 Propiedades de las tablas 9.8 Checkbox validación
5.3 Propiedades de celdas y filas 9.9 Lista validación
5.4 Importar y exportar tablas 9.10 Validación contraseña
5.5 Crear frames 9.11 Confirmación validación
5.6 Modificar frames 9.12 Grupo opción validación
5.7 Propiedades de frames 9.13 Comportamientos
5.8 iFrames 9.14 Ejercicio realización de formula-
5.9 Ejercicio contrucción mediante rios
tablas 10. Comportamientos Javascript
5.10 Creación conjunto de marcos 10.1 Introducción comportamientos
6. Elementos de diseño. Widget 10.2 Ventana comportamiento
6.1 Insertar barra de menús 10.3 Comportamiento de texto
6.2 Desactivar estilos 10.4 Abrir ventana y otros
6.3 Personalizar barra de menús 10.5 Comprobar plugin.
6.4 Paneles de fichas 10.6 Definir texto y otros.
6.5 Paneles de acordeon 10.7 Menú de salto
6.6 Panel que se contrae 10.8 Agitar, desvanecer, y otros.
6.7 Ejercicio elementos de Spry 10.9 Deslizar y persianas.
7. Plantillas. Incontext Editing 10.10 Ejercicio aplicación de compor-
7.1 Crear y abrir plantillas tamientos
7.2 Objetos de plantilla 11. Administrar sitios. Device central.
7.3 Trabajo con plantillas 11.1 Configurar un sitio.
7.4 Región opcional y atributos 11.2 Panel archivos y preferencias
7.5 Plantillas anidadas 11.3 Proteger archivos
7.6 Incontext editing 11.4 Buscar y reemplazar
7.7 Ejercicio plantillas, activos y biblio- 11.5 Verificación
tecas 11.6 Informes
8. Integrar archivos multimedia 12. Proyecto final Dreamweaver CS5
8.1 Insertar swf. Anexo II - Doc Oficial Dreamweaver
8.2 Inspector propiedades swf CS5
8.3 Insertar FLV y audio
8.4 Ejercicio elementos multimedia

www.artesvisuales.com 902 333020


PHP y MySQL

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ús-
queda completa de palabras y otras características dinámicas.
A lo largo de las unidades que integran el curso haremos un recorrido com-
pleto 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 rea-
lizar 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á comple-
Temario

mentado 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 con-
fiere 5 ECTS.

Método de aprendizaje: Mediante vídeos, documentación en pdf, test, ejerci-


cios, y proyecto final.
Idioma:
Profesores: Default Professor, Isabel Novoa Martín, Rodrigo García Solis
Unidades: 48, Pruebas: 6
Contenido de la lección 1.11 Formularios
Ocultar todo / Mostrar todo 1.12 Formulario dinámico
1. Comportamientos de servidor de 1.13 Buscar
Dreamweaver 1.14 Insertar
1.1 Crear una base de datos en Plesk 1.15 Modificar
1.2 Crear tablas 1.16 Autorizar
1.3 Configurar el sitio 2. Fundamentos
1.4 Crear una conexión a base de datos 2.1 Introducción
1.5 Juego de registros avanzados 2.2 Que es PHP
1.6 Diseño páginas dinámicas 2.2.1 Test que es PHP
1.7 Panel PHP 2.3 Xampp
1.8 Estilo a los registros 2.3.1 Test Xampp
1.9 Navegación por juego de registros 3. Bases de datos
1.10 Tablas dinámicas 3.1 Test bases de datos
www.artesvisuales.com 902 333020
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
PHP y 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

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, gale-
rías, web corporativas, ecomerce, foros, etc... Su gran versatilidad y adaptabi-
lidad, la limpieza de su código, la implementación del SEO, la comunidad de
usuarios y desarrolladores, y un largo etc... hacen muy recomendable cono-
cer bien esta plataforma.
Temario

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 servi-


dor 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, ejerci-


cios, y proyecto final.
Idioma:
Profesores: Default Professor, Isabel Novoa Martín, Rodrigo García Solis
Unidades: 22, Pruebas: 11
Contenido de la lección 5. Creación de plantillas
Ocultar todo / Mostrar todo Anexo: Code Starterkit
Anexo I - Instalar XAMPP en Macosx 5.1 ¿Que son los estándares?
1. Empezando con WordPress 5.2 Estructura HTML.
1.1 Instala Wordpress en el servidor 5.3 Plantilla y estructura
2. Plugin 5.4 Header.php
2.1 Habilita el tracking con Analytics 5.5 footer.php
2.2 Crea tu sitemap y envíame el enlace 5.6 index.php
2.3 Activa la versión iPhone del sitio 5.7 single.php
2.4 Crea tu RSS en Feedburner y envía- 5.8 attachment.php
me la url 5.9 comments.php
3. Plantillas 5.10 404.php
3.1 Selecciona una plantilla nueva para 5.11 archive.php
tu web 5.12 search.php
4. Escribir post 5.13 sidebar.php
4.1 Personaliza la plantilla mediante 5.14 Explicación visual
Widgets 5.15 Personaliza la plantilla del sitio
4.2 Crea categorías y tag para el sitio 6. SEO y wordpress
4.3 Escribe tu primer artículo Final WordPress

www.artesvisuales.com 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.

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
Temario

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 he-


rramienta 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 di-
dá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, ejerci-


cios, y proyecto final.
Idioma:
Profesores: Default Professor, Isabel Novoa Martín
Unidades: 39, Pruebas: 1
Contenido de la lección 2.7 Anuncios
Ocultar todo / Mostrar todo 2.8 Anuncios efectivos
Comienzo rápido 2.9 Mejorar la calidad
Tipos de anuncios 2.10 Red de contenido
Clik no válidos 2.11 Optimar red contenido
Optimización 2.12 Extensiones de Ubicación
Incremento conversiones 3.1 Supervisión
Terminos de optimización 3.2 Analytics
Nueva interfaz 3.3 Seguimiento de conversiones
1.1 Cuentas 3.4 Seguimiento de conversiones anexo
1.2 Publicidad OnLine 3.5 Seguimiento y presupuesto
1.3 Crear una cuenta 3.5 Configurar objetivos
1.4 Página principal 3.6 Informes
1.5 Campañas publicitarias 4.1 Optimizar
1.6 Oportunidades 4.2 Incremento de conversiones
1.7 Facturación 4.3 Oportunidades
2.1 Anuncios 4.5 Consejos crear anuncios
2.2 Orientación 4.6 Sugerencias optimización
2.3 Anuncios de texto. 4.4 Optimizar con Analytics
2.4 Palabras claves 5. Final Test AdWords
2.5 CPC
2.6 Nivel de calidad

www.artesvisuales.com 902 333020