Exercise 1
Dealing with GitLab and Html
As first approach to webpage scripting, I was totally scared at the beginning. Fortunately, with the help of my tutor Antonio Grillo, who now I call Morpheus, everything started to be clear. First, I downloaded gitlab from the Gitlab website. In the meanwhile, I started to read some basic definitions and informations about gitlab, repository, and main commands such as commit, clone. What I have understood is that is GitLab is a web repository manager allowing groups of people to collaborate, creating and editing their own projects simultaneously.
After setting SSH key and first clone to repository, it has become more simple to understand the push/pull process. I have understood that everytime I want to load my website from local (my computer) to the repository, I first need to pull the files, using command "git pull" from the terminal, than "git add .", "git commit -m" adding the reason of my pull/push ( for example "template update"). After that, to effectively load the file on repository and make the websited update and active, I need to push the files by typing the command "git push".
So far I have understood these simple commands:
cd : change directory. I set as directory fablabnapoli/students/118, which is my folder where all my files are stored.
git pull : with this command I download all the files from the master branch in order to update my repository.
git add -A : with this command I add only new files to commit in the master branch, after pushing.
git commit -m "Text" : with this command I tell which files to push into the server, adding also a message related to this operation, included in " " signs.
git push : with this command I send the files to the master branch so that my changes will be available online.
Html and Atom editor for webpages
In order to customize my personal webpage, I downloaded and installed Atom. Among all the editors available, I have chosen Atom since it has a very nice and simple interface and it is compatible with OS X. Then, I started to understand the code and the main part of a webpage, such as title, body, footer, header, etc etc... There are also a plenty of tutorials on the web about this text editor.
After training myself with coding in html, I wanted to produce a custom webpage, starting from a template. As a matter of fact, I have chosen a nice template from Start Bootstrap, downloaded it and started to modify contents, pictures and adding new pages and links.
With 3ds max and photoshop, I have created a picture of a panelized surface as background for the top of my webpage.
