History: Getting Started

Revision made 8 years ago by Francisco Presencia. Go to the last revision.

To make a web­site you'll need some tools and pro­gramm­ing lan­guages. Here we'll make a sum­ma­ry of the pro­cess to make a web­site.

In­stall Atom

First you'll need to in­stall a de­cent the text editor such as Atom. Even though you can use notepad or tex­tedit, a specialized software will give you many more ad­vantages.

Atom

Start a Pro­ject

Once we have the editor in­stal­led we create a fold­er with the name of the pro­ject where we put all of our files. For this co­ur­se, we'll use the name Web to refer to the pro­ject and fold­er.

In­side this fold­er we'll write two files cal­led 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 blan­co) si ab­rimos el archivo index.html desde el navegador. Para ello, click de­rec­ho en el archivo > abrir con > Firefox/Chrome. Pro­bad a escribir desde Atom un sen­cil­lo "Hello world" y re­petir los pasos.

Una vez vayamos modifican­do el archivo, en lugar de rea­brir­lo podemos re­fres­car la página web con F5 y se verán los cam­bios.

1. Hacer cam­bios en index.html o en style.css (ex­plicados más adelan­te).

2. Guar­dar di­chos cam­bios

3. Abrir el archivo con nuestro navegador o ap­retar F5 con la ven­tana ab­ier­ta

4. Pro­fit! GOTO 1.

Git­hub

Git­hub es una platafor­ma con muc­has func­ionalidades para los pro­gramadores:

- La gente sube y com­par­te su código en re­positorios.

- Sirve para col­aborar en pro­yec­tos tanto open sour­ce como privados.

- Tiene un apar­tado para pub­licar páginas web que es el que nos in­teresa.

En este caso no hemos podido ver cómo hacer­lo, pero siguien­do la guía que hay ahí y ap­rendien­do lo básico de git/git­hub podréis sub­ir­lo.