Instituto de Educación Técnica Profesional de Roldanillo, Valle INTEP MICROCURRÍCULO

Transcripción

1 PROGRAMA ACADÉMICO: ASIGNATURA: UNIDAD ACADÉMICA O FACULTAD: SEMESTRE: PRERREQUISITO: INTENSIDAD HORARIA:45 No. CRÉDITOS: 2 TECNOLOGÍA EN ANIMACIÓN DIGITAL DISEÑO DIGITAL DE SITIOS WEB UNIDAD DE SISTEMAS Y ELECTRICIDAD I Presencial Autónomo Total OBJETIVO DE LA ASIGNATURA Instalar en el estudiante las herramientas teóricas y prácticas que le permitan diseñar todo tipo de productos digitales bajo el Software Adobe DreamWeaver. COMPETENCIAS A DESARROLLAR Al finalizar el curso el estudiante estará en capacidad de realizar la diagramación y composición de diferentes tipos de páginas web, de una manera armónica y consistente con las tendencias visuales del mercado, con la ayuda del software establecido y el manejo de conceptos básicos de diseño y color. CONTENIDO PROGRAMÁTICO Presentación del módulo, metodología de trabajo, contenidos, fechas de evaluación y Compromisos, Conceptos básicos sobre el diseño aplicado a diferentes entornos web según su público objetivo. La comunicación visual a través de la forma y el color y la importancia de una página web exitosa para una empresa o entidad. Herramientas básicas de DreamWever y su propósito ESTRATEGIA METODOLÓGICA Y DIDÁCTICA Explicación teórico-práctica de los conceptos de diagramación y composición, elementos del diseño aplicados a sitios web según su propósito. Ejercicios prácticos en clase con el software de diseño y edición, teniendo como base el conocimiento gráfico y estético adquirido. Apoyo audiovisual que sirva como referencia para conocer las tendencias actuales del diseño web. EVALUACIÓN Estrategias de evaluación Escrita, oral, práctica individual y grupal. Heteroevaluación, Evaluación procesual.

2 Porcentajes de evaluación 30% (Talleres, exposiciones, producto gráfico) 35% (Talleres, prácticas en sala de sistemas, producto gráfico) 35% (Trabajo Final) BIBLIOGRAFÍA.Diseño Gráfico De Páginas Web - Daniel Gayo Avello COMPETENCIAS A CONSTRUIR SEM / HORAS OBJETIVOS DE INTEGRACIÓN Y ESPECÍFICOS CONOCIMIENTOS ASOCIADOS SITUACIONES DE APRENDIZAJE Localizar elementos creativamente. Aplicar la simbología en la conceptualización del producto. 16 Diagramar y componer todo tipo de Sitios Web. Conceptualizar todo tipo de diseños, incluso los corporativos y de logo símbolos a incluir en un Sitio Web. Conocer las áreas de impacto visual psicológico en el espacio de diseño de para páginas web. Definir que simbología y modelo de comunicación qué se debe utilizar en cualquier diseño, y la relacionada con logo símbolos a colocar en un Sitio Web. Manejar el lenguaje y las herramientas básicas. Manejar el lenguaje y las herramientas complejas para generar sensaciones. 16 Aplicar las herramientas del Software DreamWeaver para crear un área de impacto visual. Aplicar las herramientas del Software DreamWeaver para construir, manejar lenguajes, dinamizar, trabajar en vivo, crear y diseñar productos comunicativos y publicitarios con base en insumos Localizar en un área de impacto visual los elementos necesarios para crearla. Seleccionar las herramientas más adecuadas para el diseño de un producto comunicativo y publicitario.

3 desarrollados en otros programas. Crear y administrar un Sitio Web. Colocar innovadoramente elementos complejos. 16 Colocar formas, imágenes, animaciones en 2D y 3D, videos, textos animados, audios, colores y efectos especiales, en un área de impacto visual. Utilizar formas, textos, colores, texturas y efectos para elaborar productos comunicativos y publicitarios con base en insumos desarrollados en otros programas.(coreldra W, Ilustrator y Photoshop) Determinar qué tipo de elementos son necesarios para hacer atractiva un área de diseño. Conocer los contenidos (implícitos y explícitos) de formas, textos, colores, texturas y efectos del diseño. Producir innovadoramente. Crear un estilo propio de diagramación, composición para un producto comunicativo y publicitario. 16 Conocer las tendencias y estilos de diseño. Construir un estilo novedoso para un producto comunicativo y publicitario. Incentivar la creación libre a partir del conocimiento. Incentivar la creación libre a partir del conocimiento. RECOMENDACIONES PEDAGÓGICAS - Brindar asistencia personal a los estudiantes para solucionar las inquietudes que puedan afrontar durante el proceso cognitivo y la aplicación de las herramientas. - Desarrollar talleres prácticos para las clases con ejemplos de diseño para incentivar la utilización y aplicación de los lenguajes, herramientas y en especial la creatividad.

4 - Realizar una visita a una empresa diseñadora de Sitios Web para conocer desde el proceso inicial de conceptualización y diseño hasta la parte final de sustentación y puesta en servicio del portal. BIBLIOGRAFÍA Software Adobe DreamWeaver.Adobe Diseño Gráfico De Páginas Web - Daniel Gayo Avello PLANEACIÓN SEMANAL SEMANA TEMAS 1 Conceptos Básicos de Diagramación y Composición de Sitios Web bajo DreamWeaver. Área de Trabajo o Interface. Planificación: Definir, Crear y Nombrar un Sitio Web (Leyes y Normas Nacionales e Internacionales). 2 Ordenar el Texto en Listas, los Enlaces, Vínculos o Hiperenlaces, Añadir Imágenes, Guardar la Página, Tablas, Modificar las Tablas, Opciones de las Tablas, Modificar las Celdas, Insertar Filas y Columnas. 3 Conceptos Básicos de Diagramación y Composición de un Sitio Web: Utilizando Tablas, Cómo Colorear las Tablas, Layout View, Las Acciones o Comportamientos, Página con Marcos, Estructura de la Web, Eliminar Errores de la Web y Formularios. 4 Conceptos Avanzados de Lenguaje y Herramientas: Lenguajes HTML y Javascript, el URL, Fuentes, Carpetas y Archivos, Carpetas Raíz y Remotas, Páginas Contribute, Conexión a Servidores, Edición de Páginas, Prediseños CSS, Protección y Desprotección de Archivos y Botones. 5 Creación y Conceptualización de un Sitio Web Informativo, Comunicativo y

5 Publicitario y Diseño del Producto, como una Unidad Comercial y Educativa de Impacto y de Venta de Publicidad y Contenido. 6 Inserción y Localización de Textos, Imágenes, Videos, Audios, Colores, Publicidad, Botones, Información, Requisitos de Leyes y Normas Nacionales e Internacionales. 7 Producción, Realización, Diseño y Edición Digital del Sitio Web (Información, Publicidad, Colores, Textos e Imágenes). 8 Producción, Concepción, Creación, Dirección, Realización, Diseño, Edición, Presentación y Sustentación del Concepto Integral de Diseño de un Sitio Web, Ficticio o Real.