Laboratorio 02

Procedimiento

1. [8%] Utilice un editor de texto de su agrado para escribir el código XHTML5 directamente. Cree un archivo de texto vacío con extensión .xhtml. Incluya la siguiente información de encabezado
   1. La declaración de tipo de documento (X)HTML5. Guíese con el el material de referencia del curso.
   2. Asegúrese de que su editor emplea codificación UTF-8 e indíquelo en el encabezado de su documento con un elemento meta.
   3. Un título significativo a su documento XHTML.
   4. Indique quién es el autor del documento con un elemento meta.
2. [2%] Todo el texto de su currículo debe estar dentro de una sección article. Cree este elemento en el cuerpo (body) de su documento, y dele una identificación con el atributo id.
3. [5%] Cree el encabezado de su currículo con un elemento header, el cual contiene su nombre completo en un título de nivel 1 y una leyenda (con un elemento de párrafo). La leyenda indica que el documento se trata de un "currículo de vida"; la versión del currículo (por ejemplo, 1.0); y la fecha de última modificación con un elemento time.
4. [5%] Por cada una de las restantes secciones que componen su currículo, cree un elemento section y dele el título correspondiente, usando un encabezado de nivel 2.
5. [10%] En la sección de Información personal, escriba los siguientes detalles en una lista de definiciones (guíese con el el material de referencia del curso por más información sobre este tipo de listas):
   • Identificación.
   • Fecha de nacimiento o edad.
   • Lugar de nacimiento.
   • Residencia actual.
   • Estado civil.
   • Teléfonos.
   • Correos electrónicos. Cada uno debe ser un enlace usando el esquema mailto.
6. [10%] Llene la sección Educación formal, con una tabla que tenga al menos las siguientes columnas:
   1. Fechas. El rango de años en que recibió la formación.
   2. Título. El título obtenido.
   3. Casa de enseñanza. El lugar donde obtuvo la formación académica.
7. [10%] Llene las siguientes secciones que apliquen. Al menos debe incluir dos de ellas:
   • Experiencia laboral: una tabla que tenga al menos las siguientes columnas:
     1. Fechas. El rango de años en que realizó la labor.
     2. Lugar. El lugar o empresa donde realizó el trabajo.
     3. Cargo. Detalles sobre la labor realizada.
   • Publicaciones: una lista ordenada cronológicamente con los autores, título y demás detalles bibliográficos.
   • Habilidades: una lista no ordenada con sus principales habilidades técnicas, artísticas o de conocimiento (por ejemplo, lenguajes de programación, manejo de programas), logros, o cualquier otra virtud que quiera resaltar.
   • Intereses: áreas del conocimiento en los que más le interesa trabajar o investigar.
8. [5%] Asegúrese de que todas las tablas tengan una leyenda con el elemento caption, y que la primera fila se componga únicamente de encabezados. Debe ser clara la separación de cuáles filas pertenecen al encabezado y cuáles al cuerpo de la tabla. Estudie estos detalles en el material de referencia del curso. Es opcional incluir reglas de estilo CSS para mostrar bordes en sus tablas (no utilice el atributo border del elemento table, ya que es inadecuado).
9. [5%] Para cada organización donde haya realizado estudios o haya laborado, y que tenga un sitio web, inserte un enlace, utilizando el nombre de la organización como contenido del enlace. Haga lo mismo con las publicaciones si están accesibles vía web. Para evitar que un visitante que esté leyendo su currículo se aleje de su sitio web, haga que los enlaces se abran siempre en una nueva ventana.
10. [10%] Antes de su nombre completo, inserte una imagen "tamaño pasaporte". Decida informadamente el formato de imagen a utilizar. Capture una fotografía suya o busque alguna reciente. Con un editor de imágenes (como Gimp) haga un recorte de primer plano. Haga que la imagen ocupe el menor tamaño en disco posible sin verse mal. Inserte su imagen en el currículo y, ajuste los atributos ancho y el alto del elemento img al exacto que tiene la imagen.
11. [20%] Con un editor de imágenes vectorial (como Inkscape), cree una ilustración que represente la línea de tiempo de su vida. En ella resalte los eventos de su educación formal, experiencia laboral y publicaciones, si las tiene. Su imagen debe ser completamente vectorial. Asóciela a su hoja de vida XHTML con un elemento de img. Asegúrese de no dejar espacio en blanco innecesario en los bordes de la imagen.
12. [10%] Asegúrese de que su documento XHTML5 sea válido.

Evaluación

Los porcentajes entre corchetes que aparecen en el Procedimiento indican el peso de cada actividad en la evaluación. Comprima su archivo XHTML5 y las imágenes que haya usado. Súbalos a la plataforma educativa (Moodle) de la ECCI.