ESCUELA PROFESIONAL DE INGENIERA DE SISTEMAS

SILABO DE INTRODUCCION AL DESARROLLO WEB 2014-II

1.- Informacin General
Facultad
: Ingeniera
Escuela
: Ingeniera de Sistemas
Cdigo del Curso
: SI-462
Nombre del Curso : INTRODUCCION AL DESARROLLO WEB
Semestre Acadmico : 2015-I
Ciclo
: IV
Horas
: 06 Horas
Crditos
: 04 Crditos
Tipo de Curso
: (x)Obligatorio ( )Electivo
Pre-Requisito
: SI-366
Co-requisitos
: SI-661
Docente
: Ing. Tito Fernando Ale Nieto
E-mail
: titofale@gmail.com
2.- Descripcin del Curso
El curso introduce al estudiante en el diseo y desarrollo de pginas web, sitios web y aplicaciones
web bsicas, usando tecnologas estndares como un lenguaje de marcas, un lenguaje de
presentacin y un lenguaje del lado del cliente.
Al finalizar el curso, el estudiante estar capacitado en la creacin, diseo y mantenimiento de
sitios web mediante el uso del lenguaje html5, estilos css3 y un lenguaje de programacin,
usando un entorno de desarrollo integrado, lo cual le permitir desarrollar sitios web y
aplicaciones web bsicas aplicados al entorno de Internet.
Los temas a desarrollarse en el curso son:
1. Internet: Historia, Historia de la Web, Servicios de Internet,
2. Fundamentos del desarrollo web
3. Arquitectura Web
4. Html, Xhtml , Html5
5. Hojas de estilo
6. Uso de un IDE
7. Maquetacin Web con xhtml y css
8. HTML5 y CSS3
9. Maquetacin Web con html5 y css3
10. Lenguaje JavaScript
11. Aplicaciones html5, css3 y JavaScript
12. Uso de APIs

3.- Texto y otras referencias requeridas para el dictado del curso

1. El gran Libro del HTML5, CSS3 y JavaScript, Autor: Juan Diego Gauchat, 2da Edicion 2013
2. HTML5 y CSS3 Revolucione el diseo de sus sitios web (2a edicin 2012), Christophe
AUBRY
1
Ing. Tito Ale Nieto
titofale@gmail.com

ESCUELA PROFESIONAL DE INGENIERA DE SISTEMAS

3. Gua Prctica CSS3, Editorial: Anaya, Autor:Miguel Angel Acera Garca, 2012
4. Introduccin a XHTML, Javsscript, CSS y CSS2, Autor: Javier Eguilez Perez
5. Otros materiales suplementarios:
Webgrafa
http://www.programacion.net/
http://www.desarrolloweb.com

4.- Los resultados especficos de la instruccin, que aportan a su curso

Verbo de
Objetivo de Conocimiento
Finalidad
desempeo

Disea
desarrolla

y Sitios Web y Aplicaciones

Web bsicas haciendo uso
de lenguajes de marcas, de
presentacin y de lado del
cliente

Para
resolver
problemas segn los
requerimientos
y
exigencias del entorno

Condicin de calidad

Considerando
aspectos
de
seguridad y uso de
estndares actuales.

Competencia General:
Conoce y aplica los fundamentos del desarrollo web en el diseo y desarrollo de sitios web y
aplicaciones web bsicas, haciendo uso de un lenguaje de marcas, un lenguaje de presentacin y
un lenguaje del lado del cliente, para dar solucin a los requerimientos y exigencias del entorno,
considerando el uso de estndares y aspectos de seguridad.
Competencias especficas:

Conoce, comprende y explica los conceptos del desarrollo de sitios web y la

arquitectura web.
Conoce y aplica un lenguaje de marcas y un lenguaje de presentacin en la
maquetacin web
Disea y desarrolla aplicaciones web bsicas usando el lenguaje html5, css y javascript,
en la solucin de problemas del entorno.
Aplica estndares en el desarrollo de sitios y aplicaciones web bsicas y seguridad web
en el desarrollo de proyectos.
Participa, coopera en la resolucin de casos prcticos de desarrollo de trabajo en
equipo.
Asume con responsabilidad los proyectos de anlisis y desarrollo web.
Expresa con facilidad los conocimientos adquiridos durante la exposicin de trabajos
asignados.

2
Ing. Tito Ale Nieto
titofale@gmail.com

ESCUELA PROFESIONAL DE INGENIERA DE SISTEMAS

5.- Temas principales cubiertos en el curso
Unidad I: INTRODUCCION AL DESARROLLO WEB
Total Horas: 42
Capacidad:
- Conoce los fundamentos del desarrollo web
- Conoce la arquitectura web y utiliza los servicios y herramientas de internet
- Identifica la diferencia entre una pgina web, sitio web, aplicacin web y un portal
- Conoce las tecnologas Web para la implementacin de sitios y aplicaciones web
- Planifica la creacin de sitios web
- Desarrolla la maquetacin de sitios web usando como herramienta un IDE
- Disea la maquetacin de sitios web usando html, xhtml y css
- Aplica las tecnologas estndares xhtml, html5, css, css3 en la creacin de sitios web
Contenido Conceptual
Semana1,2
Introduccin
Internet, historia, historia de la web, Servicios
Fundamentos del Desarrollo Web
Conceptos de pginas, sitios web y aplicaciones Web
Lenguaje de marcas html, xhtml , html5
Evolucion del html
Estructura de un archivo xhtml
Uso de la etiqueta div, p
Formateo de texto, listas
Hiperenlaces, Tipos de enlaces,
Uso de imgenes
Uso de Formularios html, iframes
Semana 3
Estilos CSS
Definicin de CSS
Formas de insertar estilos
Unidades de medida, Selectores
Posicionamiento y visualizacin
Mens y barras de navegacin con css
Maquetacin Web con html y css
Semana 4
Uso de un IDE
El entorno de trabajo
Configuracin de un sitio local
Formato de texto, Hiperenlaces
Uso de Tablas html
Formularios en DW
Imgenes y multimedia
Creacin y uso de Plantillas

Contenido Procedimental
Atiende los conceptos impartidos.
Lee los manuales entregados en
clase.
Expone, delibera y obtiene las
conclusiones sobre el tema.
Escribe cdigo de paginas html y
xhtml.
Lee y resuelve la gua de Laboratorio
sobre este tema.
Presenta la solucin de los ejercicios
propuestos en la gua de
Laboratorio.
Atiende los conceptos impartidos.
Lee los manuales entregados en
clase.
Lee, resuelve y presenta la solucin
de los problemas de la gua de
Laboratorio sobre este tema.

Interacta con el entorno de diseo

y desarrollo de Dreamweaver.
Disea y codifica pginas web
utilizando propiedades, en el
entorno de Dreamweaver.

3
Ing. Tito Ale Nieto
titofale@gmail.com

ESCUELA PROFESIONAL DE INGENIERA DE SISTEMAS

Semana5,6
HTML5
Definition html5
Etiquetas semnticas <header>, <nav>, <section>, <aside>,
<footer>, <article>, <hgroup> <figure> y <figcaption>
Maquetacin web con html5 y CSS
Evaluacin

Lee los manuales entregados en

clase
Expone, delibera y obtiene las
conclusiones sobre el tema.
Lee, resuelve y presenta la solucin
de los problemas de la gua de
Laboratorio sobre este tema.

Contenido actitudinal
Manifiesta inters en las actividades planificadas mediante la participacin permanente y autnoma.
Demuestra actitudes de puntualidad, veracidad, honestidad y responsabilidad como parte de su
proceso formativo profesional.
Respeta a los dems y es flexible frente a la diferencia de procedimientos para resolver un mismo
problema.
Valora el saber cientfico como conocimiento imprescindible en el desarrollo de su carrera.
Coopera con las normas y reglas de seguridad e higiene necesaria en su ambiente de trabajo.

Unidad II: DESARROLLO DE SITIOS WEB INTERACTIVOS

Total Horas: 42
Capacidad:
- Identifica cada uno de los trminos de un sitio web esttico y los compara con los trminos de un
sitio web interactivo.
- Identifica la arquitectura de un sitio web dinmico.
- Realiza la maquetacin de un sitio web usan los estndares html5 y css3
- Disea y desarrolla y administra sitios web, usando html5, css3 y lenguaje de programacin
JavaScript.
Contenido Conceptual
Contenido Procedimental
Semana 7,8
Lee los manuales entregados en clase
Propiedades Avanzadas CSS3
Lee la gua de Laboratorio sobre este
Las nuevas reglas
tema.
Border-radius
Resuelve los ejercicios de la gua de
Box-shadow, Text-shadow
laboratorio sobre este tema.
@font-face
Presenta la solucin a los ejercicios
Laboratorio
propuestos en la gua de Laboratorio
Gradiente lineal, radial
sobre este tema
RGBA HSLA
Outline
Lee los manuales entregados en clase
Border-image
Lee la gua de Laboratorio sobre este
Transform : scale, rotate, skew, translate
tema.
Transformando todo al mismo tiempo
Resuelve los ejercicios de la gua de
Transformaciones dinmicas
laboratorio sobre este tema.
Laboratorio
Presenta la solucin a los ejercicios
Transiciones
propuestos en la gua de Laboratorio
Animaciones
sobre este tema
Laboratorio
4
Ing. Tito Ale Nieto
titofale@gmail.com

ESCUELA PROFESIONAL DE INGENIERA DE SISTEMAS

Laboratorio de Maquetacin Web
Semana 9,10
Lenguaje JavaScript
Qu es JavaScript?
Uso de comentarios, secuencias de escape
Uso de variables, Cadenas de caracteres, Nmeros El
valor null
Operadores: aritmticos, de asignacin, de comparacin,
lgicos, Operadores y Cadenas, Pedir valores al usuario.
Estructuras de control: Sentencias if-else, El bucle while
El bucle for, El bucle do while , Construcciones switch,
Laboratorio
Uso de Arrays y Uso de Funciones
Qu son las funciones?, Definiendo funciones, Variables
globales y locales, Laboratorio
Laboratorio
Objetos y Eventos
Atributos y mtodos
Objetos predefinidos,
Uso DOM
Qu son los eventos?, Utilizando eventos, Listado de
eventos, Ejercicio del tema
Uso de los objetos ms utilizados
El objeto document
El objeto window
Abriendo ventanas popup
Objeto Screen
Fecha y Hora
Utilidades de navegacin
Laboratorio
Semana 11,12
JavaScript y Formularios
Introduccin
Accediendo a los campos de un formulario
Modificando las propiedades de un campo
Validacin de Formularios con JavaScript
Enviar el formulario
Laboratorio
Nuevos selectores JavaScript
querySelector()
querySelectorAll()
Manejadores de eventos
Manejadores de eventos en lnea
Manejadores de eventos como propiedades
El mtodo addEventListener()

Ing. Tito Ale Nieto

titofale@gmail.com

Lee los manuales entregados en clase

Lee la gua de Laboratorio sobre este
tema.
Resuelve los ejercicios de la gua de
laboratorio sobre este tema.
Presenta la solucin a los ejercicios
propuestos en la gua de Laboratorio
sobre este tema
Aplica acertadamente Estructuras de
control.

Lee los manuales entregados en clase

Lee la gua de Laboratorio sobre este
tema.
Resuelve los ejercicios de la gua de
laboratorio sobre este tema.
Presenta la solucin a los ejercicios
propuestos en la gua de Laboratorio
sobre este tema

Lee los manuales entregados en clase

Lee la gua de Laboratorio sobre este
tema.
Resuelve los ejercicios de la gua de
laboratorio sobre este tema.
Presenta la solucin a los ejercicios
propuestos en la gua de Laboratorio
sobre este tema

Lee los manuales entregados en clase

5

ESCUELA PROFESIONAL DE INGENIERA DE SISTEMAS

Uso de Video y audio en html5
Lee la gua de Laboratorio sobre este
Reproduciendo video
tema.
El elemento <video> y sus atributos
Resuelve los ejercicios de la gua de
Ejemplo Programando un reproductor de video
laboratorio sobre este tema.
El diseo, El cdigo, Los eventos, Los mtodos, Las
Presenta la solucin a los ejercicios
propiedades, El cdigo en operacin
propuestos en la gua de Laboratorio
Formatos de video
sobre este tema
Reproduciendo audio con HTML5
El elemento <audio>
Ejemplo programando un reproductor de audio
Evaluacin
Revision del Avance del proyecto del curso
Contenido actitudinal
Manifiesta inters en las actividades planificadas mediante la participacin permanente y autnoma.
Demuestra actitudes de puntualidad, veracidad, honestidad y responsabilidad como parte de su
proceso formativo profesional.
Respeta a los dems y es flexible frente a la diferencia de procedimientos para resolver un mismo
problema.
Valora el saber cientfico como conocimiento imprescindible en el desarrollo de su carrera.
Coopera con las normas y reglas de seguridad e higiene necesaria en su ambiente de trabajo.
Unidad III: DESARROLLO DE APLICACIONES HTML5 Y JAVASCRIPT
Total Horas: 42
Capacidad:
- Disea y desarrolla sitios web haciendo uso de tecnologas estndares.
- Aplica el lenguaje de marcas html, html5 y las hojas de estilos CSS3 en el desarrollo web.
- Disea y desarrolla aplicaciones web bsicas.
Contenido Conceptual
Semana 13
Uso Bootstrap
Formularios y API Forms
Formularios Web
El elemento <form>
<input> tipo: email, search , url, tel, number, range,
date, week, month, time, datetime, datetimelocal, color
Nuevos atributos: placeholder, required, multiple,
autofocus, pattern, form
Semana 14, 15
APIs:
Canvas ,
Drag and Drop,
Geolocation,
Storage,
File

Contenido Procedimental
Lee los manuales entregados en clase
Lee la gua de Laboratorio sobre este
tema.
Resuelve los ejercicios de la gua de
laboratorio sobre este tema.
Presenta la solucin a los ejercicios
propuestos en la gua de Laboratorio
sobre este tema

Lee los manuales entregados en clase

Lee la gua de Laboratorio sobre este
tema.
Resuelve los ejercicios de la gua de
laboratorio sobre este tema.
Presenta la solucin a los ejercicios
propuestos en la gua de Laboratorio
sobre este tema
6

Ing. Tito Ale Nieto

titofale@gmail.com

ESCUELA PROFESIONAL DE INGENIERA DE SISTEMAS

Communication
Semana 16
Web Workers
History , Offline
Libreras externas:jQuery, Google Maps
Presentacin del Proyecto final del curso
Semana 17
Evaluacin

Lee los manuales entregados en clase

Lee la gua de Laboratorio.
Resuelve los ejercicios de la gua de
laboratorio.
Presenta la solucin a los ejercicios
propuestos en la gua de Laboratorio.
Presenta y expone proyecto final del
curso.

Rinde evaluacin final

Contenido actitudinal
Manifiesta inters en las actividades planificadas mediante la participacin permanente y
autnoma.
Demuestra actitudes de puntualidad, veracidad, honestidad y responsabilidad como parte de su
proceso formativo profesional.
Respeta a los dems y es flexible frente a la diferencia de procedimientos para resolver un
mismo problema.
Valora el saber cientfico como conocimiento imprescindible en el desarrollo de su carrera.
Coopera con las normas y reglas de seguridad e higiene necesaria en su ambiente de trabajo.
Plan de evaluacin del curso: Sumados los criterios deben dar el 100 % de la unidad
Criterios

Primera Unidad

Examen Terico de Unidad

20 %
Fecha
Examen Prctico de Unidad
30 %
Fecha
Evaluacin de Laboratorios
30 %
Evaluacin de Proyecto Final
10 %
Desarrollo actitudinal
10 %
TOTAL
100%
Porcentaje por unidad
30 %
*Se debe trabajar como mximo con 3 unidades.

Segunda Unidad

Tercera Unidad

20 %

-.-

25 %

30 %

30 %
15 %
10 %
100%
35 %

30 %
30 %
10 %
100%
35 %

Mayo 2015
Fecha de aprobacin

Elaborado por: Ing. Tito Ale Nieto

Revisado y Aprobado por:

7
Ing. Tito Ale Nieto
titofale@gmail.com