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
.
HTML is a structure and content language. All of the text, links, titles, etc are written in html. On the other hand, CSS is a style language. It sets the colors, shapes and some HTML interaction.
Once they are created, we add the folder to Atom as a new project. From Atom, File > Add project folder... and find the newly created folder. It should be on the left at this point.
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.