Introduction.

In this week I learned about the principles of project management and about creating my own website, that will be used for document my progress every week. This assignment is going to be useful for me, helping to remember how some tools work, manage all the information and assignments that we create and (most important) how we manage to solve and fix some problems through the way of the FabAcademy.As we manage our website on Html Language .

Background.

HTML is a markup language that is used for the development of Internet pages. This is the acronym that corresponds to HyperText Markup Language, it is used to indicate how the content of a web page is sorted. This is done through hypertext marks which are tags.
To create web pages there are many free access templates on the internet, which allow the developer to create attractive pages.

HTML5UP-->Templetes

w3schools-->Tutorial

GIT Tutorial

GIT is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Also exist other platforms like GITHUB and GITLAB that improves GIT repositories streamlined web development workflows. Git is easy to learn and has a tiny footprint with lightning fast performance. It outclasses SCM tools like Subversion, CVS, Perforce, and ClearCase with features like cheap local branching, convenient staging areas, and multiple workflows.

Week Assignment

Work through a Git tutorial and build a personal site in the class archive describing you and your final project.

Following are steps for Window users:

Download the Git

Open the GIT bash window and generate the SSH key

As installed Git on my computer, then I made a folder on my computer, where I am going to clone the repository.



fig:screen shot showing the commonds for generating SSH key.

Adding SSH Key on fabcloud



fig:screen shot shows adding SSH key on fabcloud.

Navigate to the folder where you want to store the website

fig:screen shot shows giving location to the folder.


Making folder and cloning it to the cloud.

git config --global user.name "my name" git config --global user.email "my email" git clone https://gitlab.fabcloud.org/academany/fabacademy/2021/labs/yucatan/students/angel-ramos.git

fig:screen shot showing the cloning in the repository.

Update archive.

fig:screen shoot showing the updatig the archive.


Then I uploaded some files using these commands in the GitBash terminal:

git status
git add .
git commit -m "test 1"
git push
                                    

Build my personal web site.

When I started this assignment I had no idea what to include on my main page, so I started with something simple. As also I had not enough knowledge of building website so I watch youtube and take help of my instructors.

• The first step was to choose a software to edit source code, in this case notepad ++ I chose it because it is open source, it is light, it does not take up consuming many resources. Based on the powerful editing component Scintilla, Notepad++ is written in C++ and uses pure Win32 API and STL which ensures a higher execution speed and smaller program size. You can download it here: https://notepad-plus-plus.org/downloads/
  Notepad ++ is a free source code and text editor with support for various programming languages. With native support for Microsoft Windows. It is similar to Notepad in that it can edit plain text in a simple way. However, it includes more advanced options that may be useful for advanced users such as developers and programmers. It is distributed under the terms of the GPLv2 license. You can download it here: https://notepad-plus-plus.org/downloads/
  
  



• The second step is to program my site for it I use HTML, It is the markup language for the elaboration of web pages. HTML is considered the most important web language, being its crucial invention in the appearance, development and expansion of the World Wide Web (WWW). It is the standard that has been imposed on the display of web pages and is the one that all current browsers have adopted.
  it was already installed in my computer system
• A template usually provides a separation between form or structure and content. It is a means that allows to guide, carry, or build, a predefined design or scheme. Therefore, to make the job of creating my site easier, I am going to use free templates, I get the templat from HERE available on the internet. After a lot effort and attempting i select the look for my web page the picture of the HTML code is as under.
  
  
Fig:screen shot showing the html code for index page.



The screenshots after executation of code



Fig:screen shot showing the Home page.