Para programar una página web hacen falta varias herramientas y lenguajes de programación. Aqui os hacemos un breve resumen del proceso, de forma ordenada, para hacer páginas web.
Instalar Atom
Primero deberéis de instalar un editor de código en condiciones. A pesar de que se podría editar con el notepad, vamos a usar un editor moderno llamado Atom.
Crear proyecto
Una vez ya tenemos el editor creado, creamos una carpeta con el nombre de nuestro proyecto donde pondremos todos los archivos. Para este curso usaremos el nombre Web para referirnos a la carpeta.
Dentro de la carpeta crearemos un par de archivos, index.html
y style.css
. HTML es un lenguaje de estructura y contenido. En el va el contenido de la web en sí. A diferencia de este, CSS es un lenguaje de estilo. El mismo le da colores, formas y algo de interacción al HTML.
Una vez estén creados, añadimos la carpeta a Atom como proyecto. Desde Atom, Archivo > Añadir proyecto y elegimos la carpeta. Vemos que se añade a la izquierda sin problema.
Ver la web
Una vez tenemos los dos archivos creados, podemos ver la web (que estará en blanco) si abrimos el archivo index.html desde el navegador. Para ello, click derecho en el archivo > abrir con > Firefox/Chrome. Probad a escribir desde Atom un sencillo "Hello world" y repetir los pasos.
Una vez vayamos modificando el archivo, en lugar de reabrirlo podemos refrescar la página web con F5 y se verán los cambios.
1. Hacer cambios en index.html o en style.css (explicados más adelante).
2. Guardar dichos cambios
3. Abrir el archivo con nuestro navegador o apretar F5 con la ventana abierta
4. Profit! GOTO 1.
Github
Github es una plataforma con muchas funcionalidades para los programadores:
- La gente sube y comparte su código en repositorios.
- Sirve para colaborar en proyectos tanto open source como privados.
- Tiene un apartado para publicar páginas web que es el que nos interesa.
En este caso no hemos podido ver cómo hacerlo, pero siguiendo la guía que hay ahí y aprendiendo lo básico de git/github podréis subirlo.