Making my Web Page

1.- Making my page

I started by taking a simple class of HTML. In this class I was told just the bare basics of how HTML works. As a product of this small class I made a very basic web page that  had next a worse design than the one i am using. The image to the right is a view of how the code of that practice page looks.

I had taken a beginner course of HTML at Code Academy a few years ago, so I was familiarized with the very basics of the language already. This is a version I tried to make after the basic class, turning it into a version that i could upload.

Right now I am a bit short on time because I have university entrance exams coming up, so I decided to use Adobe MUSE instead of doing everything on a glorified Notepad or the windows Notepad. To make my web page the thing I had to do was only set a basic structure of how the pages relate to each other, and use a Menu Widget that is already installed with MUSE. I am not really good at designing things, and since I am short on time, I had to make a really simple version of a web page.

2.- Setting up Git

Last semester I was learning programming with some people near Fab Lab Puebla, so I had a basic understanding of Git. I also asked around the Fab Lab and was told how to set up my Git Bash to upload things to Gitlab. To begin with this, I went to this site and downloaded the Git Bash setup for windows. The first thing I had to actually do was set up my Name and email to be used in Git with the two commands in the pictures to the left.

I was told I had to make a key to pair with my account , so I started with this endeavor right away. To do this I used the command shown on the left, and then I copied it to the clipboard using the next command.

I then created a key in my Gitlab settings page, and pasted the key that i had previously copied. I named it HOME to know which computer it was and clicked the add key button.

I finally navigated to a directory I had created to store my repository, using the cd commands, and used the command git clone "address of my repository here". I did this to clone my repository in Gitlab to my PC.

3.- Uploading my web page

The only thing I did not know how to do completely was to set up my Git Bash. Then I only had to make a commit to upload my page to Gitlab. To do this I exported my page in the folder used for the repository, and then used the command "git status", to see which files I had to add to my next commit, I did this just as a mere assurance, because I used the command "git add ." to add every file in that repository to make that commit. I then made a commit using the command "git commit -m "(a message here)" " to save my changes in that repository. I finally used the command "git push origin master" to push the changes I had made to the master branch of my repository into the online version of the repository, which is the origin of which i cloned it from.