To make a website you'll need some tools and programming languages. Here we'll make a summary of the process to make a website.
Install Atom
First you'll need to install a decent the text editor such as Atom. Even though you can use notepad or textedit, a specialized software will give you many more advantages.
Start a Project
Once we have the editor installed we create a folder with the name of the project where we put all of our files. For this course, we'll use the name Web to refer to the project and folder.
Inside this folder we'll write two files called index.html
and style.css
.
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.