MAKING MY WEBSITE.

* Tools -Brakets, Photoshop, and Illustrator.
* Useful html codes:
-link
-image
-headin
-footer
-div, ID and Class

To create the website, I used BRACKETS, this is "A modern, open source text editor that understands web design". With Brackets, my website design is very good. In the beginning we learned the codes to design and set up the page. At the same time collect the information to load here.
InBRACKETS, you have to write in HTML language. I learned this by following a tutorial in this page. w3eschoolsFor example, I learned the way to link websites, or my own pages in these websites. How to introduce pictures, or most importantly, understand the structure.

THE STRUCTURE OF THE WEBSITES.
The websites are like a group of sets, and inside of these sets you could create others to give orders to everything.



There you can see more or less how the structure is and how you can do the divisions

This is a little sketch to get an understanding of my design for my web page

CSS

CSS is the other face of HTML design language, because in the contents of your pages you need to check a lot of things, for example: spaces, colors and sizes of pictures and fonts. So, this is a easy way to put everything in order.


It's like a directory where you plan the design of your page. Here I have ordered the titles, characteristics, lyrics and the positions of the images.

GIT tutorial

In the tutorial of GIT we learned how you can clone some websites. This with the idea of uploading content in that side.
The most important thing regarding this is that we learned how to use the TERMINAL of our computers.
In the terminal we can do everything we want, from the installation of the programs to searching old files. You need to know some very important comandas to do this, but what is GIT?
"GIT is a version control system (VCS) used for tracking changes in computer files and coordinating work on those files among multiple people".(wikipedia)
I had never used these systems before, for me everything was new. With Terminal we connect our web pages to the Fab Academy`s web site to upload it there.

To CLONE THE FAB WEB
Git tutorial

GIT class was about learning the basics of GIT and how to upload our pages. In the beginning it was difficult, but here is what I did:
FOLLOWING THE TUTORIAL HERE
1- sign in fablabs.io
2- sign in GIT LAB
3- After that I use the account that I had to sent to Santi F. and then I received authorization to use this account.
4- Now, generate a SSH key that is connect our terminal to the repository and our acount, to be able to pull and push information to our websites.
5- Clone the Barcelona Fablab
First you have to define the road where you will save the folder, I saved it on my desktop.

"Cd" is the command you have to enter to get into the folders that you want to go.

Now in the terminal insert "get clone" and the link of the Git lab.

Now I just needed to update my folder (everyone has a different number in the cloned folder), my number is 206. The way to update is like this:

1- You have to find the folder where you have saved the files with the "CD" command.
2- Insert Git pull to load the files
3- Insert Git status to see the status of the files, this way you can check if they are right or wrong
4- Then insert Git add_. (_ = space) to load the Updates
Git commint -m"..." to tag the update and
5- Git push to post everything.
Then, YOU ARE HERE!




Now you just have to check that the webpage is published.

Problem

º Learn the development electronic of a simple robot arm that will continue when I end the fab lab.

Purpose

º The ideas are architectural, and have as an end the development of this discipline.