Semana 4

En esta semana se reafirman los conocimientos y habilidades adquiridos previamente, a través de un laboratorio y una tarea, las cuales servirán como repaso para la evaluación de la siguiente semana. También se proporciona una introducción a las hojas de estilo en cascada, a través de un ejemplo de clase que explica una gran variedad de atributos de estilo generales y para tablas HTML.

Los objetivos que deben cumplirse al final de esta semana son los siguientes:


Ejemplo de clase. Tablas y CSS.
En este ejemplo, el profesor crea una página web estática, para ilustrar el uso de las tablas HTML y su presentación con hojas de estilo en cascada (CSS). Este ejemplo cubre de manera práctica los siguientes atributos CSS: border-collapse, border-style, border-width, border-color, background-color, font-family, font-size, height, width, vertical-align, text-align, background-color, color, font-family, font-size, text-align, padding, entre otros.
SOLUCIÓN del Ejemplo de clase. Tablas y CSS.
Archivo ZIP con los archivos para la solución del ejercicio de clase, los cuales incluyen: tablas.html con la estructura de la página web creada y tablas.css con los estilos para la presentación de la tabla.
SOLUCIÓN del Ejemplo de clase. Tablas y CSS.
En este link se abre una pestaña nueva con la solución del ejemplo de clase.

Laboratorio. Tabla con Plan de la LTSI.
En este laboratorio el estudiante integrará los conocimientos y habilidades adquiridos previamente. Se le solicita crear un sitio web estático que contiene una tabla con renglones y celdas, las cuales utilizarán estilos CSS para dar la presentación de la tabla. El sitio web que debe crearse representará las UEAs del Plan de Estudios de la Licenciatura en Tecnologías y Sistemas de Información.
Laboratorio. Tabla con Plan de la LTSI.
Archivo ZIP con los archivos necesarios para que el estudiante pueda realizar el laboratorio: ejercicioTablasCSS.jpg muestra la página web que debe ser desarrollada.

Tarea. Página personal.
En esta tarea el estudiante realizará una página web personal con diferentes secciones, tales como las siguientes: datos personales, aficiones, pasatiempos, estudios, deportes, etc. Deberá integrar todos los conocimientos y habilidades adquiridos hasta el momento, utilizando las etiquetas HTML y los atributos CSS cubiertos previamente.