CLASE N° 3

CLASE N° 3

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 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 de esta misma opción escoge un color de fondo.

3.    Importar a escenario desde menú archivo 4 imágenes  guardadas previamente de un producto comercial.

4.    Escribir un slogan 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 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; 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 N° 2

Clase N° 2

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ú 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 TRANSICION.

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.

IV HEMIQUIMESTRE

 

Clase N° 1

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ía, 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.

EVALUCION HEQUIMESTRAL

SEGUNDO BACHILLERATO

Tema: Diseñar una página 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 abobe dreamweaver para reforzar el conocimiento 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 autores o autoras.

3.    Crear las paginas nuevas con la información que corresponda:

·         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 a la frase CONTACTENOS.

·         Perfil de Autores: Nombres completos, edad, estudios primarios, pensamiento, opinión de la educación, carrera o 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.

·         En las nuevas hojas web insertar un botón que regrese a la página principal.

·         Las nuevas hojas guardar con el nombre de archivo CONTACTENOS y PERFIL respectivamente.

4.    Mostrar en el Mozilla Firefox la página terminada.

5.    Publicar en el blog este contenido como constancias de la evaluación.

CLASE N°4

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

Tema: Botones e Hipervínculos de 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).

Botón 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.

Hipervínculos: Es la acción de insertar o crear un vínculo o enlace hacia otras hojas o páginas web.

Taller: Continuar con la pagina

Tema: Utilización 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.

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.

Segundo Quimestre

Segundo Quimestre

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
Tema: Herramienta pluma y la combinacion de formas curvas y rectas.
Objetivo: Completar la explicacion del uso de herramienta pluma con formas curvas

CLASE # 7

CLASE # 7

Fecha: 12 de Julio del 2011.

Tema: Prueba práctica con las herramientas de Adobe Illustrator.

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 de la ficha.

2. Utilizar las herramientas pluma, texto, selección directa, 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 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 #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

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