En esta semana se presentan los conceptos de URL y sus partes, así como hipertexto junto con sus elementos. Se proporciona una introducción a HTML y las partes en las que se divide un documento. También se revisan varias etiquetas HTML, para encabezados, párrafos, formatos de texto, imágenes, tablas sencillas, hipervínculos, entre otras.
Los objetivos que deben cumplirse al final de esta semana son los siguientes:
 |
Presentación. Diapositivas con las partes de una URL
y definición de hipertexto. En esta presentación se explica qué es una URL, y se describen sus partes. También se describen algunos conceptos importantes, tales como dominios, subdominios, hipertexto y sus elementos, etc. |
 |
Tarea. Conceptos y definiciones. En esta tarea el estudiante debe elegir 2 conceptos o definiciones de las vistas hasta el momento, y añadirlas al Aula Virtual. También debe de proporcionar la fuente de donde las obtuvo. |
|
Presentación. Diapositivas con la introducción
a HTML. En esta presentación se proporciona una introducción al lenguaje de marcado de hipertexto (HTML - HyperText Markup Language), las etiquetas inciales y finales, etiquetas vacías, etiquetas anidadas, y atributos. También se proporciona una descripción de las siguientes etiquetas: <title> y <link>; encabezados <h1> a <h6>; párrafos <p>; regla horizontal <hr>; salto de línea <br>; formato de texto <b>, <i>, <u>, <small>, <big>, <sub>, <sup>, <em>, <strong>, <ins>, <del>, <tt>, etc.; imágenes <img>; hipervínculos <a>; tablas con <table>, <tr> y <td>; y comentarios en HTML. |
 |
Ejemplo de clase. Etiquetas HTML. En este ejemplo, el profesor crea una página web estática, para ilustrar el uso de las siguientes etiquetas HTML: <title> y <link>; encabezados <h1> a <h6>; párrafos <p>; regla horizontal <hr>; salto de línea <br>; formato de texto <b>, <i>, <u>, <small>, <big>, <sub>, <sup>, <em>, <strong>, <ins>, <del>, <tt>, etc.; imágenes <img>; hipervínculos <a>; tablas con <table>, <tr> y <td>; y comentarios en HTML. |
 |
Ejemplo de clase. Etiquetas HTML. Archivo ZIP con las imágenes necesarias para que el estudiante pueda realizar el ejemplo de clase: perro.jpg, flor.jpg y google.jpg. |
|
SOLUCIÓN del Ejemplo de clase. Etiquetas HTML. Archivo ZIP con los archivos para la solución del ejemplo de clase, los cuales incluyen: tagsHTML.html con la estructura de la página web; y estilos.css con los estilos CSS para la presentació de la página web. |
 |
SOLUCIÓN del Ejemplo de clase. Etiquetas HTML. En este link se abre una pestaña nueva con la solución del ejemplo de clase. |
|
Tarea. Tienda virtual de electrodomésticos. En esta tarea el estudiante debe de crear una página web estática idéntica a la que se muestra en la imagen que se proporciona en la descripción. La página web deberá estar compuesta de 2 archivos: uno para el contenido (HTML) y el otro para la presentación (CSS). |
|
Tarea. Tienda virtual de electrodomésticos. Archivo ZIP con los archivos necesarios para que el estudiante pueda realizar la tarea: Tarea3_tienda.jpg muestra la página web que debe ser desarrollada; extractor.jpg, licuadora.jpg, y tostador.jpg, son las imágenes necesarias para realizar la página web. |