Semana 3

En esta semana se reafirman los conocimientos y habilidades adqiridos previamente, a través de un laboratorio. También se revisan nuevas etiquetas HTML para crear páginas web estáticas que contengan listas no ordenadas, listas ordenadas, listas de definiciones, listas anidadas, y anclas.

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


Laboratorio. Tabla con sitios de interés.
En este laboratorio el estudiante integrará los conocimientos y habilidades adquiridos previamente. Se le solicita crear un sitio web estático que contiene tablas con renglones y celdas, las cuales a su vez contienen imágenes, hipervínculos y texto.
Laboratorio. Tabla con sitios de interés.
Archivo ZIP con los archivos necesarios para que el estudiante pueda realizar el laboratorio: Laboratorio1.jpg muestra la página web que debe ser desarrollada por el estudiante; google.jpg, msn.jpg, y uam.jpg, son las imágenes necesarias para realizar la página web.

Tarea. Tabla extendida con sitios de interés.
En esta tarea el estudiante extenderá el contenido de la página web con sitios de interés, realizada en el laboratorio anterior. Se le solicita añadir 2 renglones adicionales a la tabla.

Presentación. Diapositivas con listas y anclas en HTML.
En esta presentación se proporciona una descripción y ejemplos de las siguientes etiquetas HTML: listas no ordenadas <ul>, listas ordenadas <ol>, listas de definiciones <dl>. También se proporciona la explicación del uso de las anclas <a>.

Ejemplo de clase. Listas y anclas HTML.
En este ejemplo, el profesor crea una página web estática, para ilustrar el uso de las siguientes etiquetas HTML: listas no ordenadas <ul>, listas ordenadas <ol>, listas de definiciones <dl>, listas anidadas, y anclas <a>.
SOLUCIÓN del Ejemplo de clase. Listas y anclas HTML.
Archivo ZIP con los archivos para la solución del ejercicio de clase, los cuales incluyen: tagsHTML_listas_anclas.html con la estructura de la página web creada.
SOLUCIÓN del Ejemplo de clase. Listas y anclas HTML.
En este link se abre una pestaña nueva con la solución del ejemplo de clase.