Inicio - Informática - Grado 11° - Diseño Gráfico

Diseño Gráfico Digital

PERIODO I

Agenda No. 1.

1. Saludo, oración, asistencia, Presentación de la asignatura

2. Socializaión y registro Indicadores de desempeño, metas de aprendizaje y ambitos conceptuales.
4. Presentación de los contenidos del área.
5. Realización de actividad No. 1 sobre Introducción al diseño grafico.

Compromisos

Terminar Actividad No. 1. Taller sobre introducción al diseño gráfico.

DESARROLLO DE LA AGENDA

Pregunta Problematizadora

¿Por qué el diseño gráfico es un factor fundamental para intervenir en la toma de decisiones del ser humano?

Indicadores de desempeño

Saber Conocer

Identifica conceptos de diseño gráfico y publicidad y la importancia que tienen en la vida comercial actual.

Saber Hacer

Aplica conceptos básicos de diseño gráfico y utiliza herramientas digitales de Adobe Fireworks para la construcción de modelos.

Saber Ser

Debate sobre los procesos tecnológicos en su comunidad para evaluar el impacto sobre su posible implementación.

INTRODUCCIÓN AL DISEÑO GRÁFICO

AMBIENTACIÓN

El diseño gráfico es una actividad QUE consiste en concebir, organizar, proyectar y realizar comunicaciones visuales, producidas en general por
medios industriales y destinadas a transmitir mensajes específicos a grupos sociales y con objetivos claros y determinados. Esta actividad posibilita
comunicar gráficamente ideas, hechos y valores procesados y sintetizados en términos de forma y comunicación,
factores sociales, culturales, económicos, estéticos y tecnológicos. También se conoce con el nombre de diseño en comunicación visual. Para comprender
su importancia analiza el siguiente video:
 ¿Qué es el Diseño Gráfico? (en resumen)

Actividad No. 1. Introducción al Diseño Gráfico

Para comprender mejor el mundo del diseño gráfico, realiza la siguiente consulta y consigna las evidencias en tu cuaderno de informática:

1. ¿Qué es el diseño gráfico?

2. En qué consisten: las artes visuales, Tipografía y composición de página.

3. Realiza una breve reseña histórica del diseño gráfico.

4. ¿Qué es un diseñador gráfico?

5. ¿Qué relación existe entre el diseño gráfico y la publicidad?

6. Una imagen publicitaria transmite varios tipos de mensajes, cuales son y describe sus características.(subliminal, sintomático, implícito y
explicito).

7. ¿Que aplicaciones informáticas se utilizan para crear elaborar diseños digitales?

8. Realiza una imagen publicitaria sin texto y describe los posibles mensajes que puede comunicar.

9. Decifra los mensajes que comunican los siguientes conjuntos de imagenes contenidas en WhatsApp:

10. Que mensajes, conocimiento o ideas percibes en la siguiente imagen

Nota: el siguiente video te ayudara con la comprenmción de algunos conceptos:

[Link]

Adobe Fireworks

Adobe Fireworks (anteriormente llamado Macromedia Fireworks) es un editor de gráficos vectoriales y mapas de bits. Fue originalmente desarrollado
usando partes de Macromedia xRes, la cual había sido adquirida por Adobe en 2005. Fireworks está pensado para que los desarrolladores web puedan crear
rápidamente interfaces web y prototipos de websites. El programa tiene la capacidad de integrarse con otros productos de Adobe tales como
el Dreamweaver o Flash. Está disponible de forma individual o integrado en la Adobe Creative Suite. En la Suite de Adobe se identifica por usar el color
amarillo, color que venia usando como representación desde que pertenecía a Macromedia.

El siguiente video nos muestra de manera general como esta estructurada este programa, el cual utilizaremos inicialmente para crear nuestros diseños.

Introduccion Adobe Fireworks CS6

*********************************************************
PERIODO 2

Pregunta Problematizadora

¿Cómo diseñar sitios web utilizando la apicación Adobe Fireworks?

Indicadores de desempeño
Saber Conocer

Identifico conceptos de Pagina web, sitio web y portal web para construir y publicar sitios.

Saber Hacer

Utilizo herramientas de Adobe Fireworks para diseñar sitios web corporativos

Saber Ser

Participo de manera activa y responsable en las diferentes clases y aporto conocimientos a sus compañeros.

AMBITOS CONCEPTUALES

Creación de plantillas en fireworks.

Crear hipervinculos en los botones animados

intercambio de imágenes para crear Galerias
Exportar en HTML

METAS DE APRENDIZAJE

1. Identificar conceptos de plantillas para construcción de sitios web

2. Manejar herramientas de Fireworks para crear y editar galeria de imágenes y plantillas web.
3. Exporta plantillas web estructuradas para sitios web.

ACTIVIDAD No. 1. PROYECTO SITIO WEB

De acuerdo a los conocimientos adquiridos, diseñar una plantilla web en fireworks que reuna los requisitos fundamentales de una página corporaiva:

1. Diseñar boceto de plantilla en una hoja de bloc

2. Banner (Diseño de montaje de imagenes, logotipo, lema y nombre del sitio).

3. Menú de navegación (botones animados con hipervinculos).

4. Marcos de contenidos.

Observación:

Tomar como referencia algun sitio existente como:

[Link]

[Link]

[Link]

ACTIVIDAD No. 2. Taller de infraestructura Web

Consulta la siguiente información, te servira para comprender el funcionamiento físico y lógico de la estructura web:

Crea una página web gratis

1. Define los siguientes términos: Dirección IP, servidor de dominio, servidor de hospedaje, DNS, IP pública, Página web, Sitio web, Portal web, Banner, logotipo, lema,
imagen corporativa.

2. Cuál son las diferentes estructuras de paginas web.

3. Que se entiende por plantilla web.

4. Cuáles son los componentes que conforman una dirección de dominio.

5. Que empresas web ofrecen los servicios de dominios y hospedaje.

6. Cuáles son los lenguajes de programación más comerciales para desarrollar sitios web?

7. Explica el procedimiento para publicar un sitio web en Internet.

Ó Ó
 CREACIÓN Y EDICIÓN DE VIDEO

1. Que es un video

2. Como se mide la calidad de un video

3. Que es un códec

4. Explica en que consiste la relación de aspecto

5. Cuáles son los formatos de video, describe las características de cada uno.

Inicio
Mi Perfil
Informática
Grado 7°
Grado 8°
Grado 9°
Grado 10°
Grado 11°
Sesión Didáctica No. 1
Sesión Didáctica No. 2
Sesión Didáctica No. 3
Sesión Didáctica No. 4
Sesión Didáctica No. 5
Diseño Gráfico
Sesión Didáctica No. 3
Grado 10°
INVESTIGACIÓN
Cronograma
Telemática
Convivencia
Foros
Evidencias
Sabías que...
El Profe Responde...
Fotogalería
Libro de visitas
Contáctanos
Calendario Eventos

Contacto
Juan Carlos Alvarez A.

Tecnología e Informática Colegio Ferrini Bilingue

jucal38@[Link]
Buscar en el sitio

Inicio | Imprimir | Mapa del sitio | RSS

© 2017 Todos los derechos reservados.