SÍLABO DE LA UNIDAD DIDÁCTICA DISEÑO WEB

I. INFORMACIÓN GENERAL
1.1. CARRERA PROFESIONAL : Computación e Informática.
1.2. MODULO PROFESIONAL : Gestión de Aplicaciones para Internet y
Producción Multimedia
1.3. UNIDAD DIDACTICA : Diseño Web.
1.4. SEMESTRE ACADEMICO : 2017-I.
1.5. SEMESTRE DE ESTUDIO :V
1.6. HORAS SEMANAL/SEMEST. : 04 horas semanal/ 72 horas semestral.
1.7. CREDITO : 3 créditos.
1.8. DESARROLLO CURRICULAR : Del 27/03/2017 al 28/07/2017.
1.9. DOCENTE FORMADOR : Ing. Quispe Huaroto, Horacio.

II. COMPETENCIA GENERAL DE LAS CARRERA PROFESIONAL

Planificar, implementar y gestionar el uso de las Tecnologías de Información y

CI Comunicación de una organización, a partir del análisis de sus requerimientos,
teniendo en cuenta los criterios de calidad, seguridad y ética profesional propiciando
el trabajo en equipo.
COMPETENCIA DEL MÓDULO
Diseñar, desarrollar, administrar, gestionar e implementar productos multimedia y
DW aplicaciones para Internet, teniendo en cuenta los requerimientos del cliente

III. EJE TRANSVERSAL

Principio, Valores y Gestión de Liderazgo.
IV. CAPACIDAD TERMINAL Y CRITERIOS DE EVALUACIÓN
Capacidades terminales: Criterios de Evaluación
 Identifica y clasifica los tipos de plantillas
1. Diseña Páginas Web de acuerdo de aplicaciones en Internet.
al requerimiento del cliente.
 Utiliza herramientas adecuadas para
diseñar interfaces de fácil interactividad.
 Adjunta y cambia la estructura de texto
utilizando Lenguaje CSS.
 Actitudinal e Identidad institucional.

2. Implementar servidores para  Identifica las herramientas para crear

base de datos y sitios Web. galería de fotos estáticas y dinámicas.
 Transfiere y configura la aplicación para su
operatividad en el servidor.
 Publica la aplicación en Internet.
 Actitudinal e Identidad institucional.
 V. PROGRAMACIÓN DE LAS UNIDADES DIDÁCTICAS

UNIDAD DIDÁCTICA: Diseño Web.

CAPACIDAD TERMINAL N° 1: Diseña Páginas Web de acuerdo al requerimiento del cliente.
CAPACIDAD TERMINAL N° 2: Implementar servidores para base de datos y sitios Web.

ELEMENTOS DE LA CONTENIDOS
ACTIVIDADES DE APRENDIZAJE CRITERIOS DE INDICADORES SEMANAS
CAPACIDAD
EVALUACION
TERMINAL PROCEDIMENTAL CONCEPTUAL ACTITUDINAL

Reconoce el Software -Introducción A Web. N°01

Describe las Dreamweaver para -Introducción a HTML, CSS, PHP Y Participa y coopera en -Conociendo los conceptos
características de un configurar un sitio local. JavaScript. los trabajos de grupo. básicos y fundamentales de -Configura de manera
buen diseño de página -Concepto básico de Dreamweaver. internet, la Web y Dreamweaver Identifica y correcta un sitio local. Semana 1
web -Configuración de un sitio local. clasifica los
Reconoce las partes de la Comunica sus ideas y N°02 tipos de -Reconoce e identifica
Reconocer la interfaz estructura de la página -Partes de la plantilla Web. opiniones a sus -Partes de una plantilla Web. plantillas de correctamente la
Semana 2
de una plantilla Web. web. -Agregando las primeras Aplicaciones. compañeros - Incorporando las primeras aplicaciones en estructura física de una
aplicaciones. Internet. plantilla Web.
Crea banner dinámicos Usa y reconoce software -Insertar Banner dinámicas, estáticas e Persevera en la buena N°03 Utiliza
y estáticos en wow para crear banner imágenes Gif. consecución del -Diseño de encabezado de la herramientas -Diseña de manera eficaz Semanas 3
slider y Photoshop. dinámicos y estáticos. -Insertar Menús Horizontales y trabajo propuesto. página Web. adecuadas para el encabezado de una y4
verticales. -Menús horizontales y verticales diseñar página Web.
Analiza e incorpora -Insertar contenido al sidebar. Nº 04 interfaces de -Elabora y desarrolla de
contenidos adecuados a .-Hipervínculos. Comunica sus ideas y -Diseñando Barras laterales de la fácil forma adecuada los sitios Semana 5
sidebar de una página. -Tipo de hipervínculos. opiniones a sus página Web. interactividad webs utilizando el y6
-Inserción de herramientas multimedia. compañeros -hipervínculo y Multimedia. programa.
Diseña contenido del pie Atiende las opiniones N°05 -Adjunta correctamente Semana 7
de página con -Personalizar pie de página (footer). e ideas de los -Diseñando pie de página (Footer) Adjunta y elementos al pie de y8
Utiliza las herramientas creatividad. compañeros cambia la página.
de Dreamweaver para
estructura de
diseñar páginas Webs
interactivas. -Insertar párrafo de textos. Comprende la texto utilizando
Inserta contenidos -Modificar formato de textos. importancia de N°06 Lenguaje CSS. -Incorpora los elementos
Semanas 9
dinámicos al cuerpo de -Textos con imágenes de autoevaluarse sobre la -Adjuntando elementos al conten correctamente al cuerpo
y 10
la página Web. comportamiento. forma como se de la página. de la página.
-Texto con imágenes de sustitución. aprende.
Crea galerías de fotos Valora su laboratorio -Usa adecuadamente el
utilizando lenguaje de - Vincular JavaScript en HTML 5. demostrando orden N° 07 Identifica las software para crear galería
Crea galería de fotos programación HTML y -Galería de fotos estáticas. limpieza y -Vincular JavaScript en HTML 5 herramientas de fotos estáticas y Semana 11
para páginas Web. JavaScript -Galería de fotos dinámicas. responsabilidad -Galería de fotos dinámicas.
para crear
galería de fotos
-Descargar e instalar -Descargar plugin desde la página N° 08 -Aprende a descargar e
estáticas y
Elaborar proyecto web plugins para crear oficial de adobe para Dreamweaver. Atiende las ideas y -Instalar y configuración plugins instalar de forma correcta
dinámicas. Semana
utilizando los parches aplicaciones dinámicas -Instala y configura los parches en opiniones de los más comunes en Adobe los plugins del adobe
12
del software de una página Web. Adobe Dreamweaver. compañeros Dreamweaver Dreamweaver.
Dreamweaver.
-Diseñar formularios de Participa y coopera en Transfiere y -Crea formularios de visita
Elaborar y validar datos utilizando el -Elementos de formulario los trabajos de grupo Nº 09 configura la utilizando correctamente Semana 13
formularios. lenguaje HTML y CSS. - Crear formularios. -Elementos de formularios. el software.
aplicación para
-Validar formularios
su operatividad
Describe la función y Explora y analiza los -Instalación y configuración de servidor Demuestra N° 10 -Instala y configura
en el servidor.
configura las componentes de un web local y de base de datos (PHP, puntualidad en -Instalando y configurando Correctamente un servidor
Semana 14
herramientas de un servidor Web local. MySQL, Apache) presentar sus trabajos servidor web y de base de datos local para páginas Webs.
servidor Web local, prácticos
Reconoce los paso a -Crear base de datos en SQL. N° 11 -Conecta base de datos
Complementando seguir, para hacer una -Vincular formularios a base de datos Es participativo en -Base de datos. eficazmente al servidor Semanas
formularios con conexión de formularios mediante programación en lenguaje clase Conectar formularios a base de Web local mediante el 15 y 16
código PHP a base de datos. PHP. datos lenguaje PHP.
Publica la
Reconoce los servidores -Servidor Web Es Responsable en
aplicación en
Publica el sitio Web en gratuitos y programas de -Servidores Web gratuitos. presentar sus N° 12 -Publica eficientemente la
Internet. Semana 17
internet a través de transferencia de archivos. -Programas de transferencia de proyectos finales. -Publicando el proyecto Web en página Web en Internet.
servicio de HTTP. archivos (FileZilla). Internet

Evaluación y recuperación Semana 18

VI. METODOLOGIA:
MÉTODOS TÉCNICAS INSTRUMENTOS
U.D  Deductivo.  Debate  Lluvia de ideas  Red de
 Inductivo.  Trabajo en  Distribución computadora.
 Analógica y equipo Temática  Textos
comparativa.  Técnica  Practica en  Manuales
 Método activo. expositiva. Laboratorio  Videos
 Método  Técnica del  Técnica de Tutoriales
expositivo. interrogatorio. desarrollo.  Internet.
DW

 Método de  Cuestionario  Técnica de  Software

investigación.  Ejemplificación dialogo. instalador.
 Clase prácticas.  T. de  Técnica de  Proyector.
 Clase teóricas. Demostración. experiencia  Dispositivos de
 Técnica de comunicación.
estudio dirigido.

VII. EVALUACIÓN:
 La escala de calificación es vigesimal y el calificativo mínimo aprobatorio es de trece (13). En
todos los casos, la fracción 0.5 o más se considera como una Unidad a favor del estudiante.
 El Estudiante que en la evaluación de una o más capacidades terminales programadas en la
unidad didáctica, obtenga nota desaprobatoria entre diez (10) y doce (12), tiene derecho a
participar en el proceso de recuperación programado.
 El estudiante que después de realizado el proceso de recuperación obtuviera nota menor a
trece (13) en una o más capacidades terminales de una unidad, desaprueba la misma, por tanto
repite la Unidad Didáctica.
 El estudiante que acumulara inasistencias injustificadas en número igual o mayor al 30% del
total de horas programas en la Unidad Didáctica, será desaprobado en forma automática, sin
derecho a recuperación.

VIII. RECURSOS BIBLIOGRÁFICOS

IMPRESOS
 Nicholas C. Zakas, JavaScript para desarrolladores Web, Editorial Anaya
 Multimedia, Edicion 2006, 688 p.
 Introducción a JavaScript, Javier Eguíluz Pérez
 Introducción a CSS, Javier Eguíluz Pérez
 DIGITALES (página WEB)
 Creación de blogs. https://www.blogger.com/start
 Generador de webquest: http://www.aula21.net/Wqfacil/webquest.htm
 http://www.s.c. ehu.es/sbweb/estadística/default.htm.
 www.solorecursos.com
 www.wmaestro.com
 www.softdownload.com
 www.aulaclic.es
 www.wikipedia.com
Huaytará, Marzo del 2017

--------------------------------------------- ------------------------------------
--------
Ing. Adriel G. Valdez Huamán Prof. Marado Loza Bendzú
Director General Jefe de unidad Académica

----------------------------------------------------
Ing. Horacio Quispe Huaroto
Docente Responsable