PROJECT MANAGMENT

This Week's Objective


Customize your own website & link it to gitlab

Tools Used in This Assignment

Coding


i started by attending a workshop on how to read and write simple html code presented by ibtechar company. in the same workshop i was intreduced to useful tools and websites to help develop my website.
we used w3schools.com.

it is open source web developing site with lots of tutorials, examples, referances and real time editor where you can code and see how that code translates on the screen.
This is an example of code we wrote in the editor. in the lift side is the different codes we used and in the right side is translation of that code on screen.
my advice is before jumping to the world of web developing use this tool to gain basic knowledge and you will be useing it as a referance later on.

Website Template


there are two ways of developing your website one is to code everything from skratch. the other is to use a ready template that you can cutomize to suits you. i choose to go with a ready template. you can find alot of sources of ready templates on the web. such as Start Bootstrap , Zurb foundation , Colorlib and many others. i used the bootstrap templae to begin with.


But as i was using it i became more familier with the process and to be honest it felt alitlle trivial so i changed the template. this time i got it from Colorlib.


Customizing your page


To customize the page i used bracktes. i ahd to download it again it is open source editor that alow you to edit html files. the templete is in html as well.
it is quite easy and there are loads of supporting material online. It has a cool feature where you can see a live preview of what you are coding.

Uploading the website


now you are ready to take the final version of your website and share it with the world. you will need to uplode your files to gitlab. if you are using gitlab for the first time then you will need to link it to a local folder on your desktop which you will be using to control the content on your gitlab page. in order to do that you need a program called git bash which will work as a bridge between gitlab and your files.

first of all you will need to provide SSH key for the gitlab which you can creat using git bash
follow these steps to make your SSH key:
in git lab write the following
1- git config --global user.name "yourname"
2- git config -- global user.email "your@email.com"
3- git config --global core.editor nano
4- ssh-keyggen -t rsa -C "your@email.com"
then you will choose yes and complete the other requirments.
5- cat ~/.ssh/id_rsa.pub
compy the information and go to gitlab and past it in the ssh section and add it as a key. also find the clone option in gitlab copy the ssh url for later use.
6- make a local folder in which you will put all your gitlab related files.
in git bash
7- git clone PasteTheUrl 8- cd desktop/the new file you made for gitlab
these comands will used frequently to uplode and modify files in gitlab.
9- git add -A
10- git commit -m "any test"
11-git push