INSTITUTO SUPERIOR TECNOLÓGICO PÚBLICO DE HUARMEY
CARRERA PROFESIONAL DE COMPUTACION E INFORMATICA
Ministerio de Creado con R.M. N° 540-87-ED
IESTP
Educación Revalidado con R.D. N° 0065-2006-ED; R.D. N° 0629-2006 - ED Huarmey
SILABO
DISEÑO WEB
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. Docente : Ing. Antúnez Carrillo, Dennis
1.5. Año Académico : 2019 – I
1.6. Semestre Académico :v
1.7. Créditos :3
1.8. Hora semanal total : 4 horas
Teoría : 1 horas
Práctica : 3 horas
1.9. Fecha de Inicio : 18-03-2019
1.10. Fecha de Término : 05-07-2019
II. SUMILLA
La unidad didáctica de Taller de modelamiento de software, corresponde a la Carrera de
Computación e informática, tiene carácter teórico-práctico y permite al estudiante el
conocimiento del uso de las herramientas de desarrollo web, Identifica y clasifica las
diferentes herramientas para el diseño web utilizando el lenguaje HTML; 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 y recursos adecuados para
diseñar interfaces de fácil interactividad y publica en un alojamiento gratuito de Internet.
Elaborando un proyecto de sitio web alojado en un hosting y dominio gratuito.
III. COMPETENCIA MODULAR:
Diseñar, desarrollar, administrar, gestionar e implementar productos multimedia y
aplicaciones para Internet, teniendo en cuenta los requerimientos del cliente.
IV. CAPACIDAD TERMINAL:
Diseñar plantillas para aplicaciones de Internet utilizando las herramientas de software
adecuado.
V. INDICADORES DE EVALUACION:
• Realiza mapas conceptuales sobre cómo se desarrolla proyectos web y las herramientas
en la que se desarrollan.
• Establece diferencias entre páginas estáticas y dinámicas.
• Desarrolla páginas web con HTML utilizando etiquetas básicas.
• Reconoce y utiliza el entorno y herramientas de un software para el desarrollo web.
• Configura y desarrolla un sitio web utilizando la herramienta adecuada.
• Desarrolla página web con enlaces, tablas e inserta imágenes y elementos multimedia.
• Desarrolla página web utilizando marcos enlazándolos correctamente.
• Desarrolla página web con formularios e interactividad.
• Aplica hojas de estilos a las páginas creadas con elementos de posición absoluta.
• Elabora diseños web con menús popup e integración con Flash.
Formando el Futuro de Nuestra Región
• Realiza el tratamiento de imágenes y los inserta en una página web.
• Realiza los pasos para publicar un proyecto web y los aloja en un hosting gratuito.
VI. ORGANIZACIÓN DE ACTIVIDADES Y CONTENIDOS BÁSICOS
Semanas/ Actividades de
Contenidos Básicos Tareas Previas
fechas Aprendizaje
❑ Socialización e Introducción a
Semana: 01 Nº 01 Diseño Web ❑ Investigar referente a Diseño
Conociendo diseño web. Diseño web Web.
❑ Conceptos Generales
Nº 02 ❑ Herramientas de diseños ❑ Investigar las herramientas
Semana: 02 Conociendo las orientados a la web. de una página web
herramientas diseño web.
Nº 03 ❑ Diferencias entre páginas ❑ Investigar las diferencias de
Comparando los tipos de estáticas y dinámicas. las páginas web.
Semana: 03
página web
❑ Estructura de una página web. ❑ Investigar la estructura de
Nº 04
una página Web.
Semana: 04 Conociendo la estructura
de una página web
Nº 05 ❑ HTML. Etiquetas básicas ❑ Investigar acerca de
Conociendo el lenguaje Lenguaje HTML.
Semana: 05
HTML.
❑ Herramienta para desarrollo ❑ Investigar sobre la creación
Nº 06
web: Entorno y herramientas. de un sitio web.
Semana: 06 Conociendo
❑ Creación de páginas web:
Dreamweaver.
configuración de un sitio web.
❑ Investigar sobre los enlaces
Nº 07 ❑ Hipervínculos internos y externos.
Semana: 07
Utilizando hipervínculos. ❑ Edición de texto: Formato, listas
❑ Investigar sobre la creación
Nº 08 ❑ Tablas: Propiedades de una de tablas.
Semana: 08
Utilizando tablas. tabla, columnas, filas, combinar.
❑ Investigar sobre la inserción
Nº 09
❑ Trabajo con imágenes y de imágenes y elementos
Semana: 09 Empelando elementos
Elementos multimedia multimedia.
multimedia.
❑ Investigar sobre los tipos de
Nº 10 ❑ Marcos: Frames, Iframe, Mapas.
Semana: 10 marcos.
Creando marcos.
❑ Investigar sobre los
Nº 11 formularios.
Semana: 11 ❑ Formularios. Interactividad
Creando formularios.
Nº 12 ❑ Hojas de Estilos – CSS y Clases: ❑ Investigar sobre las hojas de
Semana: 12 Creando hojas de estilos Etiquetas Style, Span, Div. estilos.
CSS. Ficheros de Hojas de Estilos.
❑ Investigar sobre los
Nº 13 ❑ Elementos de posición absoluta
Semana: 13 elementos de posición
Empleando elemento PA (PA).
absoluta.
Nº 14 ❑ Menús popup. ❑ Investigar acerca de los
Semana: 14 Creando menús ❑ Integración con objetos flash. menús y inserción flash.
desplegables.
Nº 15 ❑ Tratamiento de imágenes en ❑ Investigar como insertar
Semana: 15 Incorporando Fireworks Fireworks objetos Fireworks.
Nº 16 ❑ Publicación de proyectos web en ❑ Investigar sobre hosting
Semana: 16 Realizando alojamiento un hosting gratuito. gratuitos.
gratuito
Formando el Futuro de Nuestra Región
VII. METODOLOGIA:
Se trabajará con el Método pedagógico activo, el cual tiene como característica lo
siguiente:
• Promover la actividad mental y motora del estudiante.
• Socialización
• Promover la comunicación horizontal
• Respetar las características, ritmos y estilos de aprendizajes de los estudiantes.
• Promover y desarrollar la autonomía para aprender y desarrollar habilidades y destrezas.
VIII. RECURSOS DIDACTICOS
• Pizarra y plumones.
• Manual del Estudiante.
• Equipo de cómputo.
• Televisor 55’.
• USB.
• Equipo de cómputo.
• Plataforma Virtual
IX. EVALUACION:
9.1.- Base Legal
• RVM Nº178-2018-MINEDU
9.2.- Requisitos de aprobación
• Obtener la nota promedio mínimo de 13 en la Unidad Didáctica.
• 70% de asistencia como mínimo
9.3.- Procedimiento del cálculo del promedio de la U.D.
• El promedio final de la U.D. se obtendrá de la siguiente manera:
PFUD = (IE1 + IE2 + IE3 + …. IE12) / 12
IE = Indicador de Evaluación.
X. RECURSOS BIBLIOGRÁFICOS
IMPRESOS
❑ Manual Adobe Dreamweaver CS3 Paso a paso –editorial CIBERTEC. 2010
❑ Manual de Macromedia MX2008 – Senati.
❑ Manual de Adobe DreamweaverCS3 – Senati. 2010
❑ Editorial Macro Programación con Java Script 1era edición octubre 2005.
❑ Editorial Mega bite programación en java2.
❑ Manual de HTML.
DIGITAL
Disponible en:
❑ [Link]
❑ [Link]
❑ [Link]
❑ [Link]
Huarmey, Marzo del 2019
….…........................................
Mg. Antúnez Carrillo, Dennis
Docente del IESTP-Hy
Formando el Futuro de Nuestra Región
INSTITUTO SUPERIOR TECNOLÓGICO PÚBLICO DE HUARMEY
CARRERA PROFESIONAL DE COMPUTACION E INFORMATICA
Ministerio de Creado con R.M. N° 540-87-ED
Revalidado con R.D. N° 0065-2006-ED; R.D. N° 0629-2006 - ED IESTP
Educación Huarmey
PROGRAMACIÓN DE PRÁCTICAS DE LA UNIDAD DIDACTICA
MÓDULO : Gestión de aplicaciones para internet y producción multimedia
UNIDAD DIDÁCTICA : Diseño Web
Semana/ Lugar de
Actividad a Realizar
fecha Ejecución
1° ✓ Realiza el reconocimiento de las herramientas del diseño ✓ Aula
web.
2°
✓ Hace una diferencia entre páginas estáticas y dinámicas ✓ Laboratorio de
computo I
3° ✓ Reconoce la estructura de una página web. ✓ Laboratorio de
computo I
4°
✓ Elabora un reconocimiento del entorno y herramienta del ✓ Laboratorio de
Dreamweaver. computo I
5° ✓ Planifica y desarrolla una configuración de un sitio web. ✓ Laboratorio de
computo I
6° ✓ Elabora una página usando enlaces internos y externos. ✓ Laboratorio de
computo I
✓ Laboratorio de
7° ✓ Desarrolla la creación con tablas en un diseño web. computo I
8°
✓ Elabora trabajos insertando imágenes y elementos ✓ Laboratorio de
multimedia. computo I
✓ Laboratorio de
9° ✓ Reconoce los tipos de marcos para diseñar una página web. computo I
✓ Laboratorio de
10° ✓ Reconoce los formularios e interactividad. computo I
✓ Laboratorio de
11° ✓ Realiza trabajos con las hojas de estilos. computo I
12° ✓ Reconoce los elementos de posición absoluta. ✓ Laboratorio de
computo I
13° ✓ Realiza diseños web utilizando menús popup. ✓ Laboratorio de
computo I
14° ✓ Elabora diseños web con la integración de objetos Flash. ✓ Laboratorio de
computo I
15°
✓ Realiza a un diseño web la inserción de imágenes en ✓ Laboratorio de
Fireworks. computo I
16°
✓ Reconoce un hosting gratuito para la publicación de un ✓ Laboratorio de
diseño web. computo I
Huarmey, Marzo del 2019
….…...........................................
Ing. Antunez Carrillo, Dennis
Docente del IESTP-Hy
Formando el Futuro de Nuestra Región
