Dirección General de Educación Superior Tecnológica

Transcripción

1 Dirección General de Educación Superior Tecnológica 1 Datos Generales de la asignatura Nombre de la asignatura: Clave de la asignatura: Diseño web RSB 1201 Créditos (Ht Hp_ créditos): 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

2 3 Participantes en el diseño y seguimiento curricular del programa Lugar y fecha de elaboración o revisión Participantes Observaciones 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 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

3 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 rio No s Nombre Introducción al HTML HTML CSS Javascript Subtemas 11 Historia 12 Definiciones 13 Ventajas de HTML 14 Desventajas de HTML 15Versiones 16 Elementos de HTML 161 Etiquetas 162 Atributos 17 Estructura básica del HTML 21 Etiquetas básicas 22 Comentarios 23 Enlaces 24 Imágenes 25 Listas 26 Tablas 27 Formularios 28 Secciones y divisiones 31 Introducción 32 Selectores 33 Unidades de medida y colores 34 Modelos de caja 35 Flotación 36 Posicionamiento y visualización 37 Layout 41 Introducción a Javascript 42 Comentarios 43 Variables 44 Operadores 45 Objetos 46 Estructuras de control 47 DOM 48 Gestión de eventos 49 Cookies

4 7 Actividades de aprendizaje Comprender los conceptos básicos del lenguaje de marcado de hipertexto 1 Introducción al HTML Identificar la historia, ventajas y desventajas del HTML y los elementos del mismo mediante un web quest Identificar y conocer la estructura básica del HTML así como sus etiquetas y atributos 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 Realizar el diseño de páginas web aplicando las CSS para darle presentación 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 Realizar una página web dinámica aplicando el lenguaje script 4 Javascript Realizar ejercicios, donde el alumno aplique el lenguaje script, para integrar contenido dinámico a páginas entregadas por el docente

5 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

6 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)