Sesion Laboratorio 3 Practica 1 2 - jesusgpa/2024-2025-CSAAI GitHub Wiki

Sesión Laboratorio 3: Práctica 1-2

  • Tiempo: 2h
  • Fecha: Jueves, 8 de Febrero de 2023
  • Objetivos de la sesión:
    • Practicar con el manejo de encabezados (h1,h2...), párrafos (p), enlaces (a), Imágenes (img), listas (ol,ul,li) y secciones genéricas (div, span)
    • Crear la página de índice de prácticas al estilo MARIO utilizando la plantilla CV Responsive
    • Aplicar lo aprendido para la construcción de la estructura de tu cv
    • Practicar con github

Contenido

Tareas SL2 P1.2

  • Haz los ejemplos de la sesión 2 de teoría en P1/S2
  • Súbelos al repo y compruébalos desde el ordenador y el teléfono móvil
  • Crea una página índice con enlaces a todos los ejemplos: P1/S2/index.html
  • Vamos a revisar la plantilla para el CV y añadir nuevos elementos

¡A practicar!

Para practicar con las etiquetas HTML haz desde cero los ejemplos mostrados en la sesión 2 de teoría.

Guárdalos en ficheros independientes y sitúalos en el directorio P1/S2 de tus prácticas.

Comprueba su funcionamiento con la previsualización de VSCode y súbelos al repositorio.

Comprueba que se ven correctamente tanto desde el ordenador como desde tu teléfono móvil.

Haz una página índice de todos los ejemplos y guárdala en el fichero P1/S2/index.html.

Esta página debe tener una lista ordenada con los enlaces a todos los ejemplos

Esta página te permitirá probar fácilmente los ejemplos tanto desde el ordenador como desde el móvil.

Así es como se ve en un teléfono móvil:

Entendiendo la plantilla para tu práctica del CV.

Todavía no sabemos cómo darle estilo, pero ya puede añadir imágenes y estructura.

Vamos a revisar sus elementos y a hacer algunas modificaciones.

Resumen de tareas a realizar

  • Haz los ejemplos de la sesión 2 de teoría en P1/S2
  • Súbelos al repo y compruébalos desde el ordenador y el teléfono móvil
  • Crea una página índice con enlaces a todos los ejemplos: P1/S2/index.html
  • Empezar a trabajar con la plantilla del CV

Conclusiones

Ya sabemos utilizar las etiquetas básicas de HTML y poner enlaces entre las páginas.

Autor

Jesús Parrado Alameda (jesusgpa)

Creditos

Licencia

Enlaces