taller computacion 30-12-11

CLASE #1 – IV HEMIQUIMESTRE

TEMA: ANIMACIONES EN EL PROGRAMA ADOBE PROFESSIONAL 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 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. Tienen la ventaja de efectos muy atractivos para una presentación eficiente de la pagina web, o de videos y películas.

CLASE #2 – IV HEMIQUIMESTRE

TEMA: APLICACIÓN EFECTOS LINEAS DE TIEMPO EN ADOBE FLASH
OBJETIVO: Utilizar las herramientas de Adobe Flash efectos línea de tiempo en varias fotografías para crear un clic de película

TALLER – EJERCICIO

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

2.       A todas las fotografías le aplicamos efecto línea de tiempo opción transición. 4 direcciones y una para cada foto

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

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

CLASE #3 – IV HEMIQUIMESTRE

TEMA: PROPIEDADES DE UN DOCUMENTO EN ADOBE FLASH
OBJECTIVO: 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 de banner, asi como el color de fondo de la película.

TALLER: REALIZAR UNA FRANJA PUBLICITARIA DE UN PRODUCTO COMERCIAL

1.       TAMAÑO DE LA FRANJA DE 600 POR 200 PIXELES

2.       EN PROPIEDADES DEL DOCUMENTO ESCOGER UN COLOR OARA EL FONDO

3.       IMPORTAR A ESCENARIO 5 IMÁGENES DEL PRODUCTO COEMRCIAL DISTRIBUIRLAS DE FORMA HORIZONTAL.

4.       ESCRIBIR UNA FRASE O SLOGAN DEL PRODUCTO

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

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

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

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

EVALUACION HEMIQUIMESTRAL

TERCER 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 UTILIZADAS EN ADOBE DREAMWEAVER PARA REFORZAR EL CONTENIDO DE LA ASIGNATURA.

1.- ABRIR CON EL DRAMWEAVER LA PAGINA WEB PRINCIPAL CREADA EN LA CARPETA PERSONAL
2.- A LA PAGINA PRINCIPAL CREAR DOS BOTONES ADICIONALES, UNO QUE DIGA CONTACTENOS, Y OTRO QUE DIGA PERFIL DE LAS AUTORES O AUTORAS
3.- CREAR LAS PAGINAS NUEVAS CON LA INFORMACION QUE CORRESPONDA:
     a.- En contactenos: Direccion personal, teléfono, e-mail
          i.- Cambiar las propiedades de la pagina colocando una imagen de fondo.
          ii.- Guardar e insertar una imagen que se relacione a la frase CONTACTENOS.
     b.- Perfil de autores: Nombre Completos, edad, Estudios primarios, pensamientos, opinion de la Educacion, carrera o profesion que le intereza.
          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 regrese a la pagina principal.
     d.- Las nuevas hojas guardadas con el nombre de archivo CONTACTENOS Y PERFIL respectivamente.
4.- Mostrar en el Mozilla Firefox la pagina terminada
5.- Publicar en el blog este contenido como constancia de la evaluacion.

II QUIMESTRE

II QUIMESTRE
CLASE N° 2

TEMA: UTILIZACIÓN DEL PROGRAMA DREAMWEAVER
OBJETIVO: ANALIZAR LAS HERRAMIENTAS BÁSICAS DEL PROGRAMA DREAMWEAVER MEDIANTE TALLERES PRACTICOS PARA E DISEÑO DE PÁGINA WEB.
INDICANDO CON DREAMWEAVER

*ESCOGER CREAR NUEVO HTML (LENGUAJE DE MARCAS DE HIPERTEXTO, HIPERVINCULOS), QUE ES EL FORMATO PARA LAS PAGINAS 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 HIPERTVINCULOS CON TECTO, BOTONES FLASH.

NOTA: GUARDAR TODO COMPONENTE DE SU PAGINA WEB EN LA CARPETA CREADA.

II QUIMESTRE
CLASE N° 3

TEMA: BOTONES E HIPERVINCULOS EN DREAMWEAVER
OBJETIVO: UTILIZAR BOTONES E HIPERVINCULOS EN LA PAGINA WEB PERSONAL, MEDIANTE LA HERAMIENTA INSERTAR DEL PROGRAMA DREAMWEAVER PARA ENLAZAR MAS HOJAS EN FORMATO HTMAL (LENGUAJE DE MARCAS DE HIPERTEXTO)

BOTON FLASH.- ES UN COMPONENTE DE LAS PAGINAS WEB, QUE TIENE COLOR, FORMA, ANIMACION, TEXTO Y PROPIEDADES QUE PERMITEN CREAR VINCULOS HACIA OTRAS HOJAS WEB.

HIPERVINCULOS.- ES LA ACCION DE INSERTAR O CREAR UN VINCULO O ENLACE HACIA OTRAS HOJAS O PAGINAS WEB.

TALLER.- CONTINUAR CON LA PAGINA DE LA CLASE ANTERIOR, E INSERTAR BOTONES E HIPERVINCULOS

II QUIMESTRE
CLASE N° 4

TEMA: HERRAMIENTAS DE OBJETOS DE OMAGENES DY FLASH EN DREAMWEAVER
OBJETIVO: UTILIZAR LAS HERRAMIENTAS DE MENÚ INSERTAR E IMÁGENES MEDIANTE UN TALLER PRACTICO PARA UNA MEJOR PRESENTACION DE NUESTRA PAGINA WEB.

ANIMACIONES.- IMÁGENES CON MOVIMIENTOS FLASH, SE LAS PUEDE CREAR O DESCARGAR DE LA PAGINA www.gifanimados.com

IMÁGENES 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° 1

II QUIMESTRE

CLASE° 1

TEMA: DISEÑO DE PAGINAS WEB

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

QUE ES UNA PAGINA WEB?

Una pagina 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ísticas son los hipervínculos de una pagina, siendo esto fundamento de la WWW.

QUE COMPONENTES TIENE UNA PAGINA WEB?

·         HIPERVINCULOS

·         CUADROS DE TEXTO

·         ANIMACIONES

·         GRAFICOS Y TEXTO

CUALES SERIAN LOS PASOS PARA TENER UN SITIO WEB EN LA RED?

1.       DISEÑO DE LAS MASCARAS DE MI PAGINA 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 PROVEEDOR DE HOSTING O SERVIDOR REMOTO.

Clase #8

TEMA: LA HERRAMIENTA PLUMA Y LA COMBINACIÓN DE FORMAS CURVAS Y RECTAS

Objetivo: completar la explicación de la herramienta pluma mediantes el dibujo de la caricaturas para el diseño publicitario.

Clase #7

TEMA: APLICACIÓN PRÁCTICA CON LAS HERRAMIENTAS ESTUDIADAS EN ADOBE ILLUSTRATOR

Objetivo: Diseñar un afiche por medio de las herramientas estudiadas en adobe illustrator para mejorar las competencias en el uso de los programas de diseño

Herramientas para este diseño:

-texto

-pluma

-biblioteca de símbolos

Taller práctico: diseño 4