Práctica 1 1

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

Tiempo: 2h
Objetivos de la sesión:
- Tener cuenta en github y los repositorios con las plantillas bajados, listos para usarse
- Aprender las herramientas básicas
- Tener el "hola mundo" accesible como página web de github
- Aprender un poco de html haciendo los primeros tutoriales del w3school

Enunciado Práctica 1

Crea tu currículum en una página web estática, utilizando HTML. Deberás darle estilo usando una hoja de estilo (CSS), e intenta aplicar alguno de los efectos definidos en CSS3

Adicionalmente, cuelga la página en los servidores de github para que esté accesible

Herramientas

Las herramientas que usaremos serán el editor Atom, el navegador Firefox y Github

Actividades

Créate una cuenta de Github (si es que no la tienes ya). Envía tu nombre real y tu usuario de github en la respuesta al post del Foro en Aula Virtual titulado: "Tu cuenta de github"
Haz un fork del repositorio 2018-19-CSAAI-practicas. Contiene la estructura (plantilla) para que hagas tus prácticas ahí
Haz un fork del repositorio 2018-19-CSAAI-mi-CV. Tu CV lo colocaremos en otro repositorio diferente para configurarlo como una página web de github. Este repositorio plantilla contiene una página web "Hola mundo", ya configurada. Pinchando en este enlace la podrás ver
Configura tu repositorio 2018-19-CSAAI-mi-CV como una página web: Vete a la pestaña Settings y busca la zona donde pone Github Pages. Hay un botón debajo de Sources, que por defecto está a None:

Cámbialo a Máster branch y aprieta el botón SAVE. Al cabo de un tiempo te aparece un mensaje con fondo verde indicándola la URL desde al cual podrás ver tu página html

Puesta en marcha del "hola mundo" en HTML. Aprenderemos a manejar las herramientas para hacer nuestro hola mundo en local. Lo veremos en directo en el laboratorio, pero puedes encontrar un mini-tutorial en este enlace
Manejo básico de github desde Atom. Github se puede utilizar desde la línea de comandos. Sin embargo, el editor Atom permite gestionarlo desde su Interfaz gráfica. Lo aprenderemos. Como ejemplo modificaremos el "Hola mundo" cambiando su contenido y subiéndolo a github
Aprender HTML. Lo primero es familiarizarse con el lenguaje HTML, y aprender las cosas básicas. La mejor manera es practicando. Se recomienda usar estos Tutoriales del w3school, que son muy simples y fáciles de hacer. ¡Manos a la obra!