CARRERAS EJECUTIVAS

EXAMEN PARCIAL

Licenciatura en

Examen final de: Diseño de Páginas Web

Cuatrimestre: Ciclo: 23-2 Grupo Fecha: 25 mar

Tiempo de elaboración: Máximo 60 mins.

Nombre del profesor: RICARDO FABIÁN VÁZQUEZ ALMAZÁN

I.- Realice la siguiente página en código HTML:

Observaciones, lea cuidadosamente las siguientes instrucciones y aplíquelas al HTML:
Nombre su examen con sus dos apellidos y grábelo constantemente para evitar pérdidas.
1. Poner 2do Parcial en la pestaña del navegador.
2. Utilice la etiqueta h2 para escribir su nombre completo.
En el ejemplo esta Juan Pérez Pérez, reemplácelo por su nombre completo.

1
 CARRERAS EJECUTIVAS
EXAMEN PARCIAL

3. Alinear el título a la derecha

4. Inserte un solo párrafo, separados por saltos de línea y escriba la siguiente lista:
MAPA DE BITS
DATOS PERSONALES
¿QUÉ ES HTML?
5. Alinear el párrafo a la derecha
6. Utilice la etiqueta h2 para los restantes títulos (MAPA DE BITS, DATOS PERSONALES, ¿QUÉ ES HTML?).
7. Todos estos títulos h2 deben ir centrados.
8. El texto Mapa de Bits debe vincularse al título Mapa de Bits (vínculos dentro de una misma página)
9. El texto Datos Personales debe vincularse al título Datos Personales (vínculos dentro de una misma
página)
10. El texto ¿Qué es HTML? debe vincularse al título ¿Qué es HTML? (vínculos dentro de una misma página)
11. Debajo del título Mapa de Bits, inserte la imagen “parcialdos.png” como se ve en la vista previa.
12. Centre la imagen
Insértele mapas de bits a la imagen y poner los siguientes hipervínculos:
13. Cuadro Rojo con el texto: Sitio Web del estado que me asignaron en clase debe abrir el sitio web oficial de
dicho estado.
14. Cuando se acerque el curso de mouse debe aparecer, como texto informativo, el nombre del estado
15. Dicho vinculo debe abrirse la liga en una nueva pestaña.
16. Logo redondo de la carta: Vinculado a su correo electrónico.
17. Cuando se acerque el curso de mouse debe aparecer, como texto informativo, su correo electrónico.
18. Cuadro Azul con el texto: Significado de mi apellido paterno debe abrir una página en donde se explique
el significado de su apellido paterno.
19. Cuando se acerque el curso de mouse debe aparecer, como texto informativo, su apellido paterno
20. Cuadro Rosa con el texto: Significado de mi apellido materno debe abrir una página en donde se explique
el significado de su apellido materno.
21. Cuando se acerque el curso de mouse debe aparecer, como texto informativo, su apellido materno
22. Debajo del título Datos Personales cree una lista Ordenada con SUS datos:
Nombre personal correcto
Carrera que estudia
Y su correo electrónico verdadero
En el ejemplo están datos ficticios, reemplácelo por sus datos.
23. Personalizar la lista Ordenada a letras en minúsculas.
24. Su dirección de correo electrónico debe estar vinculada a su correo electrónico.

2
 CARRERAS EJECUTIVAS
EXAMEN PARCIAL

25. Debajo del título ¿Qué es HTML? Escriba el siguiente texto:

No use saltos de línea (br) en el párrafo.

26. Las 2 palabras HTML de este párrafo deben estar en negritas
27. La palabra CSS debe estar vinculada a: https://lenguajecss.com/ y abrirse en una nueva pestaña.
28. Este vínculo debe mostrar el siguiente texto cuando se acerque el cursor del ratón: Me lleva a Cascading
Style Sheets.
29. La palabra JavaScript debe estar vinculada a: https://lenguajejs.com/ y abrirse en una nueva pestaña.
30. Este vínculo debe mostrar el siguiente texto cuando se acerque el cursor del ratón: Me lleva a Lenguaje JS
31. Inserte el metadato (metatags): description: en donde ponga: su nombre completo y su número de
alumno
32. Poner un color de fondo a su página web, ud elige el color.
33. Al final, poner un párrafo con el texto INDEX, alineado a la derecha y debe estar vinculado a su Index
34. Insertar 20 saltos de línea al final de la página

Enviar la carpeta en donde tiene TODAS sus páginas (incluyendo los dos parciales), en formato ZIP o RAR
(comprimidas) al correo ricardo.vazquez@udlondres.com
Verifique que adjunto todo correctamente.
Suerte ☺