Seccion Web

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PRIVADO
DIRECCIÓN ACADÉMICA
CARRERAS PROFESIONALES

I. DATOS ADMINISTRATIVOS
CURSO

INVESTIGACION E INNOVACION TECNOLÓGICA PARA WEB

CÓDIGO

0713

CICLO

Cuarto

SEMESTRE

2012 - II

HORAS

5

CARRERA

DISEÑO GRÁFICO

REQUISITOS

Diseño de Interfaces Multimedia

II. INTRODUCCIÓN
Investigación e Innovación Tecnológicapara Web es un curso que permite a los alumnos el correcto
manejo de un conjunto de herramientas de software aplicado para web, así como de los lenguajes
HTML y CSS, para el diseño y desarrollo de sitios web con aplicaciones multimedia. Además
contribuye a una comprensión de la lógica de programación y de las actuales tendencias en el
desarrollo eficiente de las tecnologías de comunicación einformación orientadas al usuario.

III. LOGRO DEL CURSO
Al termino del curso, el alumno diseña y programa un sitio orientado a la W eb social, lo que incluye
interfaces diseñadas y desarrolladas en Photoshop, etiquetas HTML, estilos CCS y lenguaje de
programación adicionales, como JavaScript.

IV. METODOLOGÍA
El curso es teórico – práctico, ya que si bien en el curso se dicta en laboratorioy se manejan
conceptos teóricos basados en investigación y análisis de la web social y el comportamiento de sus
usuarios, las evaluaciones serán a través de proyectos en donde el alumno deberá aplicar sus
conocimientos en el diseño y desarrollo de aplicaciones para web. Además, mediante ejercicios
continuos evaluados se medirá el progreso del alumno en materia de manejo de programación.

V.MEDIOS Y MATERIALES
En el desarrollo del curso se utilizan los siguientes m edios y materiales:
Equipamiento
Computadora personal con Internet (docente)
Computadora del alumno con Internet
Proyector multimedia y pizarra

IESTP CIBERTEC

Material Educativo y Recursos Digitales
 Diapositivas
 Manual

1

VI. EVALUACIÓN
La fórmula que se ingresa en el sistema es la siguiente:PF = 20% (PC1) + 20% (PC2) +20% (PC3) +30% (PC4) + 10% (NA1)
Donde:
PF = Promedio Final
PC = Proyecto de Laboratorio
NA = Nota Actitudinal
Notas
– La nota mínima aprobatoria es 13

VII. UNIDADES DE APRENDIZAJE

UNIDAD 1. Introducción al lenguaje de programación
Logro de la Unidad de Aprendizaje
Al término de la unidad, el alumno desarrolla un mini-sitio web, construyéndolo conlenguaje HTML
básico y estilos CSS
Temario
1.1. Tema 1 Introducción a HTML
1.1.1. Conceptos básicos de Internet
1.1.2. Navegadores y recursos
1.1.3. Estándares globales
1.1.4. Entorno Dreamweaver
1.1.5. Formatos de archivo HTML y CSS
1.1.6. Selectores
1.1.7. Unidades de medida y colores
Ejercicios en desarrollo web
1.2. Tema 2 Introducción al CSS
1.2.1. Propiedades para etiqueta “body”1.2.2. Box model: altura y anchura, margen y relleno, bordes y fondos
1.2.3. Posicionamiento y visualización
1.2.4. Propiedades para textos y títulos: tipografía para web
1.2.5. Vínculos y menús
1.2.6. Tratamiento de imágenes
1.2.7. Listas
1.2.8. Layouts: estructura, centrado y estándares de sitios web
Ejercicios en desarrollo web
Presentación y afinamiento de proyecto N°1

2

IESTPCIBERTEC

UNIDAD 2. Diseño de Interfaces orientada a la Web
Logro de la Unidad de Aprendizaje
Al término de la unidad, el alumno diseña interfaces gráficas para páginas web a partir de la identidad
de marca y los objetivos de comunicación a alcanzar.
Temario
Ejercicios en desarrollo web
2.1 Tema 3 Diseño pensado en Objetivos
2.1.1. Estructura básica de websites
2.1.2. Identidad de Marca yobjetivos de comunicación
2.1.3. Brief orientado al diseño web
2.2. Tema 4 Diseño pensado en Usuarios
2.2.1. Monitores
2.2.2. Puntos de Interés
2.2.3. Concepto y metáfora pensando en el usuario
2.2.4. Íconos
2.2.5. Usabilidad
2.2.6. Mapa de Sitio
2.2.7. Jerarquización y Estructuración
Ejercicios en desarrollo web
2.3 Tema 5 Diseño de Interfaces
2.3.1. Entorno Photoshop orientado a web...