First experience

For the design of my website in the first instance used the "Wix" which could see it was easy to design, but then I realized it was not the right program because it would struggle to provide information to gitlab program. Therefore I decided to find another program.

Then I started using the "Dreamweaver 8", but then I decided not to use because the license was for a month.

So finally i decided to use html and css from Materialize framework, and as my text editor, Sublime Text 2

So here we go. How do you make a web page using a framework? It's really easy (at least easier than doing it from the scratch). The first thing you do is to check the framework documentation. Luckyly Materialize has lots (and i swear it, lots!) of documentation. There is a description to use every single component available, and with a little notion of css and html you can develop a nice looking page.

The first thing I did was to create a navbar (i just had to copy and edit some code) Then I designed some useful blocks of code for everything I needed (images, video, text) Once I did this I designed my principal pages and a structure for the assignments pages. Since I had all the structure done, i stoped worrying about web development, I just had to replicate the blocks and the basic structures.

Here you can see some of the main structure and the html code of my pages

Steps to upload the files to the archive

What do you need

First of all, instal git for windows. Then log into the gitlab repo and check if you have the right permision to edit the project.

Cloning the repo

Now you have to clone the repository. You can choose between HTTP or SSH. Since I don't have experience with SSH, i copied the origin location of the repo. Then create a new folder. Right click on it and choose the option GIT GUI HERE. It will show 3 options, choose "clone an existing repository" and paste the source location and choose a target location. Now clone it. Wait a few minutes and thats all (for now).

Updating the files

This is a little easier. First go to the git gui (the same way you did it before, right click on your academy folder). Then FETCH (from ORIGIN) and MERGE -> LOCAL MERGE. Now you have changes made by others. After that the steps are: RESCAN -> STAGE CHANGES -> COMMIT (+commit message) -> PUSH (requires ID).
If you can't see the changes, press Ctrl+F5 to reload without the browsers memory

Here you can see how does the interface looks like