This lesson is in the early stages of development (Alpha version)

Creación de sitios web con GitLab

Requisitos previos

Antes de seguir esta lección, los alumnos deberían ser capaces de:

  1. crear un proyecto en GitLab / EMBL GitLab.
  2. clonar una copia local de un proyecto con Git, añadir y confirmar archivos modificados, y empujar/tirar cambios entre repositorios locales y remotos.
  3. ejecutar comandos en el shell.

Ninguno de los prerrequisitos anteriores es absolutamente necesario para seguir la lección. Sin embargo, serán necesarios para gestionar eficientemente el desarrollo del sitio web desde tu portátil y probar cómo queda antes de crear versiones oficiales.

Si quieres aprender cualquiera de las habilidades listadas arriba, las lecciones de Software Carpentry sobre the Shell y Git son un buen lugar para empezar.

Para aquellos que ya están familiarizados con las formas en que Git y una plataforma en línea como GitLab o GitHub pueden ayudarles a rastrear y comparar cambios en archivos de texto plano y colaborar con otros en proyectos, GitLab (y GitHub) Pages proporcionan una forma gratuita de construir y alojar páginas web. Este enfoque se utiliza habitualmente para proporcionar documentación sobre proyectos de software, y para crear blogs y sitios web para personas y organizaciones ya acostumbradas a trabajar con el conjunto de herramientas Git para sus otros proyectos. Sin embargo, para aquellos que dan sus primeros pasos en la creación de sitios de este tipo, el proceso puede resultar confuso e intimidatorio. Este tutorial pretende resolver este problema

  1. proporciona una guía paso a paso para crear una colección de páginas,
  2. mostrando múltiples ejemplos de cómo estructurarlos en un sitio coherente,
  3. Demostración del uso de múltiples frameworks para el desarrollo de páginas web, desde HTML a Jekyll y Sphinx.

También se tratará brevemente la diferencia entre el desarrollo de páginas en GitLab y en GitHub.

Capturas de pantalla obsoletas

A lo largo de esta lección haremos uso y mostraremos contenido y capturas de pantalla de git.embl.de. Como plataforma en constante evolución, GitLab siempre está añadiendo nuevas características y nuevos elementos visuales a su sitio web. Las capturas de pantalla de la lección pueden desincronizarse, hacer referencia o mostrar contenido que ya no existe.

Si durante la lección encuentras capturas de pantalla que no coinciden con lo que ves en tu navegador, por favor abre una incidencia describiendo lo que ves y en qué difiere del contenido de la lección. No dudes en añadir tantas capturas de pantalla como sea necesario para aclarar la discrepancia.

Objetivos de aprendizaje

Después de seguir esta lección, los alumnos serán capaces de:

  • crear contenido de página formateado con HTML o Markdown
  • configurar su proyecto para construir y servir páginas en GitLab
  • build un sitio simple para alojar contenido en HTML plano
  • construir un sitio coherente con múltiples páginas usando el Jekyll o el Sphinx framework
  • personalizar el diseño y el estilo de las páginas de su sitio web

Schedule

Setup Download files required for the lesson
00:00 1. Introducción What is static web content?
Why should I use GitHub or GitLab Pages to create my website?
00:00 2. Creación con Markdown How can I write content for my webpages?
How do I link to other pages?
00:00 3. Alojar páginas en GitLab How do I publish my pages via GitLab?
00:00 4. Páginas GitLab con Jekyll How do I publish web pages through GitLab and Jekyll?
00:00 5. Páginas GitLab con Sphinx How do I publish web pages through GitLab and Sphinx?
00:00 6. Páginas GitLab con libros Jupyter How do I publish web pages through GitLab and Jupyter books?
00:00 7. Plantillas GitLab Where can I find pre-built projects/themes for my site?
00:00 8. Cuando las cosas van mal How do I troubleshoot errors in the GitLab pipelines?
00:00 Finish

The actual schedule may vary slightly depending on the topics and exercises chosen by the instructor.