Trabajo Evaluación HTML

Ejercicio Final Parcial de Tecnología 3 – 2P2T[pic 1][pic 2]

Profesor: PhD Can. Joaquin Torres S.

Trabajo Evaluación HTML

1.- Reproduce el siguiente arreglo de archivos y carpetas de acuerdo con el diagrama asignado. (25 pts)

[pic 3]

2.- Crea un nuevo archivo HTML con el nombre “links_file.html”; este archivo se debe guardar en la capeta indicada en el diagrama anterior. (5 pts)

El archivo debe contener las siguientes características:

1. Estructura básica de una página web html. (10 pts)
2. Asignar color de fondo de página solido (10 pts)

1. ⬜ #6F176D - ⬜ #537DC9 - ⬜ #92D050

1. Establecer los márgenes de la página web como: (10 pts)

1. topmargin ___ pixels,
2. leftmargin ___ pixels,
3. marginheight ___ pixels,
4. marginwidth ___ pixels

1. Asignar color de texto a utilizar dentro de la página (10 pts)

1. ⬜ #DCDC12 - ⬜ #F68926 - ⬜ #F03095

1. Título de la página web = Links Practice (5 pts)
2. ⬜ Primer - ⬜ Último párrafo con su nombre completo empezando por apellido paterno y con (10 pts)

1. Mayúsculas cada una de las letras - ⬜ capitales - ⬜ finales, (5 pts) 
2. Subrayado - ⬜ Apellido Paterno - ⬜ Apellido Materno - ⬜ Nombre (5 pts)
3. Negritas - ⬜ Apellido Paterno - ⬜ Apellido Materno - ⬜ Nombre (5 pts)
4. Cursivas - ⬜ Apellido Paterno - ⬜ Apellido Materno - ⬜ Nombre (5 pts)
5. Con acentos Nombres y apellidos (si es que llevan). (5 pts)
6. Alineado - ⬜ Izquierda - ⬜ Centrado - ⬜ Derecha (5 pts)
7. En caso de que se indique como primer párrafo, agregar un salto de línea después del párrafo. (5 pts)
8. En caso de ser último párrafo, agregar un salto de línea antes del párrafo. (5 pts)

1. Establecer el índice-contenido de la página.

1. El tema general sería Links (usar etiqueta encabezado para este tema) (5 pts)

Alineado - ⬜ Izquierda - ⬜ Centrado - ⬜ Derecha (5 pts)

1. Los subtemas serían cada uno de los tipos de links (5 tipos) y estos deben ir numerados como una lista:

1. ⬜ ordenada (5 pts)

1. ⬜ numéricamente (1, 2, 3, …) (5 pts)
2. ⬜ alfabéticamente (a, b, c, …) (5 pts)
3. ⬜ ALFABETICAMENTE (A, B, C, …) (5 pts)
4. ⬜ romanos (i, ii, iii, …) (5 pts)
5. ⬜ ROMANOS (I, II, III, …) (5 pts)

1. ⬜ desordenada (5 pts)

1. ⬜ Círculos (5 pts)
2. ⬜ Discos (5 pts)
3. ⬜ Cuadrados (5 pts)

1. Alineado - ⬜ Izquierda - ⬜ Centrado - ⬜ Derecha (5 pts)

1. Cada uno de los subtemas del índice deben ser a su vez links internos que nos redirijan a la sección donde se describan en extenso. (50 pts)

1. Describir, sin copiar y pegar del manual, cuál es la función de cada tipo de enlace (basarse en la descripción del manual y hacer su propia explicación de forma clara). Para este paso, se hará uso del tipo de listas de definición. Cada tipo de lista será indicado con la etiqueta término-definición, e inmediatamente se asignará su definición mediante la etiqueta definición-definición. (50 pts)
2. Insertar un link interno hacia las referencias en formato superíndice y negritas al final de cada una de las definiciones de tipo de lista-párrafos, por ejemplo 1,2 (50 pts)
3. Al definir los enlaces locales, se darán 2 ejemplos usando los 2 archivos marcados en el diagrama inicial. (20 pts)
4. En la sección de enlaces de archivos pondrá 2 ejemplos donde se enlazará con los 2 ficheros de archivos .zip de acuerdo con su diagrama, donde el zip_file1.zip tendrá los archivos html del 1 al 3 y el zip_file2.zip contendrá los archivos 4 al 7. (20 pts)
5. Agregar, dentro del índice y en el contenido, la sección referencias, donde se incluirán 2 referencias de las páginas de desarrollo web como links remotos. Las páginas son las siguientes:

1. https://desarrolloweb.com (10 pts)
2. https://desarrolloweb.com/manuales/manual-html.html (10 pts)

1. Agregarán al final del archivo, su correo electrónico como link de correo con el asunto: Calificación - Trabajo Final (10 pts)

3.- Colocar en cada uno de sus archivos como primer contenido, alineado a la izquierda, una imagen-ícono-logo de su elección que funcione como link local, que redireccione a la página principal “links_file.html”; la imagen se guardará en la carpeta Main con el nombre: logo_link.png (35 pts)

...