You are on page 1of 5

INSTITUTO DE EDUCACION SUPERIOR TECNOLOGICO PÚBLICO

“ENRIQUE LOPEZ ALBUJAR” FERREÑAFE


CARRERA PROFESIONAL DE COMPUTACION E INFORMATICA

SÍLABO
DISEÑO WEB

Nombre de la institución IESTP Enrique López Albujar – Ferreñafe.


Carrera Profesional Computación e Informática
Módulo Gestión de Aplicaciones para Internet y
Producción Multimedia
Unidad Didáctica Diseño WEB
Docente Responsable Bach. Edson Roberto Marín Chaman
N° Créditos 3
N° de Horas de la unidad 72
Turno Tarde
Sección Única
Fecha de Inicio 12/06/2018
Fecha de Finalización 03/08/2018

I. SUMILLA
La unidad didáctica de Diseño Web corresponde a la Carrera de Computación e
informática; tiene carácter teórico-práctico. A través de ella se busca que el
estudiante pueda conocer las partes de una página web; la técnica de
programación;! el procedimiento de publicación de páginas web en un servidor.
La unidad desarrolla los elementos que va a programar actividades desde la
teoría de HTML hasta el empleo de software dedicado para el diseño web.

II. UNIDAD DE COMPETENCIA


Diseñar, desarrollar, administrar, gestionar e implementar productos
multimedia y aplicaciones para Internet, teniendo en cuenta los requerimientos
del cliente

III. CAPACIDAD DE LA UNIDAD DIDACTICA


Diseña páginas Web, de acuerdo al requerimiento del cliente.

IV. INDICADORES DEL LOGRO


 Identifica y clasifica los tipos de plantillas de aplicaciones en Internet.
 Utiliza herramientas adecuadas para diseñar interfaces de fácil
interactividad.
 Adjunta y cambia la estructura de texto utilizando Lenguaje CSS.
 Estructura una página web en HTML5
 Publica la página web en un servidor en la nube
V. ACTIVIDADES DE APRENDIZAJE

Semana Capacidad Actividad de Aprendizaje / Sesiones Horas

Conociendo los conceptos básicos y


fundamentales de internet, la Web y Netbeans
Describe las (IDE)
(11) características de un Tipos de aplicaciones WEB 02
12/06 buen diseño de página Introducción a HTML5, CSS y JavaScript
web (Etiquetas, y elementos, Atributos, elementos
tradicionales)

 Conoce la estructura global HTML5.


<!doctype> <html> <head> <body> <meta> ,
(11) <title>
03
13/06 <link>
 Estructura del cuerpo
<header> <nav> <section> <aside> <footer>
Reconoce y aplica
atributos de las  Dentro del cuerpo de documento:
principales etiquetas de <article> <hgroup> <figure> y <figcaption>
(11,12) la estructura HTML5 <details> y <summary>
14/06  Elementos y Atributos Nuevos y viejos
15/06 HTML5 09
19/06 <mark> <small> <cite> <address> <wbr>
20/06 <time> <data>
Atributo data-* Atributo reversed
Atributos ping y download y Atributo translate

 Breve introducción a la hoja de estilos CSS


Reglas CSS
Propiedades
Estilos en Línea
(1213) Estilos Embebidos
21/06 Archivos Externos
Aplica Estilos CSS
22/06 Referencias 09
CSS y HTML
26/06 Referenciando con Palabra Clave
27/06 Referenciando con el Atributo id
Referenciando con el Atributo class
Referenciando con Cualquier Atributo
Referenciando con Pseudo-Clases y Nuevos
Selectores
 Aplicando CSS a Nuestro Documento
Modelos de Caja
 Modelo de Caja Tradicional
Documento HTML
Selector Universal *
Cabeceras
Declarando Nuevos Elementos de HTML5
(13,14,15) Centrando el Cuerpo del Documento
28/06 Centrando la Caja Principal
29/06 La Cabecera
03/07 Barra de Navegación
04/07 Area Principal y Barra Lateral
05/07 Pie de página
06/07 Aplica Estilos CSS Ultimos Toques
Propiedad box-sizing 18
CSS y HTML
10/07
11/07
 Modelo de Caja Flexible
Contenedor Flex
Documento HTML
Propiedad display
Ejes
Propiedad flex
Propiedad flex-direction
Propiedad order
Propiedad justify-content
Propiedad align-items
Propiedad align-self
Propiedad flex-wrap
Propiedad align-content
Documento HTML
Propiedad border-radius
Propiedad box-shadow
Propiedad text-shadow
(15)
Aplicar Propiedades de Regla @font-face
12/07
CSS3 Gradiente Lineal , Gradiente Radial 04
13/07 Las nuevas reglas RGBA, HSLA
Propiedad outline
Propiedad border-image
Propiedad background
Columnas, Filtros
(16) Transformaciones
Propiedades de CSS3
17/07 Propiedad transform: scale 05
Las nuevas reglas
18/07 Propiedad transform: rotate
 Breve Introducción a JavaScript
El lenguaje
Variables
Condicionales y Bucles
(16,17)
Funciones y Funciones Anónimas
19/07
Objetos
20/07 Emplea Constructores
estructuras de El Objeto Window
24/07 control y objetos El Objeto Document
25/07 para sus páginas 13
26/07 web que se activen
27/07 por eventos de
JavaScript  Interactuando con el Documento
Estilos JavaScript
Propiedades className y classList
Accediendo Atributos
Propiedad dataset
Crear y Eliminar Elementos
Atributos de Eventos
Propiedades de Eventos
El Método addEventListener()
 Formularios y API Form
18 El Elemento <form>
31/07 El Elemento <input> 05
01/08 Más Elementos de Formulario
Formularios, API y
Enviar Formulario
Videos HTML5  Video y Audio HTML5
18
El Elemento <video>
02/08 04
Atributos para el Elemento <video>
03/08 Formatos de Video

RECURSO DIDACTICOS:
 Equipo multimedia
 Computadoras
 Material audiovisual
 Pizarra, plumones y mota
 Ficha de evaluación de aprendizajes
 Planes de trabajo

VI. METODOLOGÍA
- Para el desarrollo del curso se aplicarán los siguientes procedimientos didácticos:
- Clases teóricas: Con exposición por parte del Docente y la participación activa de los
Alumnos.
- Práctica: Se irán resolviendo ejercicios y casos según el tema teórico tratado.
- Asesoría. Se asesora la aplicación correcta de los conocimientos teóricos en
la solución práctica de un caso real administrado como un proyecto.

VII. EVALUACIÓN
- La escala de calificación es vigesimal y el calificativo mínimo aprobatorio es
trece (13). En todos los casos la fracción 0.5 o más se considera como una
unidad a favor del estudiante.
- El calificativo mínimo aprobatorio es 12,5
- 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
Didáctica, 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 programadas en la Unidad Didáctica, será
desaprobado e n forma automática, sin derecho a
- Recuperación.

VIII. RECURSOS BIBLIOGRÁFICOS /BIBLIOGRAFÍA


-Impresos
 Nicholas C. Zakas, JavaScript para desarrolladores Web, Editorial Anaya
Multimedia, Edicion 2010, 688 p.
 Introducción a JavaScript, Javier Eguíluz Pérez
 Introducción a CSS, Javier Eguíluz Pérez

-Digitales (página WEB)

 http://www.w3schools.com/sitiodedesarrollodenuevastecnologías.
 http://www.elwebmaster.com/
 http://es.wikibooks.org/wiki/Portadabibliografíadigital.
 http://www.librosweb.es/css/index.html
 http://www.informaticamoderna.com/

Ferreñafe, Abril del 2018

Bach. Edson R. Marin Chaman Jefe de Área Académica


Docente

Jefe de Unidad Académica Dirección General