Post on 24-Jan-2016
UNIVERSIDAD CAPITÁN GENERAL GERARDO BARRIOSFACULTAD DE CIENCIA Y TECNOLOGIA
LICENCIATURA EN COMPUTACIÓN
MÓDULO I: DISEÑO GRAFICO
DOCENTE: ING. EDWIN ROLANDO PAREDES CALDERON
ÁREA DE PREESPECIALIZACIÓN:REDES Y DISEÑO WEB
SILABUS
HORAS TEÓRICAS SEMANALES : 1 Hora HORAS PRÁCTICAS SEMANALES : 2 Horas DURACIÓN DE HORA CLASE : 60
Minutos MÓDULO : I HORARIO :
DESCRIPCIÓN DEL MÓDULOEl Módulo consiste impartir los conocimientos teóricos
y prácticos necesarios para diseñar interfaces de aplicaciones Web dinámicas profundizando en el conocimiento y utilización de herramientas y conceptos de diseño Web profesional.
El módulo inicia con la introducción de las bases para la planificación y diseño de sitios Web, adquiriendo conocimiento del Lenguaje HTML, el estudiante podrá diseñar, modificar, y actualizar sitios Web aplicando los cambios directamente al código sin uso de editor de sitios Web.
Las etiquetas HTML se trabajarán de la mano con las Hojas de Estilo (CSS) lo cual brindará la estética y formatos que un sitio Web profesional requiere.
La segunda etapa del módulo consiste en adquirir las competencias necesarias para diseñar páginas de gran riqueza visual así como totalmente dinámicas e interactivas, el estudiante adquirirá conocimientos del lenguaje JavaScript mediante el uso de modelos y eventos del navegador.
Con XHTML el estudiante aprenderá el mundo dinámico de HTML, creando y manejando capas agregando características dinámicas al sitio Web.
La última etapa del módulo consiste en el uso y manejo del editor de sitios Web Adobe Dreamweaver CS4, el uso de este editor permite al estudiante obtener el conocimiento visual de cómo desarrollar sitios Web integrando a la vez los conocimientos adquiridos de CSS, HTML, XHTML, y JavaScript.
OBJETIVOSProporcionar a los estudiantes los
conocimientos básicos necesarios para el diseño de sitios Web profesionales.
Capacitar al estudiante en la integración de diversas herramientas para el diseño de páginas Web.
Seleccionar y utilizar con idoneidad las herramientas informáticas apropiadas para diseñar sitios Web.
Capacitar al estudiante en el empaquetado de sitios Web utilizando las herramientas y técnicas proporcionadas por el editor Adobe Dreamweaver CS4.
Organizar adecuadamente la información suministrada para elaborar sitios Web.
Utilizar con fundamento, los principios básicos de diseño para elaborar sitios que sean gráficamente coherentes y atractivos.
METODOLOGÍA Para el desarrollo de este módulo se utilizará la siguiente
metodología: El 33% de las clases serán expositivas, en donde el docente explicará
el desarrollo de los contenidos. El 67% se empleará para las clases prácticas utilizando el equipo de red y cómputo disponible en el laboratorio.
Entre las técnicas didácticas que se utilizarán para el desarrollo del
módulo están:
Clases prácticas discutidas. Clases magistrales con enfoque de participación de grupos de trabajo. Discusión entre facilitador y grupos. Prácticas. Investigaciones y trabajos de campo. Controles de lectura. Correo Electrónico, Chat y Publicación Web
SISTEMA DE EVALUACIÓNLa forma en que se evaluarán los contenidos
del módulo se detallan a continuación: EVALUACIÓN
Prueba escrita (parcial) 50%Investigación y trabajo práctico 25%Controles de lectura(3) 15%Asistencia y participación 10% Total 100%
CONTENIDO GENERAL
TEMAS CONTENIDOS OBJETIVODuración/Hrs
Teoría
Práctica
1Introducción a
HTML.
1.Introducción a HTML2.Tablas y enlaces 3.Imágenes y conceptos avanzados
Que los estudiantes al finalizar el tema sean capaces de:Comprender el funcionamiento etiquetas de HTMLCrear sitios Web utilizando exclusivamente código, sin hacer uso de software de edición.
1 2
2Hojas de Estilo
CSS
1.Introducción a Las Hojas de Estilo en Cascada (CSS). 2.Colores y Texto con CSS.3.Manejo de Capas.4.Conceptos avanzados de CSS.
Adquirir los conocimientos necesarios para la creación y manejo de hojas de estilo integradas a un sitio Web.
1 2
3DHTML y JavaScript
1.Diseño de sitios Web dinámicos e interactivos2.Integración de objetos, métodos y eventos de JavaScript en un sitio Web
Integrar riqueza visual, dinámica e interactiva a los sitios Web con DHTML y JavaScript 1 2
4Introducción a Dreamweaver
1. Exploración del área de trabajo de Dreamweaver
2. Planificación y configuración del sitio.
3. Administración del sitio
Conocer y manejar el área de trabajo de Dreamweaver
Configurar sitios en Dreamweaver 1 2
5 Diseño del
sitio
1. Presentación de contenido en tablas.
2. Presentación de Contenido en Capas.
3. Adición de contenido
Adquirir los conocimientos para la inserción manejo de contenido en tablas y capas.
Insertar formato de texto e imágenes
1 2
6Integración de Dreamweaver
con otras aplicaciones.
1. Integración de Flash 2. Inserción de
multimedia
Integrar otras aplicaciones a Dreamweaver
Agregar diferentes elementos de multimedia a los sitios Web.
1 2
REFERENCIAS BIBLIOGRÁFICAS Introducción a XHTML.
Javier Eguíluz Pérez www.librosweb.es
Introducción a CSS Javier Eguíluz Pérez www.librosweb.es
Manual de Adobe Dreamweaver CS4 Adobe Systems. www.adobe.com
ComunicaciónPagina Web.
http://ugbsv.wordpress.com
Correo Electrónicoerolandopc@hotmail.com (Consultas, chat)
erolandopc@gmail.com (Tareas, Archivos)
ActividadEvaluación de conocimientos:
Con el objetivo de efectuar un análisis del nivel de conocimientos en materia de diseño de páginas web se realizará una prueba escrita a los estudiantes y con ello poder definir el contenido del módulo de tal manera que pueda ser mejor aprovechado por los estudiantes.
Cuestionario.1. Cursaron asignaturas de Diseño Web?2. Recibieron cursos de HTML? Comente3. Recibieron cursos de CSS? Comente.4. Recibieron cursos de Javascript?5. Cursaron asignaturas de Programación web
(PHP, JAVA, ASP.NET), especifique.6. Han hecho uso del Adobe Dreamweaver u otro
editor de sitios web?7. Han diseñado o elaborado animaciones con
Flash?8. Han utilizado programas de edicion de
fotografias (Fireworks o Photoshop).9. Explique o Mencione los conocimientos a nivel
general que te tiene de HTML, CSS, Javascript.10. Mencione los temas que le gustaría estudiar en
el presente módulo.