INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO DE HUARMEY CARRERA PROFESIONAL DE COMPUTACIÓN E INFORMÁTICA
Creado con R.M. N° 540-87-ED
Revalidado con R.D. N° 0065-2006-ED; R.D. N° 0629-2006 - ED
SILABO
I. INFORMACION GENERAL:
1.1. Carrera Profesional : Computación e Informática
1.2. Módulo : Gestión de aplicaciones para internet y Producción multimedia
1.3. Unidad Didáctica : Diseño Web
1.4. Créditos : 3
1.5. Semestre : V
1.6. Semestre académico : 2014-I
1.7. Horario : 04 Horas
1.7.1 Horas Teoría : 1 Hora
1.7.2 Horas Práctica : 3 Horas
1.8. Duración :
1.8.1 Inicio : 31 marzo del 2014
1.8.2 Termina : 23 julio del 2014
1.9. Docente : Ing. Robert Eladio Pajuelo Aguirre
Teléfono: 358331 - 945254953
E-Mail : [email protected]
II. COMPETENCIA DEL MÓDULO PROFESIONAL:
Diseñar, desarrollar, administrar, gestionar e implementar productos multimedia y aplicaciones para Internet, teniendo en cuenta los requerimientos del cliente.
III.CAPACIDAD TERMINAL Y CRITERIOS DE EVALUACIÓN:
Capacidad Terminal:
Criterios de Evaluación
Diseñar plantillas para aplicaciones de Internet utilizando las herramientas de software adecuado
- Identifica y clasifica las diferentes herramientas para el diseño web utilizando el lenguaje HTML. - Desarrolla diseños web básicos, utilizando las herramientas adecuadas para diseñar interfaces de fácil interactividad.
- Desarrolla diseños web avanzados, utilizando las herramientas adecuadas para diseñar interfaces de fácil interactividad.
- Desarrolla diseños web y los publica en un alojamiento gratuito de Internet.
IV.ORGANIZACIÓN DE ACTIVIDADES Y CONTENIDOS BÁSICOS: Semanas /
fecha Elementos de Capacidad Actividades de Aprendizaje Contenidos Básicos Tareas Previas
1ra. Semana 31-03-14
Conocer Conceptos Básicos
del Diseño Web
Conociendo la historia y etapas del Diseño Web
Diseño web: Conceptos, Historia, características, etapas.
Investigar sobre la historia del diseño web.
2da. Semana 7-04-14
Manejando las herramientas de
los diseños orientados a web Herramientas de diseños orientados a la web.
Investigar las herramientas de una página web 3ra.
Semana 14-04-14
Diferenciando las páginas
estáticas y dinámicas. Diferencias entre páginas estáticas y dinámicas.
Investigar las diferencias de las páginas. 4ta. Semana 21-04-14
Conociendo la estructura de una página web.
Estructura de una página web. HTML. Etiquetas básicas Investigar la estructura de una página Web de educación y comercial 5ta. Semana 28-04-14 Conocer las herramientas del Dreamweaver Conociendo el entorno y
herramienta del Dreamweaver. Dreamweaver: Entorno y herramientas.
Investigar acerca de las herramientas del Dreamweaver. 6ta. Semana 5-05-14 Conociendo la configuración de un sitio web.
Creación de páginas web: configuración de un sitio web. Investigar sobre la creación de un sitio web. 7ma. Semana 12-05-14
Conociendo los enlaces internos y externos. Formatos.
Enlaces internos y externos. Correos. Edición de texto: Formato, listas.
Investigar sobre los enlaces internos y externos.
8va. Semana 19-05-14
Conociendo la creación de tablas con columnas y filas.
Tablas: Propiedades de una tabla, columnas, filas, combinar. Investigar sobre la creación de tablas. 9na. Semana 26-05-14
Conociendo las formas de insertar
imágenes y elementos multimedia Trabajo con imágenes. Elementos multimedia.
Investigar sobre la inserción de imágenes y elementos multimedia. 10ma. Semana 2-06-14 Aplicar marcos, formularios y hojas de estilos a la página web.
Conociendo sobre los tipos de
marcos. Marcos: Frames, Iframe, Mapas. Investigar sobre los tipos de marcos. 11va.
Semana 9-06-14
Conociendo los formularios e
interactividad Formularios. Interactividad. Investigar sobre los formularios. 12va.
Semana
16-06-14 Conociendo las hojas de estilos.
Hojas de Estilos – CSS y Clases: Etiquetas Style, Span, Div. Ficheros de Hojas de Estilos.
Investigar sobre las hojas de estilos. 13va.
Semana 23-06-14
Conociendo los elementos de
posición absoluta. Elementos de posición absoluta (PA).
Investigar sobre los elementos de posición absoluta. 14va. Semana 30-06-14 Utilizar menús desplegables y la integración con Flash e imágenes en Firework.
Realizando diferencias de los
menús. Menús popup.
Investigar acerca de los menús. 15va.
Semana 7-07-14
Realizando la Integración con
Flash. Integración con objetos Flash. Investigar sobre el uso del Flash. 16va.
Semana 14-07-14
Conociendo la inserción de
imágenes en Firework. Tratamiento de imágenes en Firework. Investigar sobre el uso del Flash. 17va.
Semana 21-07-14
Conociendo la publicación de
proyectos. Publicación de proyectos web en un hosting gratuito. Investigar sobre los hosting gratuitos. 18va.
V. METODOLOGIA Método:
- Las sesiones serán desarrolladas por el docente empleando para ello material previamente elaborado.
- El desarrollo de las sesiones será realizado con ayuda de guías de aprendizaje desarrollados por el facilitador.
- Practicas en el laboratorio de cómputo de cada sesión de clase. - Ejecución y sustentación de tareas asignadas.
Técnicas:
- Lluvia de ideas. - Debate.
- Mapas mentales. - Exposición.
- Trabajos individuales y grupales. Equipos y materiales:
- Equipos : Pizarra, plumones acrílicos, computadoras, equipo audiovisual
- Materiales: Ficha de información.
VI. EVALUACIÓN
1. La evaluación de aprendizaje de los estudiantes se utiliza el sistema vigesimal. El calificativo mínimo aprobatorio es 13 (trece). En todos los casos la fracción 0.5 ò más se considera como una unidad a favor del estudiante.
2. La nota final en la U.D. es la que corresponde a la última capacidad terminal, (principio de logro de capacidades), siempre y cuando el estudiante tenga un 70% o más de asistencia y la nota mínima de 10 (diez), en la primera capacidad, y en caso que tenga más capacidades deberá aprobar mínimo el 50% de las capacidades.
3. Si, el estudiante obtuviera nota menor a 10, en todos los casos, repite la U.D.
4. El estudiante que acumulara inasistencias injustificadas en número igual o mayor al 30% del total de horas programadas en la U.D. será desaprobado en forma automática, anotándose en el registro y acta la nota 00, y en observaciones colocar DPI (desaprobado por inasistencia).
Consideraciones básicas:
Las asistencias deben registrar, así mismo la entrega de los trabajos asignados.
Los estudiantes conformaran grupos para realizar trabajo en equipo, y es responsabilidad de cada estudiante informarse del grupo que integra.
Los estudiantes deben presentar el trabajo asignado en clase, en la fecha y hora determinado por el docente.
Evaluación Formativa:
- Se realizará durante el proceso de enseñanza – aprendizaje en forma permanente e integral para determinar si se están logrando las capacidades y efectuar la retroalimentación correspondiente, utilizando los instrumentos necesarios, poniendo mayor énfasis las prácticas desarrolladas en el Laboratorio.
Evaluación Sumativa:
- Con la finalidad de certificar el logro de las capacidades de la unidad didáctica, el promedio final (PF) se compone de la siguiente manera:
- Evaluación Diagnóstico: Por Unidad Didáctica(UD)
4
4 3 2 1CE
CE
CE
CE
U
D
Donde CE: Criterio de Evaluación- Evaluación Didáctica: Durante todo el proceso se va utilizar instrumentos como prueba
objetiva tipo cuestionario con alternativas múltiples, prácticas calificadas y dirigidas; desarrolladas en clase.
Los criterios de evaluación:
3
IA
IP
IC
CE
- Indicador Conceptual (IC) - Indicador Procedimental (IP) - Indicador Actitudinal (IA) VII. RECURSOS BIBLIOGRÁFICOS IMPRESOS
SISTEMASUNI (2013). Adobe Dreamweaver CS5 Designer. 1ra edición. Edit. UNI. Perú. SISTEMASUNI (2012). Adobe Dreamweaver CS4 Acceso a BD & Firework CS4. 1ra edición. Edit. UNI. Perú.
Saulo Saulo (2008). ADOBE CS3 Diseño web. 5ta edición. Edit. RITISA. Perú
DIGITALES
Uso del manual Adobe Dreamweaver CS5
INSTITUTO DE EDUCACION SUPERIOR TECNOLÓGICO PÚBLICO DE HUARMEY CARRERA PROFESIONAL DE COMPUTACION E INFORMATICA
Creado con R.M. N° 540-87-ED
Revalidado con R.D. N° 0065-2006-ED; R.D. N° 0629-2006 - ED
PLAN DE PRÁCTICAS DE LA UNIDAD DIDACTICA
FECHA PRACTICAS LUGAR DE
EJECUCIÓN
Semana: 01 Reconoce el sw de diseño web. Aula
Semana: 02 Realiza el reconocimiento de las herramientas del diseño web.
Laboratorio de Cómputo Semana: 03 Hace una diferencia entre páginas estáticas y dinámicas Laboratorio de Cómputo Semana: 04 Reconoce la estructura de una página web. Laboratorio de Cómputo Semana: 05 Elabora un reconocimiento del entorno y herramienta del Dreamweaver. Laboratorio de Cómputo Semana: 06 Planifica y desarrolla una configuración de un sitio web. Laboratorio de Cómputo Semana: 07 Elabora una página usando enlaces internos y externos. Laboratorio de Cómputo Semana: 08 Desarrolla la creación con tablas en un diseño web. Laboratorio de Cómputo Semana: 09 Elabora trabajos insertando imágenes y elementos multimedia. Laboratorio de Cómputo Semana: 10 Reconoce los tipos de marcos para diseñar una página
web.
Laboratorio de Cómputo Semana: 11 Reconoce los formularios e interactividad. Laboratorio de Cómputo Semana: 12 Realiza trabajos con las hojas de estilos. Laboratorio de Cómputo Semana: 13 Reconoce los elementos de posición absoluta. Laboratorio de Cómputo Semana: 14 Realiza diseños web utilizando popup. Laboratorio de Cómputo Semana: 15 Elabora diseños web con la integración de objetos Flash. Laboratorio de Cómputo Semana: 16 Realiza a un diseño web la inserción de imágenes en Firework. Laboratorio de Cómputo Semana: 17 Reconoce un hosting gratuito para la publicación de un diseño web. Laboratorio de Cómputo Semana: 18 Evaluación de Aprendizajes. Laboratorio de Cómputo
PROGRAMACION CURRICULAR DE UNIDAD DIDACTICA
Unidad didáctica : Diseño web.
Capacidad Terminal : Diseñar plantillas para aplicaciones de Internet utilizando las herramientas de software adecuado.
ELEMENTOS DE LA CAPACIDAD
TERMINAL
CONTENIDOS ACTIVIDADES DE
APRENDIZAJE CRITERIOS DE EVALUACION
INDICADORES DE
EVALUACION HORAS
PROCEDIMIENTOS CONCEPTOS ACTITUDES
Conocer Conceptos Básicos del Diseño Web. Desarrolla los fundamentos y las herramientas del diseño web. Conociendo la historia y
etapas del Diseño Web Es responsable y trabaja en equipo. Nº 1:etapas del Diseño Web. Conociendo la historia y
- Identifica y clasifica las diferentes herramientas para el diseño web utilizando el lenguaje HTML Describe las etapas y herramientas de los diseños web.
16 horas (4 semanas) Manejando las
herramientas de los diseños orientados a web
Participa activamente en clase.
Nº 2: Manejando las
herramientas de los diseños orientados a web.
Conociendo las estructuras de la página estática y dinámica.
Diferenciando las páginas
estáticas y dinámicas. Demuestra trabajo en equipo. Nº 3:páginas estáticas y dinámicas. Diferenciando las Aplica las diferencias de una página y su estructura. Conociendo la estructura
de una página web. Es responsable y trabaja en equipo. Nº 4:estructura de una página web. Conociendo la
Conocer las herramientas del Dreamweaver. Conociendo el entorno, herramienta del Dreamweaver y un sitio web. Conociendo el entorno y herramienta del Dreamweaver. Participa activamente en clase. Nº 5: Conociendo el entorno y herramienta del Dreamweaver. - Desarrolla diseños web, utilizando las
herramientas adecuadas para diseñar interfaces de fácil interactividad. Desarrolla un sitio web utilizando herramientas del Dreamweaver. 20 horas (4 semanas) Conociendo la configuración de un sitio web. Demuestra trabajo
en equipo. Nº 6:configuración de un sitio web. Conociendo la
Conociendo los enlaces, la creación de tablas e insertar imágenes y elementos multimedia.
Conociendo los enlaces internos y externos. Formatos.
Es responsable y
trabaja en equipo. Nº 7:internos y externos. Formatos. Conociendo los enlaces
Aplica enlaces, tablas e inserta imágenes y elementos multimedia. Conociendo la creación de
tablas con columnas y filas.
Participa activamente en clase.
Nº 8: Conociendo la creación
de tablas con columnas y filas. Conociendo las formas de
insertar imágenes y elementos multimedia
Demuestra trabajo en equipo.
Nº 9: Conociendo las formas
de insertar imágenes y elementos multimedia.
PROGRAMACION CURRICULAR DE UNIDAD DIDACTICA
Unidad didáctica : Diseño web.
Capacidad Terminal : Diseñar plantillas para aplicaciones de Internet utilizando las herramientas de software adecuado.
ELEMENTOS DE LA CAPACIDAD
TERMINAL
CONTENIDOS
ACTIVIDADES DE
APRENDIZAJE CRITERIOS DE EVALUACION
INDICADORES DE
EVALUACION HORAS
PROCEDIMIENTOS CONCEPTOS ACTITUDES
Aplicar marcos, formularios y hojas de estilos
a la página web.
Realiza diseños web con marcos, formularios e interactividad.
Marcos: Frames, Iframe,
Mapas. Demuestra trabajo en equipo. Nº 10:tipos de marcos. Conociendo sobre los
- Desarrolla diseños web avanzados, utilizando las herramientas adecuadas para diseñar interfaces de fácil interactividad. Describe los marcos, formularios e interactividad. 16 horas (4 semanas) Formularios.
Interactividad. Es responsable y trabaja en equipo. Nº 11:formularios e interactividad Conociendo los
Desarrolla diseños con hojas de estilos y elementos de posición absoluta.
Hojas de Estilos – CSS y Clases: Etiquetas Style, Span, Div. Ficheros de Hojas de Estilos.
Participa activamente
en clase. Nº 12:de estilos. Conociendo las hojas Conoce las hojas de estilos y los elementos de posición absoluta. Elementos de posición
absoluta (PA). Demuestra trabajo en equipo.
Nº 13: Conociendo los elementos de posición absoluta. Utilizar menús desplegables y la integración con Flash e imágenes en Firework. Desarrolla trabajos con componentes y edición de formas.
Menús popup. Participa activamente en clase. Nº 14:diferencias de los men Realizando ús.
- Desarrolla diseños web y los publica en un alojamiento
gratuito de Internet.
Elabora diseños web con menús popup e integración con Flash.
16 horas (4 semanas) Integración con objetos
Flash. Es responsable y trabaja en equipo. Nº 15:integración con Flash. Realizando la
Realiza la creación de objetos 3D a partir de formas.
Tratamiento de
imágenes en Firework. Participa activamente en clase.
Nº 16: Conociendo la inserción de imágenes en Firework. Realiza la inserción de imágenes en Firework y se publica en un hosting gratuito. Publicación de proyectos web en un hosting gratuito. Es responsable y
trabaja en equipo. Nº 17:publicación de proyectos. Conociendo la
Evaluación de Aprendizajes, por un jurado, del estudiante que obtuviera nota en la U.D. entre 10 y 12 (1 semana) 4 horas