Clase #4.- IV Hemiquimestre

Tema: Herramienta Propiedades de un documento y Efectos en Adobe Flash

Objetivo: Utilizar propiedades del documento así como efectos en línea de tiempo del programa Adobe Flash mediante un taller práctico para crear un clip de película y publicarlo en el blog

Talle: 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 800x200 pixeles.

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

3.      Importar a 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 escogen la opción efectos línea de tiempo, efectos o transición

6.      Guardar la animación en el formato original de Adobe Flash con la extensión *fla; así 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 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: Propiedades de un documento en Adobe Flash

Objetivo: Identificar otras herramientas de Adobe Flash mediante un taller práctico para crear un clip de película 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 la película que se crea en el escenario de adobe flash. Podemos configurar en tamaño de la hoja o banner, así como el color del fondo de la película.

Taller: Realizar una franja publicitaria de un producto comercial.

1.   Tamaño de la franja de 600 x 200 pixeles

2.   En propiedades del documento escoger un color para el fondo.

3.   Importar al escenario 5 imágenes del producto comercial y distribuirlas de forma horizontal.

4.   Escribir una frase o eslogan del producto

5.   Aplicar efectos en línea de tiempo de cada fotografía

6.   Guardar en forma *.Fla en su carpeta personal con el nombre taller comercial.

7.   Desde menú archivo opción exportar película, grabar el archivo de animación en el formato *.gif, y de película *.Avi.

8.   Publicar el clip de película o franja publicitaria *.avi en su blog personal

Clase # 2-IV hemiquimestre

Tema: Efectos 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:
1. Desde el menú de archivos 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
3. Guardar el clip de película en tres formatos: en el formato fuente *.fla; el formato animación *.gif; el formato película *.avi

Clase #1-IV hemiquimestre

Tema: animaciones en el programa adobe profesional flash cs3.
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 muy eficiente de la pagina web o de videos y películas.

Evaluación

EVALUACIÓN HEMIQUIMESTRAL
SEGUNDO BACHILLERATO
Tema: Diseño de páginas web en dreamweaver.
Objetivo: Concluir el proyecto de la página web correspondiente a su grupo mediante la utilización de las herramientas estudiadas en Adobe Dreamweaver para reforzar el conocimiento adquirido de la asignatura.
1. Abrir con el Dreamweaver las páginas web creadas 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 páginas nuevas con la información que corresponde:
a) En contáctenos: dirección personal, teléfono, e-mal
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 contáctenos

b) Perfil de Autoras: Nombres completos, edad, estudios primarios, pensamiento, opinión de la educación, carrera o profesión que le interese
i. Cambiar las propiedades con un color de fondo
ii. Guardar e insertar una imagen que relacione a personas trabajando
c) En las nuevas hojas web insertar un botón que regrese a la página principal.
d) Las nuevas hojas guardar con el nombre de archivo CONTÁCTENOS Y PERFIL respectivamente
4. Mostrar en el Mozilla Firefox la página terminada
5. Publicar en el blog este contenido como constancia de la evaluación.

Clase N° 4

Tema: Herramientas de objetos de imágenes y flash en Dreamweaver.
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 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.

Clase N° 3

Tema: Botones e hipervínculos en Dreamweaver.
Objetivo: Utilizar botones e hipervínculos en la página web personal, mediante la herramienta insertar del programa Dreamweaver para enlazar más hojas en formato HTML (Lenguaje de marcas de hipertexto).
BOTON FLASH.- Es un componente de las páginas web, que tiene 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 las páginas de la clase anterior, e insertar botones e hipervínculo

Clase N°2

Tema: Utilización del programa dreamweaver.
Objetivo: Analizar las herramientas básicas del programa Dreamweaver mediante talleres prácticos para el diseño de la página web.
INICIANDO CON DREAMWEAVER:
• Escoger crear nuevo HTML (Lenguaje de Marcas de Hipertexto, hipervínculos), que es 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 en la carpeta creado.

Clase N°1

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

¿Qué componentes tiene página web?
-Hipervínculos
-Cuadros de texto
-Animaciones
-Gráficos y textos

¿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

Clase N°9

Taller en Aula:
Item de preguntas simples:
1) Escriba una síntesis de las ventajas del programa Adobe Illustrator aplicado al diseño gráfico digital. Comentarios personales:
Este programa lo utilizamos para diseñar, folletos publicitarios, entre otras cosas necesarios en el campo del diseño grafic0.
2) Escriba el nombre de las áreas o ciencias que aplicaría el diseño gráfico digital
Computación, dibujo técnico, marketing.
3) Escriba el nombre de unas 4 herramientas que ha utilizado en el programa abobe Illustrator y explique su uso en el programa (es decir, breve descripción de como funciona cada herramienta):
Pluma: Se utiliza para realizar rectas o curvas.
Rectángulo: permite insertar en el diseño figuras geométricas ya realizadas.
Selección: Se usa para seleccionar las diversas herramientas.
Texto: Permite insertar al diseño un texto.
Item práctico:
Dibujar una caricatura de la televisión que a usted más le guste. Realícelo con la mayor creatividad, si es posible píntelo utilizando cualquier material de color.

Clase N°8

Tema: Herramienta pluma y la combinación de formas rectas y curvas
Objetivo: Completar la explicación del uso de la herramienta pluma creando formas curvas y rectas mediante un taller práctico para el dibujo y el diseño grafico digital.

Clase N°7

Tema: Prueba Práctica con las herramientas de adobe
Objetivo: Diseñar un afiche publicitario utilizando las herramientas aprendidas en el último mes para publicarlo en el blog.
Características del diseño:
1. Escoger una marca comercial o un lugar turístico como tema del afiche.
2. Utilizar las herramientas: pluma, texto, selección directa, rectángulo y otras que sean necesarias para el diseño.
3. El diseño como mínimo debe tener 15 objetos o elementos
4. Alojar en el blog para evaluar el diseño creado por el grupo.

Clase N°6

Tema: Aplicación práctica con nuevas herramientas de Adobe Illustrator.
Objetivo: Diseñar una Carátula de una asignatura del año de estudio por medio de las herramientas estudiadas en Adobe para una mejor presentación de nuestros recursos didácticos.
Herramientas nuevas para este diseño:
 Pluma
 Texto
o Efectos de texto:
 Biblioteca de símbolos.
 Propiedades de una herramienta
o Texto, Forma : Trazo

Clase N°5

TEMA: APLICACIÓN PRÁCTICA CON LAS HERRAMIENTAS BÁSICAS DE ADOBE ILLUSTRATOR.
OBJETIVO: UTILIZAR LAS HERRAMIENTAS BÁSICAS DE ADOBE ILLUSTRATOR POR MEDIO DE UN TALLER PRÁCTICO PARA EL DISEÑO GRÁFICO DIGITAL.

Clase #4

Tema: Introducción al diseño gráfico con adobe illustrator.
Objetivo: Analizar las herramientas básicas del programa adobe illustratos cs3 mediante un taller práctico para el diseño gráfico digital.
¿Qué es el diseño gráfico?
El diseño gráfico es una profesión cuya actividad, es la acción de concebir, programar, proyectar y realizar comunicaciones visuales, producidas en general por medios industriales y destinadas a transmitir mensajes específicos a grupos sociales determinados.
Características del programa adobe illutrator:

• Diseñe gráficos vectoriales con precisión y potencia con el software Adobe Illustrator CS5.
• Dibuje de forma precisa en perspectiva, cree trazos de ancho variable, pinte con pinceles de apariencia real y todo depende de tu creatividad.
Taller:
• Reconocimiento del área de trabajo.
• Utilizar las herramientas básicas de adobe en un diseño.
o Selección.- Selecciona una herramienta.
o Selección directa – selecciona en forma geométrica y la transforma.
o Rectángulo – Opciones de formas geométricas.

Clase #3

Fecha: 17 de mayo de 2011
Tema: configuración del blog personal (mi cuaderno virtual)
Objetivo: utilizar las herramientas basicas de lña plataforma del blog personal mediante un taller pedagogico 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 la clase al blog por fechas.
3.- editar entradas
Modificar el contenido de una entrada, eliminar parte o toda la entrada no deseadas.
4.-diseño
Añadir y organizar los elementos del blog.

Clase #2

Fecha: 26 de abril del 2011

Tema: Información pública en internet

Objetivo: Identificar sitios web mediante la búsqueda de información para mayor conocimiento tecnológico.

La información en internet se basa en la ley de transparencia donde encontramos sitios web creados por el gobierno así como instituciones privadas que muestran información importante para la comunidad.

1.   Para verificar profesionales registrados en la secretaria nacional de educación superior, ciencia y tecnología (www.senescyt.gob.ec)

2.   Verificar el consumo y  guía telefónica de la corporación nacional de telecomunicaciones (www.cnt.com.ec)

3.   Verificar el lugar de votación en las elecciones y consultas populares. Consejo Nacional Electoral. (http://www.cne.gob.ec/)

Clase #1

FECHA: 10 DE MAYO DEL 2011.

TEMA: BLOG EN INTERNET (MI CUADERNO VIRTUAL)

OBJETIVO: CREAR UN BLOG EN INTERNET MEDIANTE LAS HERRAMIENTAS DEL SITIO WEB WWW.BLOGGER.COM PARA PUBLICAR LAS CLASES DE COMPUTACIÓN.

¿Qué es un Blog?

Un blog, o en español también denominada bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente. Y Puede llamarse cuaderno de trabajo.

PASOS PARA CREAR UN BLOG

1. Escoge una temática para tu blog

2. Escoge un buen nombre para tu blog

3. Escoge una plataforma para tu blog, donde debes ingresar un correo o usuario y la contraseña, para realizar los cambios constantes.

4. Escoge una plantilla para el blog, colores, fondos.

5. Escribe artículos interesantes y de calidad en tu blog.

NOTA: CREAR EL BLOG EN www.blogger.com