Trinidad Gomez Machuca

Make a website

The first thing we had to do was a web page. I started drawing the design in my note book, after I had my design, we began with a class that taught us how to code in HTML and CSS.

I followed Code Academy is very helpfull page to learn from cero to code in html

We installed the application of Brackets and then we learned the syntaxes. I used to program HTML when I was in high school, so I felt very familiar with the language, but not with CSS; as I started from cero, I decided to take a look in the web page of Code Academy, and it really helped me to understand in a very organized way. For my first sketch I decided not to use a template, the final result does not look fancy, but I am able to understand the 100% of my own code.

Html Resources

This W3 School is very helpfull for everything in html

This HTML Color Codes you can find a lot of colors

Documented steps for uploading files to archive

Here is a reference about what's a Git

After I finished my web page with the Brackets application, we had to upload it to internet. For that purpose we had to use git, guided from our tutors of Fab Lab Barcelona and some tutorials on internet; git is a version control system, for a better understanding is like how google docs works. You can see all the changes you have done to your page and besides, it can be use in coordination with many other people at the same time. So the first step was to install it and then configured in the terminal system. We made a personal profile in fablabs.io, in my case I already had one, in order to access the Fab Lab git and get the SSH.

Install Git in your computer

Go to FAB ACADEMY'S GIT and login with your fablabs.io credentials. Once you have your username of fablabs.io (and you logged in once to git.fabacademy.org) send it to your instructor so he can add you to the group of your fablab.

Add a ssh-key to your account.

1.- OPEN THE TERMINAL FOR MAC

2.- LS MEANS SHOW THE CONTENT OF THE PLACE WHERE YOU ARE.

3.- I NEED TO OPEN DESKTOP

4.- CD IS FOR CHOOSE THE FOLDER, SO WE HAVE TO WRITTE CD DESKTOP

5.- LS IS FOR SHOW WHAT'S INSIDE

6.- I NEED TO OPEN THE FABACADEMY'S FOLDER

7.- ENTER TO THIS FOLDER

8.- SHOW WHAT IS INSIDE

9.- I NEED TO OPEN REPOSITORY

10.- I OPENED THE REPOSITORY'S FOLDER

11.- I OPENED IT

12.- I NEED TO OPEN FABLABBCN

13.- I OPENED FABLABBCN'S FOLDER

14.- LS IS FOR SHOW WHAT'S INSIDE

15.- I OPENED IT

16.- I OPENED FABLABBCN'S FOLDER

17.- I NEED TO OPEN 51

18.- I OPENED THE 51'S FOLDER

19.- LS IS FOR SHOW WHAT'S INSIDE

20.- FINALLY WE HAVE TO BE IN THE FOLDER FO YOU'R FOLDER'S NUMBER

Pushed to the class archive

When we finished to connect the Fab Lab git with our personal repository, we had to following these commands, so every time we want to make a change, we have to write the modification, upload it and finally have our page.

Follow this steps

1.- Git Pull: After you copy your files, when you write GIT PULL it would read the new files, if you didn't change anything since last time it would tell you that there is no new files