CLASE # 3 – IV HEMIQUIMESTRE

TEMA: HERRAMIENTA PROPIEDADES DE UN DOCUMENTO Y EFECTOS EN ADOBE FLASH

OBJETIVO: UTILIZAR PROPIEDADES DEL DOCUMENTO ASI COMO EFECTOS EN LINEA DE TIEMPO DEL PROGRAMA ADOBE FLASH MEDIANTE UN TALLER PRACTICO PARA CREAR UN CLIP DE PELICULA Y PUBLICARLA EN EL BLOG.

TALLER: CREAR UNA FRANJA PUBLICITARIA DE UN PRODUCTO COMERCIAL CON TODAS LAS HERRAMIENTAS ESTUDIADAS DE FLASH.

1.- En la hoja de trabajo activa de flash presionar tecla derecha del mouse y escoger la opción propiedades del documento, y establecer una medida de la animación de 800 por 200 pixeles.

2.- luego desde esta misma opción escoger un color de fondo.

3.- Importar un escenario desde menú archivo 4 imágenes guardadas previamente de un producto comercial.

4.- escribir un eslogan o una frase comercial relacionada al producto, sobre las imágenes importadas.

5.- A cada imagen importada y el texto aplicar efectos de línea de tiempo y de transformar/transición. Tecla derecha del mouse sobre cada objeto de la animación y escoger la opción efectos de línea de tiempo, efectos o transición.

6.- Guardar la animación en el formato original de abode flash con la extencion *.fla ; asi mismo desde el menú archivo escoger la opción exportar – exportar película y guardar en la carpeta personal con el formato de animación *gif ; y también en el formato de película *.avi.

7.- Publicar a continuación de este contenido el clip de película *.avi En su blog personal.

CLASE #1 – IV HEMIQUIMESTRE

TEMA: ANIMACIONES EN EL PROGRAMA ADOBE PROFESIONAL FLASH CS 3.

OBJETIVO: Identificar las herramientas el ADOBE FLASH mediante un taller práctico para mejor presentación de las páginas web creadas en ADOBE DREAWEAVER.

ADOBE FLASH.- Es un programa de la familia ADOBE, permite crear animaciones a partir de fotografías, formas geométricas, o de otras animaciones. Tiene la ventaja de efectos muy atractivos para una presentación eficiente de la página Web, o de videos y películas.

CLASE #2 – IV HEMIQUIMESTRE

TEMA: APLICACIÓN DE EFECTO, LINEA DE TIEMPO EN ADOBE FLASH.

OBJETIVO: utilizar las herramientas de adobe flash efectos línea de tiempos en varias fotografías para crear un clip de película.

Taller – Ejercicios:

1. Desde el menú archivo ir a la opción importar, importar a escenario, 4 fotografías.

2. A todas las fotografías le aplicamos efectos línea de tiempo opción TRANSICION. 4 DIRECCIONES: una para cada foto-

3. Guardar el clip de película en 3 formatos: en el formato fuente, *.fla; formato animación * .gif; el formato película * .avi.

4. Publicar a continuación de este contenido el clip de la película *.avi en su blog personal.

TEMA: HERRAMEINTA PINCEL HISTORIA

EVALUACION

TEMA: DISEÑO DE PAGINAS WEB EM DREAMWEAVER.

OBJETIVO: CONCLUIR EL PROYECTO DE LA PAGINA WEB CORRESPONDIENTE A SU GRUPO MEDIENTE LAUTILIZACION DE HERRAMIENTAS ESTUDIADAS EN ADOBE DREAMWEAVER, PARA REFORZAR EL CONOCIMEINTO DE LA ASIGNATURA.

1.- Abrir con dreamweaver la página web principal creada en la carpeta personal.

2.- a la página principal crear dos botones adicionales, uno que diga contáctenos y otros que diga perfil de los autores o autoras.

3.- crear las páginas nuevas con la información que corresponde:

a) En contáctenos: dirección personal, teléfonos, e-mail

I. Cambiar las propiedades de la página colocando una imagen de fondo

II. Guardar en insertar una imagen que se relacione a la frase CONTACTENOS.

b) Perfil de autoras: Nombres Completos, Edad, Estudios primarios, pensamientos, opinión de la educación, carrera profesión o profesión que le interesa.

I. cambiar las propiedades con un color de fondo

ii. guardar e insertar una imagen que se relacione o personas trabajando

c. en las nuevas hojas web insertar un botón que regrese a la página principal.

d. las nuevas hojas guardar al nombre de archivo CONTACTENOS Y PERFIL respectivamente

4. Mostrar en Mozilla Firefox la página determinada

5. publicar en el blog este contenido como constancia de la evaluación

CLASE #4-II QUIMESTRE

TEMA: Herramientas de objetos de imágenes y flash en Dreamsweaver.

OBJETIVO: Utilizar las herramientas del menú insertar e imágenes mediante un taller práctico para una mejor presentación de nuestra página web.

ANIMACIONES: Imágenes con movimiento flash, se las puede crear o descargar de la página www.gifanimados.com .

IMAGEN DE SUSTITUCIÓN: Al pasar el mouse sobre una imagen cambia por otra imagen.

TEXTO FLASH: Al pasar sobre una frase o texto cambia de color o formato.

CLASE #3- II QUIMESTRE

TEMA: Botones e Hipervínculos en Dreamsweaver.

OBJETIVO: Utilizar botones e hipervínculos en la página web personal, mediante la herramienta insertar del programa Dreamsweaver para enlazar más hojas en formato HTML (Lenguaje de Marcas de Hipertexto).

BOTÓN FLASH: Es un componente de las páginas web, que tiene color, forma, animación, texto y propiedades que permite crear vínculos hacia otras hojas web.

HIPERVÍNCULOS: Es la acción de insertar o crear un vínculo o enlace hacia otras hojas o páginas web.

TALLER: Continuar con la página de la clase anterior, e insertar botones e hipervínculos.

CLASE # 2

TEMA: UTILIZACION DEL PROGRAMA DREAMWEAVER.

OBJETIVO: Analizar las herramientas básicas del programa Dreamweaver mediante talleres prácticos para el diseño de página web.

INDICACIONES CON DREANWEAVER:

v Escoger crear nuevo HTML (Lenguaje de Marcas de Hipertexto, hipervínculos), que es el formato para las páginas web.

v Utilizar las herramientas de formato y propiedades de páginas.

v Insertar tablas e imágenes para distribuir mejor la información.

v Diseñar otras hojas en formato HTML para crear hipervínculos contexto, botones flash.

NOTA: Guardar todo componente de su página web en la carpeta creada.

CLASE # 1

TEMA: DISEÑO DE PÁGINAS WEB.

OBJETIVO: ANALIZAR TÉRMINOS TÉCNICOS APLICADOS A LAS PÁGINAS WEB
MEDIANTE LLUVIA DE IDEAS PARA DISEÑAR HOJAS EN FORMATO HTML (lenguaje de marcas de hipertexto) EN EL PROGRAMA ADOBE DREAM-WEAVER

¿QUÉ ES UNA PÁGINA WEB?

Una página web es un documento o información electrónica adaptada para la World Wide Web (amplia telaraña mundial) y que generalmente forma parte de un sitio web. Su principal característica son los hipervínculos de una página, siendo esto un fundamento de la www.

¿QUÉ COMPONENTES TIENE UNA PÁGINA WEB?

-Hipervínculos.
-Cuadros de texto.
-Animaciones.
-Gráficos y texto.

¿CUÁLES SERÍAN LOS PASOS PARA TENER UN SITIO WEB EN LA RED?

1. Diseño de las máscaras de mi página en un programa.
Ejm: Adobe Dreamweare

2. Conseguir un dominio que permita identificar a mi sitio web. Ejm:

www.mariaisabel.com
www.amsic.com
www.inmaculadamachala.edu.ec
www.educación.gob.ec
www.facebook.com
www.hotmail.com

3. Conseguir un espacio para alojar el contenido de mi sitio web, es decir de mi computadora o servidor LOCAL a un equipo proveedor de HOSTING o servidor REMOTO

CLASE# 8

TEMA: TAREA LIBRE

OBJETIVO: REALIZAR UN DISEÑO PERSONAL Y CON CREATIVIDAD UTILIZANDO LAS HERRAMIENTAS DEL PROGRAMA DE ADOBE ILLUSTRATOR ESTUDIADAS HASTA LAS FECHA PARA REFORZAR EL CONOCIMIENTO Y PUBLICARLO EN EL BLOG.

Características del diseño

• escoger una marca comercial un lugar turístico un evento para crear el diseño
• debe utilizar todas las herramientas aprendidas
• puede copiar imágenes de internet
• el diseño debe tener al menos unos diez elementos u objetos
• publicar en el blog para evaluar el diseño
• 

CLASE # 7
TEMA: TAREA LIBRE
OBJETIVO: realizar un diseño personal y con creatividad utilizando las herramientas del programa de adobe illustrator estudiadas hasta la fecha para reforzar el conocimiento y publicarlo en el blog (cuaderno virtual).
CARACTERISTICAS DEL DISEÑO:
1.- escoger una marca comercial, un lugar turístico o un evento para crear el diseño.
2.- debe utilizar todas las herramientas aprendidas
3.- puede coger imágenes de internet
4.- el diseño debe tener al menos unos 10 elementos u objetos.
5.- publicar en el blog para evaluar el diseño.

CLASE # 6
TEMA: APLICACIÓN PRACTI CA CON LAS FORMAS GEOMETRICAS EN ADOBE ILLUSTRATOR.
OBJETIVO: Diseñar un afiche por medio de las herramientas estudiadas en Adobe para mejorar la competencia en el uso de los programas de diseño.

Herramientas nuevas para este diseño
-Texto
-Pluma
Taller práctico: DISEÑO 3

CLASE # 5
TEMA: BUSCATRAZOS Y PLUMA EN ADOBE ILLUSTRATOR
OBJETIVO: UTILIZAR LAS HERRAMIENTAS BUSCATRAZOS Y PLUMA POR MEDIO DE UN TALLER PRÁCTICO PARA EL DISEÑO GRAFICO DIGITAL.
BUSCATRAZOS.- Crear imágenes a partir de otras, con las opciones de añadir, reducir, dividir, cortar, etc.




PLUMA.-Permite dibujar de una forma profesional.

ADOBE ILLUSTRATOR

ADOBE ILLUSTRATOR

CLASES # 1

FECHA: 25/04/11
ADOBE ILLUSTRATOR
TEMA: PROGRAMA DE ADOBE ILLUSTRATOR CS2
OBJETIVO: UTILIZAR LAS HERRAMIENTAS DEL PROGRAMA ADOBE ILLUSTRATOR MEDIANTE TALLERES PRACTICOS PAR A EL DISEÑO GRAFICO DIGITAL.
¿Que funciones tiene el programa Adobe Illustrator?
Esta aplicación es más reconocida por la calidad y nivel artístico de las ilustraciones allí creadas más que por cualquier otra cosa, siendo frecuentemente utilizado por artistas muy experimentados esto, además, de que también requiere de una cierta cantidad de tiempo y esfuerzo para poder entenderle.
TALLER1: Descubriendo el área de Adobe Illustrator.