clase 3

                                                                           CLASE # 3 – 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 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

1) Tamaño de la franja de 600 x200 pixeles

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

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

4) Escribir una frase o eslogan del producto.

5) Aplicar efectos en una línea de tiempo de cada fotografía y del texto.

6) Guardar en formato *FLA en su carpeta personal con el nombre taller comercial

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

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

VIDEO

clase 2 4 hemiquimestre

CLASE 2 – IV HEMIQUIMESTRE

TEMA: EFECTOS LINEAS DE TIEMPO EN ADOBE FLASH

OBJETIVO: Utilizar las herramientas de DOBE FLASH efectos líneas de tiempo en varias fotografías para crear un clip de película.

TALLER:

1.- Desde el menú archivo ir a la opción importar, importar a escenario, 4 fotografias.

2.- A todas las fotografías le aplicamos efectos líneas de tiempo opción TRANSICION.

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

clase1 4hemiquimestre

CLASE 1 – IV HEMIQUIMESTRE

TEMA: ANIMACIONES EN EL PROGRAMA ADOBE PROFESIONAL FLASH CS3.

OBJETIVO: Identificar las herramientas de 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 es una 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 mejor presentación eficiente  de la página web, o de videos y películas.

CLASE 4

CLASE 4

TEMA:

HERRAMIENTA DE OBJETOS DE IMAGENES Y FLASH EN DREAMWEAVER

OBJETIVO: Utilizar las herramientas del menu insertar e imagenes mediante un taller practico para una mejor presentacion de nuestra pagina web.

ANIMACIONES: Imagenes con movimiento flash, se las puede crear o descargar de la pagina www.gifanimados.com 

IMAGENES DE SUSTITUCION: Al pasar el mouse sobre una imagen cambiara por otro.

TEXTO FLASH: Al pasar sobre una frase o texto cambiara el color o el formato.

CLASES 3

CLASE 3

TEMA: BOTONES E HIPERVINCULOS EN DREAMWEAVER

OBJETIVO: Utilizr botones e hipervinculos en la pagino web personal, mediente la herramienta insertar del programa de DREAMWEAVER para enlazar mas hojas en formato HTML. (Lenguaje de marcas de hipertexto) 

BOTON FLASH: Es un componente de la pagina web, que tiene color, forma, animacion, textos 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 inserta botones de hipervinculos.

CLASE 2

CLASE 2

Tema: Utilización del programa Dreamweaver

FECHA: 22 DE SEPTIEMBRE DEL 2011

Objetivo: analizar las herramientas básicas del programa Dreamweaver, mediante talleres prácticos para el diseño de páginas WEB.

INICIANDO CON DREAMWEAVER          

<!--[if !supportLists]-->v  Escoger, crear un nuevo HTML (Lenguaje de marcas de hipertexto, hipervínculos), que es el formato para las páginas web.<!--[endif]-->

<!--[if !supportLists]-->v  Utilizar las herramientas e imágenes de formato y propiedades de páginas<!--[endif]-->

<!--[if !supportLists]-->v  Insertar tablas e imágenes para distribuir mejor la información<!--[endif]-->

<!--[if !supportLists]-->v  Diseñar otra hojas en formato HTML para crear hipervínculos con texto, botones flash.<!--[endif]-->

NOTA: guardar todo componente de su página Web en la carpeta creada.

CLASE 1

CLASE # 1

Fecha: 15 de Septiembre del 2011

TEMA: DISEÑO DE PAGINAS WEB

OBJETIVO: ANALIZAR TÉRMINOS TÉCNICOS APLICADOS A LAS PAGINAS WEB MEDIANTE MEDIANTE LLUVIA DE IDEAS PARA DISEÑAR HOJAS EN FORMATO 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 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 el fundamento para la www.

¿Qué componentes tiene una página web?

Ø  Hipervínculos

Ø  Cuadros de texto

Ø  Animaciones

Ø  Gráfico 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 mí 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.

Trabajo en Aula.

·         CONOCIMIENTO: Herramientas de Adobe Illustrator CS3.

ITEM PREGUNTAS SIMPLES.

1.- Escriba una síntesis de las ventajas del programa de Adobe Illustrator aplicado al diseño gráfico digital. Comentarios personales.

El programa Adobe Illustrator nos ayuda y nos permite crear y obtener graficos que nosotros deseamos utilizando adecuadamente sus herramientas para asi que realizan lo que queremos.

2.- escriba el nombre de las áreas o ciencias que aplicaría el diseño gráfico digital.

Prácticamente en todas las materias.

3.- Escriba el nombre de unas 4 herramientas que se ha utilizado en el programa de Adobe Illustrator y explique su uso en el programa (es decir breve descripción de cómo funciona cada herramienta)  

·         Selección.-   Selecciona el área del grafico que deseamos obtener.

·         Pluma.- Se utiliza para crear rectas, curvas, dando forma al gráfico.

·         Selección Directa.- Selecciona directamente el grafico.

·         Texto.-   Se utiliza para escribir en forma directa en la hoja.

ITEM PRÁCTICO.

Dibujar en la parte de atrás de la hoja una caricatura de la televisión que a usted más le llame la atención. Realícelo con la mayor creatividad, si es posible píntelo utilizando cualquier material de colores.

CLASE #8

Fecha: 26 de julio de 2011

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

Objetivo: Completarla explicación del uso de herramienta pluma con formas curvas y rectas mediante un taller práctico para el dibujo y el diseño gráfico digital.

 Característica del Diseño:

1.    Escoger una marca comercial o un lugar turístico como tema de la ficha.

2.    Utilizar las herramientas pluma, texto, selección directo, rectángulo y otras que sean necesarias para el diseño.

3.    El diseño debe como mínimo tener 15 objetos o elementos.

4.    Alojar en el blog para evaluar el diseño evaluado.

CLASE #7

                           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 #6

TEMA:   Aplicación Práctica con nuevas herramientas de DOBE ILLUSTRATOR.

OBJETIVO: Diseñar una caratula de una asignatura del año de estudio por medio de las herramientas estudiadas  en Adove 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

Clase N° 5

Fecha: 28 de junio de 2011.

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 N°4

Clase N°4

Fecha: 21 de junio de 2011.

Tema: Introducción al Diseño Gráfico con Adobe Illustrator.

Objetico: Analiza las herramientas básicas del programa de Adobe Illustrator 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 destinados a transmitir mensajes específicos a grupos sociales determinados.

Características del Programa Adobe Illustrator:

Diseñe gráficos vectoriales con precisión 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

·         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 una forma geométrica y la transforma.

o   Rectángulo – Opciones de formas geométricas.

Clase #3

Fecha: 17 de mayo del 2011

Tema: Configuración 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)Configuracion de mi perfil

Datos personales y fotografías.

2)Nuevas Entradas

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

3) EDITAR ENTRADASMODIFICAE EL CONTENIDO DE UNA ENTRADA, ELIMINAR PARTE O TODA LA ENTRADA NO DESEADAS. 

4) DISEÑOAÑADIR Y ORGANIZAR LOS ELEMENTOS DEL BLOG

Clase #2

FECHA: 26 DE ABRIL DEL 2011
TEMA: BLOG EN INTERNET ( MI CUADRENO VIRTUAL)
OBJETIVO: CREAR UN BLOG EN INTERNET MEDIANTE LAS HERRAMIENTAS DEL SITIO WEB www.blogger.com PARA PUBLICAR LAS CLASES DE COMPUTACION.

• QUE ES UN BLOG?

Un blog, o en español también una 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, apareciendo primero el mas reciente.y puede llamarse

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

Clase #1

Tema: INFORMACION PÚBLICA EN INTERNET
Objetivo: IDENTIFICAR SITIOS WEB MEDIANTE LA BUSQUEDA DE INFORMACION PARA UN MAYOR CONOCIMIENTO TECNOLOGICO.

• LA INFORMACION EN INTERNET SE BASA EN LA LEY DE TRASPARENCIA DONDE ENCONTRAMOS SITIOS WEB CREADOS POR EL GOBIERNO ASI COMO INSITUCIONES PRIVADAS QUE MUESTRAN INFORMACION IMPORTANTE PARA LA COMUNIDAD.