II QUIMESTRE- CLASE#3

TEMA: Botones e Hipervinculos en Dreamweaver.

OBJETIVO: Utilizar botones e hipervinculos en la pagina web personal, Mediante la herramienta insertar del programa Dreamweaver para enlazar mas hojhas en formato en HTML. (lenguaje de marcas de Hipertexto).

BOTON FLASH.- Es un componente de las paginas web que tienen color, forma, animacion, texto y propiedades que permiten crear vinculos hacia otras hojas web.

HIPERVINCULO.- 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 #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 páginas web.

INICIANDO CON DREAMWEAVER

· Escoger crear nuevo HTML, 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.

CLASE #1 DEL II QUIMESTRE

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 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 hipervinculos de una página, siendo esto el fundamento de la WWW.

¿Qué compónentes tiene una página web?
-Hipervinculos
-Cuadros de texto
-Animaciones
-Gráficos 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.debbieplaza.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 computador o servidor LOCAL a un equipo de un proveedor de HOSTING o servidor REMOTO.

TALLER EN EL AULA

FECHA: Martes, 16 de Agosto del 2011.
ASIGNATURA: Computación.
PROFESOR: Lic. Joffre Armijos Moran.
AÑO DE ESTUDIO: Tercero Quibio C.
CONOCIMIENTO: El blog y las herramientas de Adobe Illustrator CS3.
NOMBRE DE ESTUDIANTES: Debbie Plaza, Cristina Quinde.

ITEMS PREGUNTAS SIMPLES
1.Escriba una síntesis de las ventajas del programa de Adobe Illustrator aplicado al diseño gráfico digital. Comentarios Personales:

Facilita la elaboración de diseños gracias a sus herramientas.

El manejo avanzado de tipografía, y la consistencia de los colores a la hora de imprimir los trabajos.

Creación artística de dibujo y pintura para Ilustración .

Facilitan la creación de extraordinarios gráficos para diseños de impresión, imágenes web e interactivas, y gráficos animados y para móviles.

Convierta con rapidez y precisión fotografías, elementos escaneados u otras imágenes de mapa de bits en trazados vectoriales ampliables y editables con la función Calco interactivo.

Cree archivos PDF de Adobe, incluidos los archivos PDF multipágina, de forma que los clientes y otras personas puedan revisar las ilustraciones.

Realice creaciones para la web y dispositivos móviles de forma fácil mediante herramientas de secciones basadas en vectores, una potente integración con Flash, nuevos perfiles de documento para diseños web y móviles, la capacidad de previsualizar el contenido de los móviles en Adobe Device Central, etc.

Aumento de la productividad

sirve para crear dibujos y pinturas con ilustraciones

Sirve para la creación artística, y de fácil y rápido uso.

nos permite realizar gráficos profesionales para imprenta, la web y otros medios editoriales.

facilita la elaboración de graficos gracias a la utilización de sus debidas herramientas

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

Publicidad

ingeniería civil,

*arquitectura

*DISEÑO PARA INFORMACIÓN.- Está representado por el armado de láminas educativas, gráficos, informes, esquemas, ilustraciones, manuales de instrucciones, agendas, tapas de video, de cassette, de CD, tarjetería, etc.

*DISEÑO PARA EDITORIAL.- Conforma una serie de actividades para el armado y compaginación de originales de libros, folletos, revistas y diarios.

* DISEÑO PARA PERSUASIÓN.- Está destinado a influir en la conducta del público, abarcativas de tres áreas: la publicidad en sus dos aspectos: comercial y no comercial; la propaganda, tanto política como ideológica; las comunicaciones de interés social: salud, campañas de prevención, etc.

* DISEÑO PARA CARTELERÍA.- Se encuentran relacionados con las área de diseño informativo y publicitario, pero se circunscribe al ámbito gráfico para el armado y compaginación de carteles, afiches, volantes, señalética, etc.

*DISEÑO PARA SERIGRAFÍA.- Constituye una especialización en un área abarcativa de elementos para la preparación de originales de banderines, stikers, llaveros, ceniceros, etc., que luego se imprimirán con la técnica de planografia.

*DISEÑO PARA ADMINISTRACIÓN.- Comprende una serie especial, que permite desarrollar modelos exclusivos en lo que se refiere al ámbito comercial: recibos, facturas, remitos, etc.

*DISEÑO PARA IMAGEN CORPORATIVA.- Esta especialidad permite organizar actividades desde el programa de identidad visual: papelería empresarial y formularios, logos, publicidad, promoción directa y en puntos de venta, arquitectura comercial, diseño interior, identificación de edificios, señalética y envases.

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):

Herramienta pluma.- dibuja líneas rectas y curvas para crear objetos.
Herramienta Rectángulo (M) dibuja cuadrados y rectángulos.
Herramienta Polígono dibuja formas regulares de varios lados
La herramienta Elipse (L) dibuja círculos y elipses.

4.- Consulte en internet el nombre de unos 5 programas que sirven para el diseño gráfico, y escriba unas características básicas de cada uno:

*ADOBE PHOTOSHOP>>> Edición de imágenes raster, es decir, no vectoriales como bitmaps (jpg, tif, bmp, tga, gif etc...)

ADOBE ILLUSTRATOR>>> Edición de graficos vectoriales, todos los graficos basados en trazos formados por algoritmos matemáticos y no por imagenes en bitmap, este programa tiene su propio formato que es ".ai" y actualmente es compatible con otros programas de vectores como COREL DRAW

COREL DRAW>>> De la familia del paquete COREL SUITE es un programa para edición de gráficos vectoriales, muy parecido al ILLUSTRATOR solo que de diferente fabricante e por ende una interfaz de trabajo también algo diferente. Este programa también tiene su propio formato de archivo y es ".cdr" también compatible con algunos de los programas profesionales para edición de vectores como el ADOBE ILLUSTRATOR

QUARK EXPRESS>>> Es un software para armado editorial, y te permite con su interfaz hacer de manera mas practica y profesional ensambles de trabajos editoriales como revistas, periódicos, libros etc... Este software tiene la cualidad de proveer hacia la fase final de impresión un material prácticamente resuelto en el aspecto de códigos de color, medidas, margenes etc...

ADOBE INDESIGN>>> Es un software que te permite de manera relativamente fácil crear tus diseños de layout para propuestas gráficas, cuenta con herramientas muy poderosas para potenciar tu creatividad al máximo y obtener como resultado un trabajo de diseño ya sea para alguna propuesta o como producto final de calidad excelente.

5.- ESCRIBA UNA SINTESIS DE LAS VENTAJAS Y CARACTERISTICAS DE UN BLOG EN INTERNET:

Nos ayuda a recopilar cronológicamente textos o artículos.

El blog puede ser personal, temático o empresarial, fotoblog, audioblog.

Es un cuaderno de trabajo que ha sido utilizado como un diario de campo.

En tu blog puedes tener “Enlaces” hacia sitios que tengan o no relación con la temática de tu blog,

Puedes tener publicidad y generar Ingresos con las diferentes herramientas que existen actualmente en Internet.

Una de las mejores características de un blog, es que no necesitas tener conocimientos avanzados o técnicos en cuestión de Internet, programación o computación.

Te permite expresarte y dar información de ayuda a la comunidad.

CLASE#11

TEMA: Taller

Utilizando la herramIenta pluma realice un diseño personal para publicarlo en el blog; sea creativa y utilice colores, si es necesario utilice otras herramientas

OBJETIVO: Diseñar una caricatura con la herramienta pluma utilizando colores y otras herramientas para publicarlo en el blog.

CLASE#10

TEMA: Herramienta Pluma y la combinación de formas. crurvas y rectas.

OBJETIVO: Completar la explicacion del uso de herramienta pluma con formas curvas y rectas medianet un taller practico para el dibujo y el diseño grafico digital.

CLASE #9

PRUEBA PRÁCTICA CON LAS HERRAMIENTAS DE ADOBE ILLUSTRATOR

Objetivo: Diseñar un afiche personal con las herramientas estudiadas en el programa de adobe Illustrator, verificando el conocimiento tratado en el último mes.

CARACTERISTICAS DEL AFICHE

1. NOMBRES DEL DOCUMENTO AFICHE PUBLICITARIO
2. ESCOGER UNA MARCA COMERCIAL O UN LUGAR TURISTICO DE LA PROVINCIA DE EL ORO
3. UTILIZAR LAS HERRAMIENTAS SELECCIÓN, SELECCIÓN DIRECTA, RECTANGULO, PLUMA, Y BUSCATRAZOS.
4. EL DISEÑO DEBE TENER CREATIVIDAD COLORES, TRAZOS.
5. AL MENOS DEBE TENER 12 ELEMENTOS U OBJETOS EN EL DISEÑO.