FACULTAD DE INGENIERIA

CARRERA PROFESIONAL DE INGENIERÍA DE SISTEMAS E INFORMÁTICA

SÍLABO

I. DATOSGENERALES
1.1 Asignatura : Diseño Web
1.2 Código : FPE - 206
1.3 Nivel : Pregrado
1.4 Semestre Académico : 2018-I
1.5 Ciclo : II
1.6 Tipo : Obligatorio
1.7 Carácter : Formación Especializada
1.8 Créditos : 3
1.9 Pre requisito : Introducción a la Computación e Informática.
1.10 Duración : 16 semanas
1.11 Horas Semanales : 4
1.11.1 Horas Teóricas : 2
1.11.2 Horas Prácticas : 4
1.12 Docente(s) : Rojas Campos Ricardo Alejandro.

II. SUMILLA
Curso Obligatorio del área de Formación Especializada de naturaleza Teórico Práctica, perteneciente al
segundo ciclo de estudios.

El objetivo del curso es brindar al alumno una introducción al diseño, creación y mantenimiento de
páginas y sitios web. El alumno podrá evaluar críticamente la calidad del sitio web; aprender a crear y
mantener páginas web de calidad; aplicar los estándares de diseño web y valorar su importancia; y
finalmente crea y configura imágenes y videos adecuados para la web.

III. COMPETENCIA
Al finalizar el curso el alumno demostrará de manera individual el dominio del diseño e implementación
de un sitio web con ayuda de las tecnologías: HTML5, CSS3 y Java Script. Dichas tecnologías le darán
la posibilidad de proporcionar las funcionalidades deseadas al sitio web, así mismo, podrá valerse de
cualquier herramienta de diseño web en el futuro y adaptarse a las nuevas tecnologías que irán
sumándose con el paso de los años.
IV. CAPACIDADES
 Comprende la estructura de una página web.
 Crea contenido web a través del lenguaje de etiquetado con etiquetas básicas.
 Implementa estructuras semáticas valiéndose de las etiquetas de HTML5.
 Analiza y desarolla hojas de estilo mediante el uso de propiedades y selectores.
 Desarrolla estilos avanzados con la ayuda de CSS3 y HTML5.
 Domina los estilos de caja, bordes, pseudoclases y transiciones en CSS3.
 Codifica estilos CSS y estructura código HTML a nivel avanzado.
 Domina el uso de estilos para crear animaciones y dar un formato personalizado a las páginas web
 Codifica funciones básicas de JavaScript.
 Desarolla eventos, manejo de datos, listas, objetos con JavaScript.
 Comprende y relaciona los conceptos de dominios, hosting y servidores web, para publicar un Sitio Web en la
nube.
 Conoce y aplica las tecnologías HTML5, CSS3 y JavaScript para el desarrollo de proyectos web.

V. PROGRAMACIÓNDECONTENIDOS
UNIDAD DE APRENDIZAJE I
HTML, ESTRUCTURA DE UN SITIO WEB
CAPACIDAD:
 Comprende la estructura de una página web.
 Crea contenido web a través del lenguaje de etiquetado con etiquetas básicas.
 Implementa estructuras semáticas valiéndose de las etiquetas de HTML5.
Semana Sesión Contenido Conceptual Contenido Procedimiental
o Historia del Internet. o Explicación de la historia de internet, navegadores y tecnologías
o Historia de los con las que trabajaremos.
navegadores. o Descripción e instalación de las herramientas de desarrollo que
1 o Evolución de las usaremos a lo largo del curso.
tecnologías de desarrollo o Breve descripción de HTML5 y versiones anteriores, CSS3 y
1ª web. versiones anteriores y Javascript.
o Lenguaje de etiquetado. o Explicación del uso del lenguaje de etiquetado.
o Doctype, head, body. o Comprensión de la etiqueta Doctype en las diferentes versiones
2 o Etiquetas meta. de HTML.
o Encabezados. o Explicación de la importancia de la etiqueta meta en la cabecera
de las páginas y la forma de usarlo.
o Párrafos, Saltos de línea. o Desarrollo de contenido web aplicado etiquetas <p>, <br>,
o Espacios en blanco. <strong>, <em>.
3 o Etiquetas de formato de o Explicación el uso de caracteres especiales para los espacios en
2ª texto. blanco.
o Listas. o Explicación y desarrollo de etiqueas de listas, tablas, imágenes y
o Tablas. videos.
4 o Imágenes. o Explicación del uso de las tablas hoy en día a diferencia del uso
o Videos. que le daban en el diseño web de antes.
o Formularios. o Desarrollo de formularios y controles a través de las etiquetas
5 o Frames. <form> e <input>.
3ª o Explicación y desarrollo de frames.
o Colores. o Explicacion y uso del atributo style para utilizar colores.
6 o Atributos. o Explicacion de los atributos mas usados.
o XHTML. o Emplea adecuadamente el uso de la etiqueta div y las etiquetas
o Etiqueta Div. semánticas incluidas con HTML5.
4ª 7 o Etiquetas semánticas.
introducidas con HTML5.
Primera Práctica Calificada
8
CONTENIDO ACTITUDINAL: Demuestra actitudes de responsabilidad, puntualidad, respeto y veracidad.Promueve
la participación de sus compañeros y el compromiso personal para el trabajo en equipo, asumiendo responsabilidades
compartidas.
 UNIDAD DE APRENDIZAJE II
CSS, APLICANDO ESTILOS A NUESTROS SITIOS WEB
CAPACIDAD:
 Analiza y desarolla hojas de estilo mediante el uso de propiedades y selectores.
 Desarrolla estilos avanzados con la ayuda de CSS3 y HTML5.
 Domina los estilos de caja, bordes, pseudoclases y transiciones en CSS3.
SEMANA SESIÓN CONTENIDO CONCEPTUAL CONTENIDO PROCEDIMIENTAL
o Introducción a CSS. o Define el uso de CSS para aplicar estilos a
o Etiqueta <style>. un sitio web.
9
o Sintaxis básica de CSS. o Desarrolla la sintaxis de CSS para aplicar
estilos.
5ª o Trabajar con CSS en un archivo o Explcación de como trabajar los estilos,
exnterno. separado de la estructura HTML.
10 o Comenarios en CSS. o Explicación de como y por que usar
comentarios en nuestro contenido HTML y
CSS.
o Compatibilidad con otros o Explicar la importancia de la compatibilidad
navegadores. de nuestro código en los navegadores mas
o Normalice. utilizados en el mercado actual.
11
o Desarrolla contedido importando la librería
Normalice para generar compatibilidad en
6ª
los navegadores.
o Identificadores y clases. o Explicación y ejemplificación de los
o Selector universal. identificadores y clases en CSS.
12
o Seleccionar descendientes. o Utilización de los selectores para aplicar
o Seleccionar hijos. estilos a nuestro contenido web.
o Font-family, font-face, font-size. o Explicación de como importar fuentes
o Font-weight, interliniado. externas.
13
o Aliniación, espaciado, indentación. o Explicación de como aplicar formatos
personalizados al texto de nuestro sitio web.
7ª
o Background, bordes, display. o Desarrolla páginas web aplicando bordes
o Modelo de cajas, margen, padding. personalizados.
14
o Mostrar la diferencia entre los modelos de
cajas al momento de aplicar estilos.
o Position relative. o Explicación de porque usar position
15 o Position absolute. absolute y en que casos.
8ª o Position fixed. o Explicación de la utilidad de Position fixed.
16 Examen Parcial
CONTENIDO ACTITUDINAL: Demuestra actitudes de responsabilidad, puntualidad, respeto y
veracidad. Promueve la participación de sus compañeros y el compromiso personal para el trabajo en
equipo, asumiendo responsabilidades compartidas..

UNIDAD DE APRENDIZAJE III

HTML Y CSS,
CAPACIDAD:
 Codifica estilos CSS y estructura código HTML a nivel avanzado.
 Domina el uso de estilos para crear animaciones y dar un formato personalizado a las páginas web
SEMANA SESIÓN CONTENIDO CONCEPTUAL CONTENIDO PROCEDIMIENTAL
o Colores RGB y RGBA. o Explcación del uso de los colores RGB y
o Opacity, sombras y pseudoclases. RGBA en CSS.
17
o Desarrollo de las propiedades Opacity y
sombras en front ent.
9ª o Introducción a Bootstrap. o Explicacion del framewook bootstrap y otras
o Manejo de clases principales. alternativas.
18 o Explicacón de clases como navbar, container,
entre otros.
o Desarolla páginas utilizando bootstrap.
o Formularios con bootstrap. o Explicacion y desarrollo de sitios web con
10 19 o Transition. formularios aplicando el framework bootstrap.
o Explicacion el uso de transition y que
 propiedades pueden aplicarse.
o Desarrollo de ejercicios aplicando Transition y
bootstrap.
o Validación de formuarios con o Explicación de las validaciones que vienen
20 HTML5. incluidas con HTML.
o Desarrollo de ejercicios aplicando
validaciones en formularios.
o Trabajando con menus o Explicacion de las listas (<ul>) como elemento
desplegables. estructural al momento de crear menus
21 o Overflow. desplegables.
11ª o Desarrollo de los conocimientos aprendidos
sobre estilos para crear efectos en los menus.
o Creando un blog con HTML y CSS. o Desarrollo de un blog aplicando <div>, <ul>,
22 estilos, transition entre otros elementos de
estructura y de diseño.
o Visibility. o Explicación de la necesidad de crear Viewport
o Viewport, height y width. para obtener dimensiones mas extactas
23 o Ejercicios con position, transition, respecto a la pantalla del usuario.
12ª visibility. o Explicación y desarrollo de ejercicios guiados
o Z-index. donde se explican propiedades como position,
z-index, transition entre otros.
24 SEGUNDA PRÁCTICA CALIFICADA
CONTENIDO ACTITUDINAL: Demuestra actitudes de responsabilidad, puntualidad, respeto y
veracidad. Promueve la participación de sus compañeros y el compromiso personal para el trabajo en
equipo, asumiendo responsabilidades compartidas..

UNIDAD DE APRENDIZAJE IV
CONVERSIÓN ANALÓGICA DIGITAL Y MEMORIAS.
CAPACIDAD:
 Codifica funciones básicas de JavaScript.
 Desarolla eventos, manejo de datos, listas, objetos con JavaScript.
 Comprende y relaciona los conceptos de dominios, hosting y servidores web, para publicar un Sitio
Web en la nube.
 Conoce y aplica las tecnologías HTML5, CSS3 y JavaScript para el desarrollo de proyectos web.
SEMANA SESIÓN CONTENIDO CONCEPTUAL CONTENIDO PROCEDIMIENTAL
o Introducción a JavaScript. o Explicación de JavaScript como lenguaje de
o Trabajando con Javascript en un programación.
25
archivo externo. o Explicación básica de la sintaxis de JavaScript.
o Desarrollo de mi primer programa “hola mundo”.
13ª
o Creando variables, objetos, o Explicación y desarrollo guiado del código
manipulando objetos. JavaScript.
26
o Arreglos, modificando arreglos. o Desarrolla algoritmos usando arreglos y objetos
con la ayuda de JavaScript.
o Números, fechas, strings, o Explicacion del uso de condicionantes y operadores
condicionales, operadores “Y”, “O”. en JavaScript.
27
o Desarrollo guiado de ejercicios propuestos para
poner en práctica lo aprendido en JavaScript.
o Funciones, funciones con o Explicacion de la importancia de trabajar con
argumentos. “funciones” al emprender un proyecto web.
14ª
o Creación de nodos, AJAX. o Codifica funciones y las reutiliza según la
necesidad.
28
o Interactua html con JavaScript.
o Desarrolla código de JavaScript en un archivo
independiente.
o Explicación de AJAX y las peticiones asíncronas.
o Definición Hosting. o Explicacion del significado de “Hosting” y como
15ª 29 o Caracterísitcas de un hosting y podemos adquirir uno.
como adquirir uno. o Describe las características de un hosting.
 o Protocolo de transmisión de datos o Explicación de los protocolos usados para subir
FTP, SFTP. nuestro sitio web a un hosting.
30
o Aplicaciones para subir nuestro sitio o Desarrollo guiado de como subir un sitio web a un
web a un hosting. hosting.
o Exposiciones Finales. o Exposición de proyectos finales donde ponen en
práctica todo lo aprendido:
o HTML5.
31 o CSS3.
16ª o JavaScript.
o AJAX.
o Bootstrap.
32 EXAMEN FINAL
CONTENIDO ACTITUDINAL: Demuestra actitudes de responsabilidad, puntualidad, respeto y veracidad.
Promueve la participación de sus compañeros y el compromiso personal para el trabajo en equipo, asumiendo
responsabilidades compartidas.

VI. METODOLOGIA
Las sesiones de aprendizaje combinarán la exposición del docente con la participación activa de los estudiantes
para desarrollar los contenidos y lograr los objetivos de aprendizaje.
El profesor asume el rol de mediador para presentar los contenidos conceptuales y, de organizador de situaciones,
para asegurar la participación de los alumnos en los laboratorios.
Los métodos, técnicas y formas de la enseñanza – aprendizaje se basa en el enfoque educativo para el desarrollo
de competencias y orienta la construcción del conocimiento del estudiante.Comprende:

Método didáctico:
- Inductivo, deductivo; dialéctico y sistémico.
- Confrontación permanente de ideas y opiniones.
Formas de participación de los educandos:
- Dialogo. Debate.
- Exposición individual y grupal.
- Investigación: Libros, revistas, páginas webs.
- Comentarios individuales de temas del curso en todo momento: antes,durante y después de la clase.
- Elaboración de mapas conceptuales. Tablas comparativas. Ordenadores.
El alumno es responsable por su aprendizaje. Para el desarrollo de las clases el alumno deberá leer previamente
los temas y tareas asignados y tener a la mano el material publicado en el sistema virtual de apoyo para las
actividades planificadasen el silabo. La falta de participación del alumno será tomada en cuenta en las
evaluaciones.
El profesor detectará los aprendizajes no logrados por los alumnos en cada evaluación y organizará las acciones
pedagógicas necesarias para lograr los aprendizajes de los alumnos en los puntos críticos detectados.
MEDIOS Y MATERIALES EDUCATIVOS
 Materiales impresos: manuales, separatas, compendios, hojas de actividades, guías de laboratorio.
 Materiales audio visuales: presentaciones multimedia y películas.

VII. EVALUACIÓN
En general, la evaluación es el procedimiento utilizado para medir las aptitudes, habilidades, conocimientos y
progresos del alumno en su formación académica. Es permanente, continua y sistemática, y de acuerdo a las
normas establecidas en el Reglamento de Estudios de la Universidad (Capítulo VIII).
a) La primera evaluación es de entrada que permite diagnosticar los saberes previos del estudiante.
 b) La evaluación de proceso o continua es permanente, integral y presencia según el avance de las sesiones de
aprendizaje programadas semanalmente; permite el logro de las competencias a través de los rubros:
conceptual, procedimental y actitudinal.

c) La nota aprobatoria final se obtiene de:

PESOS
RELATIVOS
Evaluación Continua 60%
Trabajo monográfico (PT) 20%
Promedio de prácticas calificadas (PPC) 35%
Promedio de desarrollo de laboratorio (PTP) 45%
Examen Parcial (EXP) 15%
Examen Final (EF) 25%

PROMEDIO FINAL = 0.60* (0.20*PT + 0.35*PPC + 0.45*PTP) + 0.15*EXP + 0.25*EF

d) Requisitos de aprobación de la asignatura:

Sistema de calificación: escala vigesimal (0 – 20). La nota aprobatoria es igual o mayor a 12.(Art. 62 del
Reglamento de Estudios).
Asistencia regular a clases. La asistencia a clases es obligatoria. Inasistencias mayores al 30% de las
sesiones desaprueban automáticamente al alumno, el estudiante será inhabilitado obteniendo la nota final de
CERO.(Art. 31 del Reglamento de Estudios).

VIII. FUENTES DE INFORMACIÓN

 Diseño web con HTML5 y CSS3 / Editorial Macro/Manuel Torres Remon/2014

 HTML5 / Editorial ANAYA/Alonso Alvarez García/2010

 HTML5 / Editorial ANAYA/Mattew David/2011

 HTML5, CSS3 Y JAVASCRIPT/Editorial ANAYA/Mario Rubiales Gómez/2013

 https://www.w3schools.com

 http://librosweb.es/

Marzo 2018.