This is my list of things to do. I write it in One Note on Windows 10, so I have it synchronized in all my Pc and smartphone.
In the past i build different kind of website; I always use CMS like Wordpress, and I know how write a basic web site in html/css. This way I want learn to modify a Bootstrap Theme.
First I choose a free theme, on this Site where can found many free themes; after i download it on my local pc and I start to custumize it.
I found some information how to write a basic site in Html and Css on W3C Site. W3C (Worl Wide Consortium) is the orgazination who define all Web Standard.
There are other important informations and tutorial for build a web site, on this W3C School site.
The first thing is to choose a text editor that can help me to write in html. I choose ATOM for edit my bootsprap theme.
Atom is a simple Text editor for edit different kind of programming language. In my case, I use it for edit my Index page and my Bootstrap theme.
It is easy to use, because when you digit a command or a tag(if you're writing in html), there are some helps that facilitate the work.
In this example:
If i want to use the "a tag" Atom helps me to write the good code, and anticipates my actions
Atom help me writing the "a" tag
Before Download the Bootstrap theme i have choose, I create an account on GitLab . It's a Repository Server, where everyone can share and collaborate
on different kind of software, code etc. GitLab is similar to GitHub ; works on the same method of pushing and pulling a code.
On GitLab I and other students were invited on the FabAcademy2017 group, for share and collaborate all project during the six month.
Included the present website.
In github I use the desktop software for clone the remote repository and refresh all changes. For GitLab I use Git software for clone and refresh all changes of my repository.
For first I download Git on my Pc; and I open the software for logging on remote server. For download on local path the repository I need to generate the SSH key.
I found a guide for Generate a SSH Key.
In my case, I use two different PC, and for this reason, i need to generate two SSH key (one each PC). Like in this picture
Now I'm able to clone, push, and pull from both my personal computer. First I need to clone the repository called "fablabnapoli" . In this Repository there is all the project we'll develop during the six month of FabAcademy af FabLab Napoli.
Once Downloaded, i have the same folder, and all files on my local PC; now I costumize my website.
The theme from I start is this:
I start to delete all parts that I don't need:
after I add all parts I need: The About Section Section, The Week Section, The links about FabLab Napoli and all links for contact me.
After modify all sections, I start to custumize the css for change the background colour of each section, and customize icons and fonts' colours
For modify the Css, i prefer to work directly from the browser, in my case I use Mozilla Firefox; but I can use also Google Chrome
In the Css file I change the color of sections' background and the text hover color. I can save the my changes directly from the browser. like in this picture:
For the image I use Adobe Illustrator and Inkscape (Open Source Vector graphic software)(I save a copy of the file in this repository); and i download other
icons in .svg format by Flat Icon site.
This Bootstrap theme is responsive, it mean that can be visible from mobile device and have adaptive visualization.