WEEK 1: PROJECT MANAGEMENT



BUILDING A WEBSITE

First of all downloaded the text editor notepad++ or sublime text3 for editing the text using html language.
I used notepad++ it is text and source code editor.

I downloaded notepad++ from here


THIS WEEK ASSIGNMENT

1.Design and develop a website.
2.Introduce yourself in your webpage.
3.Design and described Final project.
4.upload your webpage.

NECESSARY & OVERVIEW

Html code Editor-Notepad++.
1. Html
2. CSS
3. Gitlab

I have many trails in web designing & web developing, but none of them was completed.
I decided to download a template because I have zero experience with HTML and websites, so I tried to understand and figure out how it works.
I have replaced the existing template with a new template works with HTML by using listed below the steps in how I used the to reflect the changes on my puplished website. This is the link for website templete click Here





I learnt to built a webpage from many sources like w3school, youtube and I also got helped from instructor and friends without them it will be difficult for me.


HOW TO DEVELOP A WEBSITE

All HTML documents must start with a document type declaration: .
The HTML document itself begins with <"html"> and ends with .
The visible part of the HTML document is between "<"body"> and .

Develop a webpage using html language with notepad++ editor.


This code is used for table which I used.


for heading and paragraph style.


we see in the next picture the css section. CSS is a language let you add additional effects in your web site such as colors, background, sizing, etc..




WORKING ON A GIT TUTORIAL

1. With a focus on speed, Git is a distributed revision control and source code management framework.
2. Git was initially designed and developed by Linus Torvalds for Linux kernel development.
3. Git is a free software distributed under the terms of the GNU General Public License version 2.

STEP:1 DOWNLOAD THE GIT

My first step was actually downloading Git.here, i downloaded the latest version of the software.


STEP:2 INSTALL THE GIT

Install the Git bash for the window users, it is so easy to install follow the given steps in above gif.



STEP 3: GENERATING SSH KEY & PASTE TO FABCLOUD

In order to generate an ssh key there are few steps which need to be followed. First one is that you should copy the given command to git bash run: ssh-keygen -t rsa -C "your_email@example.com" after entering that command you will get prompt like given below. In that prompt you will be asked to enter file in which to save the key.

Open Git Bash by "Right Click & Git Bash Here" on Desktop or in your folder.


Copy your public key with this command cat ~/ssh/id_rsa.pub | clip because we need this afterwards. The next step is to add your public SSH key to Git Lab, in order to add your public ssh key to git lab navigate to SSH keys tab in your profile settings. Paste your key in the key section and give it a relevant title. This could be seen below that I have copied the public key and pasted to git lab.

Adding public key to git lab


paste the SSH key to the fab cloud


Copy the SSH from the clone.


STEP 4: INPUT THE GLOBAL NAME AND E-MAIL TO THE GIT BASH.

Paste the SSH key to the git bash.
Now use the command change directly ( cd )
1. $ cd user.
2. $ cd dekstop.
3. $ cd repository.

towards main folder on dekstop.

1. $ git config --global user.name.
2. $ git config --global user.email.

copy the key past from the clone and enter it.

STEP 5: AT THE END WE HAVE TO USE SOME COMMANDS TO UPLOAD THE WEBSITE IN FAB ACADEMY CLASS ARCHIVE 2021. THAT'S IT.

Now go to the location using "cd" command. "(master)" shows that we are in main directory/repository folder.


Command git status is used to know the recent changes made by user like last upload etc.


Command git add . is for adding new files in directories like I have added designed files and some images.


Command git commit -m"write here which you have changed" is for tracking the all changes done at Git before.


Command git push is finally used to push all the local data to git server.


First look of webpage.




Propeller Led Pendulum Clock by Engr. Rashid Ali is licensed under Attribution-ShareAlike 4.0 International


STUDENT AGREEMENT