Antonio Burrai
[WEEK 1]

BUILDING MY PROJECT WEBSITE

.

I started the organization of my project, that requires a full documentation of all the assignments (partially listed in the previous picture), using a free layout (an example of free html 5.0 layouts could be find in the startboostrap website.

.

Once downloaded the template, Starting from the schedule I create a html file for each assignment containing a detailed documentation of the weekly activities. All the images used to describe the activities are linked to a specific folder (IMG) in the layout roots. I've used a very powerful software to generate and control the page code: Adobe Dreamviewer (a trial version could be find in the Adobe website.

.

The code editing is very easy, as you can split your screen in two parts (code at the left side, LIVE preview at the right side).

.

The web space you could use it's very small, so please consider to resize all the picture using the following procedure: using Adobe Photoshop CS6 ,once opened your picture, resize it using the SAVE FOR WEB AND DEVICES options by modifying the pixel width and height.

.

The GIT HUB shell has been used to upload the files to the Academy repository. The procedure is briefly resumed as follows. (1) Set your individual contact information (2) Copy the repository on GitHub (containing the student folders) in your local folder using the command GIT CLONE (3)Download last updated repository using the command GIT PULL (4)Update the folder with your material edited using the command GIT ADD (5)Register your operation with a short description using the command GIT COMMIT (6) Complete your Upload using the command GIT PUSH.

.

GIT HUB falls in the category of distributed source code management tools, similar to e.g. Mercurial or Bazaar. What is “version control” ? Version control is a system that records changes to a file or set of files over time so that you can recall specific versions later . For further details please refer to the Getting Started Guide or more technical documents.

.

One of the basic tricks you need to know is how to create links from the index.html to the other pages (i.e. week_1.html). Just follow the example showed in the picture. If you'd like to copy it, just click now CTRL+U to see the webpage html code.