FRANJA PUBLICITARIA

CLASE #4 – IV HEMIQUIMESTRE

TEMA: HERRAMIENTA PROPIEDADES DE UN DOCUMENTO ASI COMO EFECTOS EN ADOBE FLASH.

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

TALLER: CREAR UNA FRANJA PUBLICITARIA DE UN PRODUCTO COMERCIAL

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 a escenario desde menú archivo cuatro 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 como línea de tiempo, efectos de transición.

6. Guardar la animación en el formato original de adobe flasj con la extensión *fla ; asi mismo desde el menú archivo escoger la opción exportar película y guardar en la carpeta personal en 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 #3 –IV HEMIQUIMESTRE

Tema: Aplicación de efectos de línea de tiempo en Adobe Flash.
Objetivo: Utilizar las herramientas de Adobe Flash efectos línea de tiempo 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 transición. 4 direcciones: una para cada foto.
3. Guardar 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 este contenido el clip de película *.avi. en su blog personal

CLASE #2 - IV HEMIQUIMESTRE

Tema: 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:
1.- Desde el menu Archivo ir a la opcion importar, importar a escenario, 4 fotografias.
2.- A todas las fotografias le aplicamos efectos linea de tiempo opcion TRANSICION.
3.- Guardar el clip de pelicula en tres formatos: En el formato fuente *.fla ; el formato animacion *.gif; el formato pelicula *.avi.

CLASE #1 - IV HEMIQUIMESTRE

Tema: Animaciones en el programa ADOBE FLASH.
Objetivo: Identificar las herramientas del programa Adobe Flash mediante un taller practico para una mejor presentacion de las paginas web creadas en Adobe Dreamweaver.

ADOBE FLASH: Es un programa de la familia ADOBE permite crear animaciones a partir de fotografias, formas geometricas, o de otras animaciones. Tiene la ventaja de efectos muy atractivos para una presentacion eficiente de la pagina Web, o de videos o peliculas.

EVALUACION HEMIQUMESTRAL
SEGUNDO 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 en ADOBE DREAMWEAVER para reforzar el conocimiento de la asignatura.

1. Abrir con el Dreamweaver las paginas web creadas 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, telefonos e e-mail.

• Cambiar las propiedades de la pagina colocando una imagen de fondo.
• Guardar e Insertar una imagen que se relacione a la frase CONTACTENOS.

b) Perfil de Autores: Nombres Completos, Edad, Estudios Primarios, pensamiento, opinion de la educacion, carrera o profesion que le interesa.

• Cambiar las propiedades de un color de fondo
• Guardar e insertar una imagen que se relacione a personas trabajando.

c) En las nuevas hojas web insertar un boton que regrese a la pagina principal.
d) Las nuevas hojas guardar 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.

CLASE #4 - II Quimestre

Tema: HERRAMIENTAS DE OBJETOS DE IMAGENES Y FLASH EN DREAMWEAVER

• Objetivo: Utilizar las herramientas del menu insertar en imagenes mediante el taller practico para una mejor presentacion de nuestra pagina web.

1. ANIMACIONES.- Imagenes con movimiento flash, se las puede crear o descargar de la pagina www.gifanimados.com
2. IMAGEN DE SUSTITUCION.- Al pasar el mouse por una imagen cambia a otra imagen.
3. TEXTO FLASH.- Al pasar sobre la frace o texto cambia de color o formato.

CLASE #3 - II QUIMESTRE

Tema: Botones de Hipervinculos en dreamweaver.

• Objetivo: Utilizar botones e hipervinculos en la pagina web personal, mediante la herramienta insertar del programa de dreamweaver para enlazar mas hojas en formato HTML (Lenguaje de marcas de Hipertextos)

• 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.
  

CLASE #2

Tema: Utilizacion del Programa DREAMWEAVER
Objetivo: Analizar las herramientas basicas del programa DREAMWEAVER mediante talleres practicos para el diseño de la pagina web.

INDICANDO CON DREAMWEAVER:

• Escoger crear un nuevo HTML(Lenguaje de Marcas Hipertexto, Hipervinculo), que es el formato para las paginas web.
• Utilizar las herramientas de formato para las paginas web.
• Insertar tablas e imagenes para distribuir mejor la informacion.
• Diseñar otras hojas de formato HTML para crear hipervinculos con textos, botones flash.

Nota: Guardar todo componente de su pagina web en la carpeta creada.

II QUIMESTRE

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 formato HTML (lenguaje de marcas de hipertexto) en el programa adove dreamweaver.

¿Que es una pagina web?
Una pagina web es un documento de informacion electronica adaptada para el world wide web (amplia telaraña mundial) y que generalmente forma parte de un sitio web. Su principal caracteristicas son los hipervinculos de una pagina, siendo esto el fundamento de la www.

¿Que componentes tiene una pagina web?
- Hipervinculos
- Cuadros de Texto
- Animaciones
- Graficos y Texto

¿ Cuales serian los pases 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 a un equipo de un proveedor de HOSTING o servidor.

Clase # 7

Tema: Herramienta pluma y la combinación de formas rectas, curvas.

Objetivo: Explicar el uso de la herramienta pluma con formas curvas y rectas para el dibujo publicitario.

CLASE: 6

Realizar un afiche publicitario utilizando todas las herramientas utilizadas para publicarlo en el blog personal
Caracteristicas del afiche publicitario:
-Escojer una marca comercial o un lugar turistico como tema del afiche.
-Utilizar todas las herramientas utilizadas hasta la fecha.
-Almenos debe haber en su diseño 10 elementos u objetos.
-Publicarlos en el blog personal para evaluar el diseño.

CLASE #5

Tema: Aplicacion practica con herramientas basicas de Adobe Illustrator.

Objetivo:Utilizar las herramientas de Adobe Illustratos mediante un taller practico para el diseño grafico digital.

CREAR NUEVO DOCUMENTO:

• Documento para imprimir
• Nombre: DISEÑO2
• Utilizar las herramientas basicas.
  

INTRODUCCION AL DISEÑO GRAFICO CON ADOBE ILLUSTRATOR

Objetivo: Analizar las herramientas basicas del programa de Adobe Illustrator C23, mediante un taller practico para el diseño grafico digital.

¿Que es el diseño Grafico?
El diseño grafico es una profesion cuya actividad, es la accion de concebir, programar, proyectar y realizar comunicaciones visuales, producidas en general por medios industriales y destinadas a transmitir mensajes especificos a grupos sociales determinados.

Caracteristicas del programa Adobe Illustrator.
Diseña graficos vectoriales con precision y potencia.
Dibuja de forma precisa en perspectiva, crea trazos de ancho variable, pinta con pinceles de apariencia real y todo depende de tu creatividad.

TALLER:

1. Utilizar las herramientas basicas de Adobe en un diseño.
2. Reconocimiento del area de trabajo

• Seleccion - Selecciona una herramienta.
• Seleccion Directa - Relaciona una forma geometrica y las transforma
• Rectangulo - Opciones de formas geometricas.
  

CLASE # 3

CLASE # 3

FECHA: 17 DE MAYO DEL 2011.

TEMA: CONFIGURACION DEL BLOG PERSONAL (MI CUADERNO VIRTUAL)

OBJETIVO: UTILIZAR LAS HERRAMIENTAS BÁSICAS DE LA PLATAFORMA DEL BLOG PERSONAL MEDIANTE UN TALLER PEDAGÓGICO PARA UNA MEJOR PRESENTACIÓN.

1. Configuración de mi Perfil

Datos personales y fotografía.

2. Nuevas entradas

Permite agregar los resúmenes de clase al blog por fechas.

3. Editar Entradas

Modificar el contenido de una entrada, eliminar parte o toda la entrada no deseada.
4. Diseño
Añadir y Organizar los elementos del blog.

CLASE N° 2

Fecha: 10 de Mayo del 2011
Tema: El internet

Objetivo: Identificar los terminos sobre las redes del coputador mediante la lluvia de ideas para la utilizacion de las mismas.

Desarrollo

• Internet.- Proviene del termino internetworksystem ( Sistema de Redes Interconectadas)
• SERVICIOS QUE OFRECE EL INTERNET ENTRE LOS MAS UTILIZADOS
  

a) Motores de busqueda.- CENTRAL DE DATOS Y QUE SE VINCULANA MILLONES DE SITIOS WEB.
-www.google.com.es
-www.yahoo.es
-www.altavista.com
-www.lycos.com

b) EMAIL ( electromatic Mail).- ENVIAR Y RECIBIR EL CORREO

Sitios Web para crear un correo Formato del Correo

www.hotmail.com micorreo@hotmail.com
www.yahoo.es micorreo@yahoo.es
www.google.com micorreo@gmail.com

c) NOTICIAS, PRENSA Y COMUNICACIONES

Sitios especificos para busqueda de noticias, medios de comunicacion, prensa general.

www.diarioelcorreo.com
www.eluniverso.com
www.laprensa.com
www.elcomercio.com
www.ecuavisa.com

d) SITIOS DE INFORMACION PUBLICA

1.- Informacion de Universidades, datos academicos de los profecionales del Ecuador, estatutos, proyectos, becas.
www.senescy.gob.es (Secretaria Nacional de educacion superior, ciencia y Tecnologia)

2.- INFORMACION DE LOS VOTANTES PARA ELECCIONES Y CONSULTA POPULAR DEL CONCEJO NACIONAL ELECTORAL.

www.cne.gob.ec

3.- INFORMACION DE LA GUIA TELEFONICA VIRTUAL Y CONSUMO

www.cnt.com.ec

4.-) INFORMACION DEL RUC DE UNA PERSONA NATURAL O JURIDICA

www.sri.gob.ec

5.-) INFORMACION DE LAS COMPAÑIAS EXISTENTES EN EL ECUADOR


www.supercias.gob.ec

CLASE N° 2

Fecha: 10 de Mayo del 2011
Tema: El internet
Objetivo: Identificar terminos basicos de las redes del compu