INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO DE HUARMEY CARRERA PROFESIONAL DE COMPUTACIÓN E INFORMÁTICA

Transcripción

1 INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO DE HUARMEY CARRERA PROFESIONAL DE COMPUTACIÓN E INFORMÁTICA Creado con R.M. N ED Revalidado con R.D. N ED; R.D. N ED I. INFORMACION GENERAL: SILABO 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 : Semestre : V 1.6. Semestre académico : 2014-I 1.7. Horario : 04 Horas Horas Teoría : 1 Hora Horas Práctica : 3 Horas 1.8. Duración : Inicio : 31 marzo del Termina : 23 julio del Docente : Ing. Robert Eladio Pajuelo Aguirre Teléfono: robertpajuelo@hotmail.com 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 - Identifica y clasifica las diferentes herramientas para el diseño web utilizando el lenguaje HTML. Diseñar plantillas para aplicaciones de Internet utilizando las herramientas de software adecuado - Desarrolla diseños web básicos, utilizando las herramientas adecuadas para diseñar interfaces de fácil - Desarrolla diseños web avanzados, utilizando las herramientas adecuadas para diseñar interfaces de fácil - Desarrolla diseños web y los publica en un alojamiento gratuito de Internet.

2 IV. ORGANIZACIÓN DE ACTIVIDADES Y CONTENIDOS BÁSICOS: s / fecha Elementos de Capacidad Actividades de Aprendizaje Contenidos Básicos Tareas Previas 1ra Conociendo la historia y etapas del Diseño Web Diseño web: Conceptos, Historia, características, etapas. historia del diseño 2da ra Conocer Conceptos Básicos del Diseño Web Manejando las herramientas de los diseños orientados a web Diferenciando las páginas estáticas y dinámicas. Herramientas de diseños orientados a la Diferencias entre páginas estáticas y dinámicas. Investigar las herramientas de una página web Investigar las diferencias de las páginas. 4ta Conociendo la estructura de una página Estructura de una página HTML. Etiquetas básicas Investigar la estructura de una página Web de educación y comercial 5ta Conociendo el entorno y herramienta del Dreamweaver: Entorno y herramientas. Investigar acerca de las herramientas del 6ta Conociendo la configuración de un sitio Creación de páginas web: configuración de un sitio creación de un sitio 7ma va Conocer las Dreamweaver Conociendo los enlaces internos y externos. Formatos. Conociendo la creación de tablas con columnas y filas. Enlaces internos y externos. Correos. Edición de texto: Formato, listas. Tablas: Propiedades de una tabla, columnas, filas, combinar. enlaces internos y externos. creación de tablas. 9na Conociendo las formas de insertar imágenes y elementos multimedia Trabajo con imágenes. Elementos inserción de imágenes y elementos 10ma Conociendo sobre los tipos de marcos. Marcos: Frames, Iframe, Mapas. tipos de marcos. 11va va Aplicar marcos, formularios y hojas de estilos a la página Conociendo los formularios e interactividad Conociendo las hojas de estilos. Formularios. Interactividad. Hojas de Estilos CSS y Clases: Etiquetas Style, Span, Div. Ficheros de Hojas de Estilos. formularios. s hojas de estilos. 13va Conociendo los elementos de posición absoluta. Elementos de posición absoluta (PA). elementos de posición absoluta. 14va Realizando diferencias de los menús. Menús popup. Investigar acerca de los menús. 15va va Utilizar menús desplegables y la integración con Flash e imágenes en Firework. Realizando la Integración con Conociendo la inserción de imágenes en Firework. Integración con objetos Tratamiento de imágenes en Firework. Investigar sobre el uso del Investigar sobre el uso del 17va Conociendo la publicación de proyectos. Publicación de proyectos web en un hosting gratuito. hosting gratuitos. 18va. Evaluación de Aprendizajes, por el jurado, del estudiante que obtuviera nota en la U.D. entre 10 y 12.

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

4 - Evaluación Diagnóstico: Por Unidad Didáctica(U D ) U D CE1 CE2 CE3 CE 4 4 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: CE IC IP IA - Indicador Conceptual 3 (IC) - Indicador Procedimental (IP) - Indicador Actitudinal (IA) VII. RECURSOS BIBLIOGRÁFICOS IMPRESOS SISTEMASUNI (2013). Adobe Dreamweaver CS5 Designer. 1 ra edición. Edit. UNI. Perú. SISTEMASUNI (2012). Adobe Dreamweaver CS4 Acceso a BD & Firework CS4. 1 ra edición. Edit. UNI. Perú. Saulo Saulo (2008). ADOBE CS3 Diseño 5 ta edición. Edit. RITISA. Perú DIGITALES Uso del manual Adobe Dreamweaver CS5 Huarmey, 01 de abril del 2014

5 INSTITUTO DE EDUCACION SUPERIOR TECNOLÓGICO PÚBLICO DE HUARMEY CARRERA PROFESIONAL DE COMPUTACION E INFORMATICA Creado con R.M. N ED Revalidado con R.D. N ED; R.D. N ED PLAN DE PRÁCTICAS DE LA UNIDAD DIDACTICA FECHA PRACTICAS LUGAR DE EJECUCIÓN : 01 Reconoce el sw de diseño Aula : 02 : 03 : 04 : 05 : 06 : 07 : 08 : 09 : 10 : 11 : 12 : 13 : 14 : 15 : 16 : 17 : 18 Realiza el reconocimiento de las diseño Hace una diferencia entre páginas estáticas y dinámicas Reconoce la estructura de una página Elabora un reconocimiento del entorno y herramienta del Planifica y desarrolla una configuración de un sitio Elabora una página usando enlaces internos y externos. Desarrolla la creación con tablas en un diseño Elabora trabajos insertando imágenes y elementos Reconoce los tipos de marcos para diseñar una página Reconoce los formularios e Realiza trabajos con las hojas de estilos. Reconoce los elementos de posición absoluta. Realiza diseños web utilizando popup. Elabora diseños web con la integración de objetos Realiza a un diseño web la inserción de imágenes en Firework. Reconoce un hosting gratuito para la publicación de un diseño Evaluación de Aprendizajes. Huarmey, 01 de Abril del 2014

6 PROGRAMACION CURRICULAR DE UNIDAD DIDACTICA Unidad didáctica Capacidad Terminal : Diseño : Diseñar plantillas para aplicaciones de Internet utilizando las herramientas de software adecuado. ELEMENTOS DE LA CAPACIDAD TERMINAL CONTENIDOS PROCEDIMIENTOS CONCEPTOS ACTITUDES ACTIVIDADES DE APRENDIZAJE CRITERIOS DE INDICADORES DE HORAS Conocer Conceptos Básicos del Diseño Web. Desarrolla los fundamentos y las diseño Conociendo las estructuras de la página estática y dinámica. Conociendo la historia y etapas del Diseño Web Manejando las herramientas de los diseños orientados a web Diferenciando las páginas estáticas y dinámicas. Conociendo la estructura de una página Participa activamente en clase. Demuestra trabajo en equipo. Nº 1: Conociendo la historia y etapas del Diseño Web. Nº 2: Manejando las herramientas de los diseños orientados a Nº 3: Diferenciando las páginas estáticas y dinámicas. Nº 4: Conociendo la estructura de una página - Identifica y clasifica las diferentes herramientas para el diseño web utilizando el lenguaje HTML Describe las etapas y herramientas de los diseños Aplica las diferencias de una página y su estructura. 16 horas Conocer las Conociendo el entorno, herramienta del Dreamweaver y un sitio Conociendo los enlaces, la creación de tablas e insertar imágenes y elementos Conociendo el entorno y herramienta del Conociendo la configuración de un sitio Conociendo los enlaces internos y externos. Formatos. Conociendo la creación de tablas con columnas y filas. Conociendo las formas de insertar imágenes y elementos multimedia Participa activamente en clase. Demuestra trabajo en equipo. Participa activamente en clase. Demuestra trabajo en equipo. Nº 5: Conociendo el entorno y herramienta del Nº 6: Conociendo la configuración de un sitio Nº 7: Conociendo los enlaces internos y externos. Formatos. Nº 8: Conociendo la creación de tablas con columnas y filas. Nº 9: Conociendo las formas de insertar imágenes y elementos - Desarrolla diseños web, utilizando las herramientas adecuadas para diseñar interfaces de fácil Desarrolla un sitio web utilizando Aplica enlaces, tablas e inserta imágenes y elementos 20 horas Huarmey, 01 de Abril del 2014

7 PROGRAMACION CURRICULAR DE UNIDAD DIDACTICA Unidad didáctica Capacidad Terminal : Diseño : Diseñar plantillas para aplicaciones de Internet utilizando las herramientas de software adecuado. ELEMENTOS DE LA CAPACIDAD TERMINAL CONTENIDOS PROCEDIMIENTOS CONCEPTOS ACTITUDES ACTIVIDADES DE APRENDIZAJE CRITERIOS DE INDICADORES DE HORAS Aplicar marcos, formularios y hojas de estilos a la página Realiza diseños web con marcos, formularios e Desarrolla diseños con hojas de estilos y elementos de posición absoluta. Marcos: Frames, Iframe, Mapas. Formularios. Interactividad. Hojas de Estilos CSS y Clases: Etiquetas Style, Span, Div. Ficheros de Hojas de Estilos. Elementos de posición absoluta (PA). Demuestra trabajo en equipo. Participa activamente en clase. Demuestra trabajo en equipo. Nº 10: Conociendo sobre los tipos de marcos. Nº 11: Conociendo los formularios e interactividad Nº 12: Conociendo las hojas de estilos. Nº 13: Conociendo los elementos de posición absoluta. - Desarrolla diseños web avanzados, utilizando las herramientas adecuadas para diseñar interfaces de fácil Describe los marcos, formularios e Conoce las hojas de estilos y los elementos de posición absoluta. 16 horas Utilizar menús desplegables y la integración con Flash e imágenes en Firework. Desarrolla trabajos con componentes y edición de formas. Realiza la creación de objetos 3D a partir de formas. Menús popup. Integración con objetos Tratamiento de imágenes en Firework. Publicación de proyectos web en un hosting gratuito. Participa activamente en clase. Participa activamente en clase. Nº 14: Realizando diferencias de los menús. Nº 15: Realizando la integración con Nº 16: Conociendo la inserción de imágenes en Firework. Nº 17: Conociendo la publicación de proyectos. - 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 Realiza la inserción de imágenes en Firework y se publica en un hosting gratuito. 16 horas Evaluación de Aprendizajes, por un jurado, del estudiante que obtuviera nota en la U.D. entre 10 y 12 4 horas (1 semana) Huarmey, 01 de Abril del 2014