TURISMO EN EL ECUADOR

ANTES
DESPUES

ANIMACIONES

CLASE #3 – IV HEMIQUIMESTRE
TEMA: PROPIEDADES DE UN DOCUMENTO EN ADOBE FLASH.

OBJETIVO: IDENTIFICAR OTRAS HERRAMIENTAS DE ADOBE FLASH MEDIANTE UN TALLER PRACTICO PARA CREAR UN CLIP DE PELICULA Y PUBLICARLO EN SU BLOG PERSONAL.

PROPIEDADES DE UN DOCUMENTO:

Se denomina propiedades al documento a las características de forma y color del espacio del clip de película que se crea en el escenario de adobe flash. Podemos configurar el tamaño de la hoja o banner, así como el color de fondo de la película.

TALLER: REALIZAR UNA FRANJA PUBLICITARIA DE UN PRODUCTO COMERCIAL.

TAMAÑO DE LA FRANJA DE 600 por 200 pixeles.

EN PROPIEDADES DEL DOCUMENTO ESCOGER UN COLOR PARA EL FONDO.

IMPORTAR A ESCENARIO 5 IMÁGENES DEL PRODUCTO COMERCIAL Y DISTRIBUIRLAS DE FORMA HORIZONTAL.

ESCRIBIR UNA FRASE O SLOGAN DEL PRODUCTO.

5. APLICAR EFECTOS EN LINEA DE TIEMPO DE CADA FOTOGRAFIA Y DEL TEXTO.

6. GUARDAR EN FORMATO *.FLA EN SU CARPETA PERSONAL CON EL NOMBRE TALLERCOMERCIAL.

7. DESDE EL MENU ARCHIVO OPCION EXPORTAR PELICULA GRABAR EL ARCHIVO DE ANIMACION EN EL FORMATO *.GIF, Y DE PELICULA *.AVI.

8. PUBLICAR EL CLIP DE PELICULA O FRANJA PUBLICITARIA *.AVI EN SU BLOG PERSONAL

CLASE #2 – IV HEMIQUIMESTRE
TEMA: APLICACIÓN EFECTOS LINEA DE TIEMPO EN ADOBE FLASH.

OBJETIVO: UTILIZAR LAS HERRAMIENTAS DE ADOBE FLASH EFECTOS LINEA DE TIEMPO EN VARIAS FOTOGRAFIAS PARA CREAR UN CLIP DE PELICULA.

TALLER – EJERCICIO:

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

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

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

4. Publicar a continuación de ese 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 del programa ADOBE FLASH mediante un taller práctico para una mejor presentación de las páginas web creadas en ADOBE DREAMWEAVER.

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.

EVALUACION HEMIQUIMESTRAL TERCERO BACHILLERATO TEMA: DISEÑO DE PAGINAS WEB EN DREAMWEAVER OBJETIVO: CONCLUIR EL PROYECTO DE LA PAGINA WEB CORRESPONDIENTE A SU GRUPO MEDIANTE LA UTILIZACION DE LAS HERRAMIENTAS ESTUDIADAS DE ADOBE DREAMWEAVER PARA REFORZAR EL CONOCIMIENTO DE LA ASIGNATURA. 1. Abrir con el Dreamweaver las páginas web principal creada en la carpeta personal. 2. A la página principal crear dos botones adicionales, uno que diga contáctenos, y otro que diga perfil de las autoras o autores. 3. Crear las paginas nuevas con la información que corresponda: 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 e insertar una imagen que se relacione con la frase CONTACTENOS b. Perfil de autores: Nombres completos, Edad, Estudios primarios, pensamiento, opinión de la educación, Carrera de la profesión que le interesa. i. Cambiar las propiedades con un color de fondo ii. Guardar e insertar una imagen que se relacione a personas trabajando. c. En las nuevas hojas web insertar un botón que ingresa a la página principal. d. Las nuevas hojas guardar con el nombre de archivo CONTACTENOS Y PERFIL respectivamente. 4. Mostrar en Mozilla Firefox la página terminada 5. Publicar en el blog este contenido como constancias de la evaluación

CLASE #2 - II QUIMESTRE
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.
INICIANDO CON DREAMWEAVER
•Escoger, crear nuevo HTML (Lenguaje de Marcas de Hipertexto, hipervínculos), que es el formato para las páginas web.
•Utilizar las herramientas de formato y propiedades de página.
•Insertar tablas e imágenes para distribuir mejor la información
•Diseñar otras hojas en formato HTML para crear hipervínculos con texto, botones flash.
NOTA: Guardar todo componente de su página web en la carpeta creada



CLASE #3 – II QUIMESTRE
TEMA: BOTONES E HIPERVINCULOS EN DREAMWEAVER.
OBJETIVO: UTILIZAR BOTONES E HIPERVINCULO EN LA PAGINA WEB PERSONAL, MEDIANTE LA HERRAMIENTA INSERTAR DEL PROGRAMA DREAMWEAVER PARA ENLAZAR MAS HOJAS EN FORMATO HTML (Lenguaje de marcas de Hipertexto).
BOTONES FLASH.- Es un componente de las páginas web, que tienen color, forma, animación, texto y propiedades que permiten crear vínculos hacia otras hojas web.
HIPERVINCULOS.- 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 hipervínculos.


CLASE #4 - II QUIMESTRE
TEMA: HERRAMIENTAS DE OBJETOS DE IMÁGENES Y FLASH EN DREAMWEAVER
OBJETIVO: UTILIZAR LAS HERRMIENTAS DEL MENU INSERTAR E IMÁGENES MEDIANTE UN TALLER PRACTICO PARA UNA MEJOR PRESENTACION DE NUESTRA PAGINA WEB.
ANIMACIONES.- Imágenes con movimiento flash, se las puedo crear o descargar de la página www.gifanimados.com
IMAGEN DE SUSTITUCION.- 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.

II QUIMIMESTRE

CLASE #1

TEMA: DISEÑO DE PAGINAS WEB

OBJETIVO: ANALIZAR TERMINOS TECNICOS APLICADOS A LAS PAGINAS WEB MEDIANTE LLUVIA DE IDEAS PARA DISEÑAR HOJAS EN FORMASTO HTML (Lenguaje de Marcas de hipertexto) EN EL PROGRAMA ADOBE DREAMWEAVER.

¿Qué es una página web?

Una página web es un documento o información electrónica adaptada para Word Wide Web (amplia telaraña mundial) y que generalmente forma parte de un sitio web. Su principal características son los hipervínculos de una página, siendo esto el 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,

Ejemplo: Adobe Dreamweaver.

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

· www.mariaisabel.com

· www.amsic.com

· www.inmaculadamachala.edu.ec

· www.educacion.gob.ec

· www.facebook.com

· www.hotmail.com

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