MINISTERIO DE EDUCACIN

DIRECCIN REGIONAL DE EDUCACIN-CUSCO INSTITUTO SUPERIOR DE EDUCACIN PBLICO

GREGORIA SANTOS- SICUANI

SILABO
1.1. CARRERA PROFESIONAL : COMPUTACIN E INFORMTICA
1.2. MDULO : GESTIN DE APLICACIONES PARA INTERNET Y PRODUCCIN MULTIMEDIA
1.3. UNIDAD DIDCTICA : DISEO WEB
1.4. DOCENTE RESPONSABLE : ING. GREGORIO CCAPATINTA QUISPE
1.5. PERIODO ACADMICO :V
1.6. PERIODO LECTIVO : 2016-I
1.7. PRE REQUISITO : NINGUNO
1.8. N DE CRDITOS UD : 03.
1.9. N DE HORAS UD : 72 HORAS.
1.10. TURNO : MAANA
1.11. SECCIN : NICA
1.12. FECHA DE INICIO : 27/03/2017
1.13. FECHA DE FINALIZACIN : 31/07/2017

I.- SUMILLA.
La Unidad Didctica de Diseo Web pertenece al rea de formacin profesional de la carrera profesional de COMPUTACIN E
INFORMTICA. Es de carcter terico-prctico. Su propsito es orientar al estudiante en el adestramiento, entendimiento y desarrollo de
las herramientas de diseo web, utilizando para ello un Lenguaje de Programacin orientado al desarrollo web, desde la perspectiva del
desarrollo de pginas web profesionales. Esta unidad didctica cumple un doble papel en el proceso formativo del futuro profesional;
provee de un conjunto de conocimientos e instrumentos para mejorar su competitividad en el cumplimiento del desarrollo de webs
profesionales a la medida de los requerimientos establecidos por las organizaciones y/o empresas.

II.- UNIDAD DE COMPETENCIA ASOCIADA AL MDULO.

Manejar el lenguaje tcnico correspondiente al diseo e implementacin de aplicaciones webs estticas bajo escenarios modernos de
aplicaciones computarizadas usando herramientas de software apropiados, haciendo uso de la plataforma internet para el desarrollo de
los proyectos.
 MINISTERIO DE EDUCACIN
DIRECCIN REGIONAL DE EDUCACIN-CUSCO INSTITUTO SUPERIOR DE EDUCACIN PBLICO
GREGORIA SANTOS- SICUANI

III.- CAPACIDAD DE LA UNIDAD DIDACTICA.

Conocer la importancia de las paginas
Conocer la importancia de dreamweaver en el diseo de web
Conocer las diferentes etiquetas y la estructura bsica de una pgina web.
Conocer y uso de tablas y enlaces en html.
Conoce el uso de los Marcos, hipervnculos.
Implementar barras de mens horizontales y verticales en dreamweaver para el diseo de paginas web
Conocer la importancia de los CSS.
Conocer la sintaxis de CSS.
describe las cajas que se generan a partir de los elementos HTM
Conocer la importancia del uso de los diferentes propiedades.
Conocer la importancia del uso de los elementos flotantes, posicionamiento sobre capas
Conoce las imgenes, animaciones flash y formularios.
Generar mens y sliders.
Disear e implementar plantillas de pginas web.
Introduccin a las plantillas web responsive.
Conocer e instalar JOOMLA.
Introduccin a las aulas virtuales
Realizar la Publicacin de pginas web en un servidor remoto

IV.- INDICADORES DE LOGRO.

Reconoce la importancia de la paginas web
Identifica la importancia del dreamweaver en el diseo de pginas web
Utiliza las etiquetas para el diseo de pginas web.
Utiliza las tablas y los enlaces para el diseo de pginas web.
Reconoce la importancia de los marcos y hipervnculos.
Utiliza los mens en el diseo de paginas web
Utiliza los CSS para realizar algunos ejemplos.
Reconoce la sintaxis de los CSS.
Reconoce las importancia de CCS en la creacin de cajas.
Reconoce la importancia en el uso de colores, fondos, fuentes e hipervnculos para el diseo de una pgina web.
Reconoce la importancia del uso de elementos flotantes en el diseo de pginas web
 MINISTERIO DE EDUCACIN
DIRECCIN REGIONAL DE EDUCACIN-CUSCO INSTITUTO SUPERIOR DE EDUCACIN PBLICO
GREGORIA SANTOS- SICUANI
Reconoce la importancia de los imgenes, animaciones flash y formularios en el diseo de paginas web.
Conoce la importancia de los slider y mens en la implementacin de pginas web.
Conoce la importancia las plantillas web.
Utiliza las plantillas responsive para el diseo de paginas web
Utiliza los CMS JOOMLA en el diseo de paginas
Utiliza el moodle para la implementacin de aulas virtuales.
Conoce la importancia de la publicacin de pginas web.

V.- COMPETENCIAS PARA LA EMPLEABILIDAD.

Desarrollar plantillas web para aplicaciones web estticas.
Desarrollo de pginas web haciendo uso de los CSS.
Desarrollo de pginas web con gestor de contenidos CMS JOOMLA.
Subir, Administrar los archivos desde el cpanel, para la actualizacin, modificacin, edicin y baja de archivos de paginas web.

VI.- ACTIVIDADES DE APRENDIZAJE.

Elabora escenarios de interaccin para usuarios y especificaciones de configuracin. As mismo desarrollo el diseo de pginas web
estticas y realiza la configuracin correspondiente para la administracin en el servidor web.

ACTIVIDADES DE
SEMANAS ELEMENTOS DE LA CAPACIDAD HORAS CRITERIOS INDICADORES
APRENDIZAJE/SESIONES
1. 1. Conocer la importancia de ACTIVIDAD N 01 y 02 Identifica las ventajas sobre el Reconoce la importancia de
las paginas Introduccin diseo de las pginas web. la paginas web
04 Hrs.
Introduccin Pginas web y html e
internet.
2. 2. Conocer la importancia de ACTIVIDAD N 03 y 04 Identifica la importancia del Identifica la importancia
dreamweaver en el diseo Introduccin a las tablas. dreamweaver del dreamweaver en el
Asignando enlaces a una pgina web. 04 Hrs.
de web diseo de pginas web

3. 3. Conocer las diferentes ACTIVIDAD N 05 y 06 Identifica la estructura de una Utiliza las etiquetas para el
etiquetas y la estructura Introduccin a las etiquetas. pgina web y reconoce etiquetas diseo de pginas web.
04 Hrs. basicas.
bsica de una pgina web. Encabezado, titulo, cuerpo y pie de
pgina.
4. 4. Conocer y uso de tablas y ACTIVIDAD N 07 y 08 Identifica la importancia de las Utiliza las tablas y los enlaces
enlaces en html. Introduccin a las tablas. 04 Hrs. tablas y los enlaces. para el diseo de pginas web.
Asignando enlaces a una pgina web.
5. 5. Conoce el uso de los ACTIVIDAD N 09 y 10 04 Hrs. Muestras las paginas con Reconoce la importancia de
 MINISTERIO DE EDUCACIN
DIRECCIN REGIONAL DE EDUCACIN-CUSCO INSTITUTO SUPERIOR DE EDUCACIN PBLICO
GREGORIA SANTOS- SICUANI
Marcos, hipervnculos. Trabajando con los marcos. hiperviculos a diferentes destinos. los marcos y hipervnculos.
Asignando hipervnculos a un enlace y
asignando el destino de los
hipervnculos.

6. 6. Implementar barras de ACTIVIDAD N 11 y 12 Muestra los mens verticales y Utiliza los mens en el diseo
mens horizontales y Introduccin a los diferentes mens. horizontales en un navegador. de paginas web
verticales en dreamweaver Implementacin de los mens con sus 04 Hrs.
para el diseo de paginas correspondiente hipervnculos.
web
7. 7. Conocer la importancia de ACTIVIDAD N 13 y 14 Muestra algunos ejemplos bsicos Utiliza los CSS para realizar
los CSS. Introduccin a los CSS y su 04 Hrs. sobre el uso de los CSS. algunos ejemplos.
funcionamiento.
8. 8. Conocer la sintaxis de CSS. ACTIVIDAD N 15 y 16 Muestra a los selectores creados Reconoce la sintaxis de los
Creando selectores y propiedades. 04 Hrs. con sus correspondientes CSS.
propiedades.
9. 9. describe las cajas que se ACTIVIDAD N 17 y 18 Muestra algunas cajas generadas a Reconoce las importancia de
generan a partir de los Modelo de caja en CSS. 04 Hrs. partir de CSS. CCS en la creacin de cajas.
elementos HTM
10. 10. Conocer la importancia del ACTIVIDAD N 19 y 20 Muestra paginas web con sus Reconoce la importancia en el
uso de los diferentes Aplicar Colores, fondos, fuentes a los respectivos colores, fondos, uso de colores, fondos,
propiedades. sitios web. fuentes y hipervnculos. fuentes e hipervnculos para el
04 Hrs. diseo de una pgina web.
Aplicando propiedades a los
hipervnculos o enlaces mediante
CSS.
11. 11. Conocer la importancia del ACTIVIDAD N 21 y 22 Muestra pginas web con Reconoce la importancia del
uso de los elementos Elementos flotantes (la elementos flotantes y uso de elementos flotantes en
flotantes, posicionamiento propiedad float) posicionamiento de capas el diseo de pginas web
04 Hrs.
sobre capas Posicionamiento de elementos
Capa sobre capa con la propiedad z-
index
12. 12. Conoce las imgenes, ACTIVIDAD N 23 y 24 Muestra pginas web con Reconoce la importancia de
animaciones flash y Insercin de imgenes, animaciones elementos flotantes y los imgenes, animaciones
04 Hrs. posicionamiento de capas flash y formularios en el diseo
formularios. flash.
Trabajando con formularios de paginas web.
13. 13. Generar mens y sliders. ACTIVIDAD N 25 y 26 Generar diferentes tipos de mens Conoce la importancia de los
Haces uso de software para generar horizontales y verticales. slider y mens en la
mens y slider 04 Hrs. Genera slider de acuerdo a las implementacin de pginas
necesidades de las web. web.
 MINISTERIO DE EDUCACIN
DIRECCIN REGIONAL DE EDUCACIN-CUSCO INSTITUTO SUPERIOR DE EDUCACIN PBLICO
GREGORIA SANTOS- SICUANI
14. 14. Disear e implementar ACTIVIDAD N 27 y 28 Implementa plantillas de pginas Conoce la importancia las
plantillas de pginas web. Disea pginas web. 04 Hrs. web. plantillas web.

15. 15. Introduccin a las plantillas ACTIVIDAD N 31 y 32 Implementacin de plantillas Utiliza las plantillas responsive
web responsive. Diseo de plantillas responsive con 04 Hrs. responsive. para el diseo de paginas web
CSS.
16. 16. Conocer e instalar JOOMLA. ACTIVIDAD N 29 y 30 Implementa paginas web con Utiliza los CMS JOOMLA en
Instala pginas web haciendo uso de 04 Hrs. JOOMLA. el diseo de paginas
JOOMLA.
17. 17. Introduccin a las aulas ACTIVIDAD N 33 y 34 Implementa una aula virtual y una Utiliza el moodle para la
virtuales Instalacion de drupal y moodle. 04 Hrs. pagina web. implementacin de aulas
virtuales.
18. 18. Realizar la Publicacin de ACTIVIDAD N 35 y 36 Identifica los requisitos necesarios Conoce la importancia de la
pginas web en un servidor Subida de archivos a un servidor 04 Hrs. para la publicacin de un a pgina publicacin de paginas web.
remoto remoto. web.

VII.- RECURSOS DIDACTICOS.

Para el desarrollo de la presente unidad didctica se aplicar los siguientes recursos y materiales.
Centro de Cmputo de 30 PCs.
Proyector.
TV LCD.
Revistas, Separatas, Fichas y Textos Auto instructivos.

VIII.- METODOLOGIA.
Para el desarrollo de la presente unidad didctica se aplicar las siguientes estrategias metodolgicas.
Activa - explicativo - participativo.
Demostrativo.
Trabajo Grupal.
Trabajo en Laboratorio (prctica dirigida).
IX.- EVALUACION.
El sistema de calificacin es vigesimal y la nota mnima aprobatoria es 13, la fraccin (0.5) se considera a favor del estudiante.
El estudiante que acumular ms del 30% de inasistencias injustificadas a las sesiones de clase del total de horas
programadas, ser desaprobado de la UD. En forma automtica, sin derecho a recuperacin.
El estudiante que obtenga como promedio final entre 10,11 y 12. Pasar al proceso de recuperacin (comisin). Debern de
rendir su examen el da 13 de Diciembre segn cronograma.
El promedio final de la UD. Se obtendr de la siguiente manera.
 MINISTERIO DE EDUCACIN
DIRECCIN REGIONAL DE EDUCACIN-CUSCO INSTITUTO SUPERIOR DE EDUCACIN PBLICO
GREGORIA SANTOS- SICUANI
EP(50%)+EF(20%)+ET(10%)+PT(10%)+T(10%)
PF=(Notas/N Notas)
La evaluacin de los indicadores ser permanente, de acuerdo al siguiente cuadro.

N RUBROS INSTRUMENTOS PESO %

1 Evaluacin de entrada Prueba Objetivo, Orales Requisito
2 Trabajos (T) Registro, Entrevista Oral 10%
3 Evaluacin prctica (EP) Prueba Escrita, Prueba Calificada. 50%
4 Examen Final (EF) Prueba Escrita, Mixta 20%
5 Exposicin de trabajos (ET) Registro de Notas 10%
6 Presentacin de Trabajos (PT) Registro de Notas 10%
TOTAL 100%

X.- FUENTES DE INFORMACION.

BIBLIOGRAFIA.
IMPRESOS:
Prez, C. (2003) Macromedia Fireworks Mx: Diseo Grafico de la Web. Madrid - Espaa.
Anaya Multimedia (2008) Adobe Flash CS3 Profesional (Diseo Y Creatividad). Madrid Espaa: Editorial Anaya.
Aubry, C. (2008) Adobe Dreamweaver CS3. Madrid Espaa: Ediciones En
DIGITALES(PAGINA WEB):
http://librosweb.es/libro/css_avanzado/
http://3con14.info/i2010/_data/practica_09/guias/manualrapido_css.pdf

.
Jefe Carreras Tecnolgicas. Docente Responsable