RSB-1201 Diseno Web

Dirección General de Educación Superior Tecnológica
1. Datos Generales de la asignatura
Nombre de la asignatura: Diseño web Clave de la asignatura: RSB‐1201 Créditos (Ht‐Hp_ créditos): 1‐4‐5 Carrera: Ingeniería en sistemas computacionales 2. Presentación
Caracterización de la asignatura
Esta asignatura aporta al perfil del ingeniero en sistema computacionales conocimientos
suficientes para diseñar sitios web integrando diferentes tecnologías como lenguaje de
marcado, hojas de estilo y JavaScript.
Su importancia en la carrera radica en que las aplicaciones Web son la tendencia vigente
para implementar soluciones informáticas empresariales y el diseño web permite realizar la
presentación de estas aplicaciones.
Es pertinente señalar que esta materia proporciona las competencias necesarias para los
temas de las materias de Programación web, Sistemas Distribuidos y Servicios web.
Intención didáctica

El temario está organizado en cuatro unidades donde la primera unidad se centra en la
historia del HTML, la segunda unidad aborda la estructura del HTML, la tercera unidad se
enfoca en las hojas de estilo en cascada y la cuarta unidad toca el tema de JavaScript.
Las unidades están organizadas en forma secuencial, de tal modo que las competencias
adquiridas en cada unidad son necesarias para las unidades posteriores por lo que los
estudiantes se deben comprometer a realizar las prácticas sugeridas por el profesor.
3. Participantes en el diseño y seguimiento curricular del programa
Lugar y fecha de
elaboración o revisión
Participantes
Instituto Tecnológico de
Estudios Superiores de
la Región Carbonífera,
de noviembre de 2011
Instituto Tecnológico de
Estudios Superiores de
la Región Carbonífera
Observaciones
Asignatura elaborada
para la especialidad de
Redes y Sistemas
Distribuidos para la
carrera de Ingeniería en
Sistemas
Computacionales.
4. Competencias a desarrollar
Competencia general de la asignatura
El alumno adquirirá los conocimientos necesarios para diseñar sitios web integrando
diversas tecnologías y aplicando los estándares actuales.
Competencias
específicas
Diseñar un sitio web utilizando HTML, CSS y JavaScript
Competencias genéricas
Competencias instrumentales
1. Capacidad de aplicar los conocimientos en la práctica
2. Capacidad para organizar y planificar el tiempo
3. Habilidades en el uso de las tecnologías de la información y de la comunicación
Competencias interpersonales
1. Capacidad crítica y autocrítica
2. Capacidad para actuar en nuevas situaciones
Competencias sistemáticas
1. Conocimientos sobre el área de estudio y la profesión
2. Capacidad creativa
5. Competencias previas de otras asignaturas


Competencias previas
Habilidades cognitivas de abstracción, análisis, síntesis y reflexión.
Habilidad y responsabilidad para trabajar en equipo.
6. Temario
Temas
Nombre
No.
Introducción al HTML
1
.
2
.
HTML
3
.
CSS
4
.
Javascript
Subtemas
1.1. Historia
1.2. Definiciones
1.3. Ventajas de HTML
1.4. Desventajas de HTML
1.5.Versiones
1.6 Elementos de HTML
1.6.1 Etiquetas
1.6.2 Atributos
1.7 Estructura básica del HTML
2.1 Etiquetas básicas
2.2 Comentarios
2.3 Enlaces
2.4 Imágenes
2.5 Listas
2.6 Tablas
2.7 Formularios
2.8 Secciones y divisiones
3.1 Introducción
3.2 Selectores
3.3 Unidades de medida y colores
3.4 Modelos de caja
3.5 Flotación
3.6 Posicionamiento y visualización
3.7 Layout
4.1. Introducción a Javascript
4.2. Comentarios
4.3. Variables
4.4. Operadores
4.5. Objetos
4.6. Estructuras de control
4.7. DOM
4.8 Gestión de eventos
4.9. Cookies
7. Actividades de aprendizaje
Competencia específica a desarrollar
Comprender los conceptos básicos del lenguaje de marcado de hipertexto.
Actividades de Aprendizaje
Tema
1. Introducción al HTML
Identificar la historia, ventajas y desventajas
del HTML y los elementos del mismo
mediante un web quest.
Competencia específica a desarrollar
Identificar y conocer la estructura básica del HTML así como sus etiquetas y atributos
Actividades de Aprendizaje
Tema
2. HTML
Realizar ejercicios donde se apliquen las
etiquetas básicas, de comentarios, de
enlaces, de imágenes, de listas, de tablas,
de formularios, las de secciones y
divisiones.
Competencia específica a desarrollar
Realizar el diseño de páginas web aplicando las CSS para darle presentación.
Actividades de Aprendizaje
Tema
3. CSS
Realizar ejercicios donde el alumno tenga
que dar presentación a páginas entregadas
por el docente y hacer uso de la herencia
con las CSS.
Competencia específica a desarrollar
Realizar una página web dinámica aplicando el lenguaje script.
Actividades de Aprendizaje
Tema
4. Javascript
Realizar ejercicios, donde el alumno aplique
el lenguaje script, para integrar contenido
dinámico a páginas entregadas por el
docente.
8. Prácticas (para fortalecer las competencias de los temas y de la asignatura)
Se recomienda realizar prácticas para cada una de las unidades, a excepción de la primera
unidad, que son los conceptos básicos, las practicas propuestas son las siguientes:
1. Realizar una página que utilice etiquetas básicas.
2. Realizar un formulario de registro, validando las entradas del usuario.
3. Realizar una página donde se realice la presentación utilizando hojas de estilo.
4. Realizar una pagina de búsqueda utilizando CSS para la presentación.
5. Realizar un conjunto de tablas aplicando hojas de estilo.
6. Crear una pagina web dinámica, utilizando JavaScript
7. Hacer una pagina web que contenga una animación utilizando JavaScript.
9. Proyecto integrador (Para fortalecer las competencias de la asignatura con
otras asignaturas)
1.
Realizar una pagina de haciendo uso de tablas aplicando hojas de estilo, que sea
dinámica y con animaciones
Objetivo: aplicar las tecnologías HTML, CSS y Javascript
Desarrollo:
Analizar en equipo los requerimientos de un portal Web
Diseñarlo el maquetado
Diseñar de los div
Diseñar hojas de estilo
Diseño de control y agregados
En base a esto elabora el sitio Web
Realizar pruebas
Aportación al perfil:
Capacidad para el análisis
Capacidad de organizar y planificar.
Toma de decisiones.
Capacidad crítica y autocrítica.
Capacidad de trabajar en equipo.
Habilidades Interpersonales.
Capacidad de comunicarse con profesionales de otras áreas
Diseñar un sitio web utilizando HTML, CSS y JavaScript
10. Evaluación por competencias (específicas y genéricas de la asignatura)
La evaluación debe ser continua y formativa por lo que se debe considerar el desempeño en
cada una de las actividades de aprendizaje, haciendo especial énfasis en:




Exámenes escritos para comprobar el manejo de aspectos teóricos.
Exámenes prácticos para comprobar la aplicación de los conocimientos en la solución
de problemas propuestos por el maestro.
Desarrollo de páginas web para cada una de las unidades en las cuales se apliquen
los conocimientos adquiridos en las unidades anteriores y en la unidad de estudio.
Descripción de otras experiencias concretas que podrían realizarse adicionalmente
(participación, integración, entrega de prácticas en tiempo, entre otras).
11. Fuentes de información (actualizadas considerando los lineamientos de la APA*)
David, M. (2011). HTML 5. España: Anaya Multimedia. Lancker, L. V. (2011). HTML 5 y CSS3 Domine los estándares de las aplicciones web. Barcelona: ENI. * American Psychological Association (APA)