Programació n

Web
Laboratorio
Práctica 2: INTRODUCCION A HTML y CSS
La práctica se basa en el capitulo 2,3,4 y 5 del libro de texto “Internet y World Wide Web, Cómo
programar”.

(a) “Lenguaje HTML”

2.1.- Introducción a HTML

Actividad 2.1.- Cree el marcado de HTML5 que produzca la tabla que se muestra en la Ilustración 1.
Use etiquetas <em> y <strong> según sea necesario.

Ilustración 1.- Ejercicio para la actividad 2.1

Actividad 2.2.- Escriba un documento de HTML5 que produzca la tabla que se muestra en la
Ilustración 2.

Lab. Programación Web/FIME/UANL Página 1

 Ilustración 2.- Ilustración para la actividad 2.2

Actividad 2.3 .-

Cree un formulario de registro de un sitio Web para obtener el primer nombre, apellido y
dirección de correo electronico de un usuario. Incluya además una pregunta de encuesta opcional
que pida el semestre en el que se encuentra el usuario en la universidad (Por ejemplo, primer
semestre). Coloque la pregunta de encuesta opcional en el elemento details que el usuario puede
expandir para ver la pregunta.

Actividad 2.4 .-

Haga una plantilla de diseño que contenga un elemento header y dos párrafos. Use float para
alinear los dos párrafos como columnas, uno al lado del otro. Asigne un borde y/o un color de
fondo al elemento header y a los dos párrafos, para que pueda ver en dónde están.

Actividad 2.5.-

Cree un botón de navegación mediante un elemento div con un vínculo en su interior. Asígnele un
borde, fondo y color de texto y haga que cambien cuando el usuario pase el ratón sobre el botón.
Use una hoja de estilo externa.

Asegúrese de que su hoja de estilos se valide en http://jigsaw.w3.org/css-validator/. Tenga en

cuenta que algunas advertencias tal vez no puedan evitarse, pero su CSS no debera tener errores.

Lab. Programación Web/FIME/UANL Página 2

Manera de Entregar los reportes
Cada actividad debe de demostrar, por medio de capturas de pantalla lo siguiente:

- Desarrollo del programa

- Ejecución del programa

En cada captura de pantalla deberá de colocar la explicación de cada sección del desarrollo del
programa, siempre que sea necesario para verificar la veracidad de las evaluaciones.

Evaluación

Con el fin de evitar el plagio y propiciar la variedad de fuentes de información, se evaluará la

originalidad en la redacción de los reportes; entre más reportes tengan el mismo contenido o
contenido muy similar, menor será la cantidad de puntos otorgada.

Ponderación del reporte

Concepto Porcentaje
I. Actividad 2.1 20%
II. Actividad 2.2 20%
III. Actividad 2.3 20%
IV. Actividad 2.4 20%
V. Actividad 2.5 20%
Total 100%

Lab. Programación Web/FIME/UANL Página 3