ITWD - Web Design

Chat at

###Table of Contents

• Create GitHub Page
• Setup Git
  • At Home
  • At School
• Clone project
• Add a file
• Edit a file
• Delete a file
• CSS Cheat Sheet
• Bootstrap Cheat Sheet
• Project
  • Create Repository

Git

Create GitHub Page

Create GitHub Page

Setup Git

At Home

If you have any questions, Ask here

1. Create a folder named git on your desktop
2. Go to the ITWD Download Page
3. Right click git.jpg, click Open link in new tab
4. Go to the newly opened tab
5. Right click Raw, click Save link as...
6. Save it on the git folder on your desktop
7. Go back to the ITWD Download Page
8. Right click rename.bat, click Open link in new tab
9. Right click Raw, click Save link as...
10. Save it on the git folder on your desktop
11. Open the git folder on your desktop
12. Double click the rename.bat file
13. Right click git.zip, click Extract all, click Extract
14. If you see a git folder, open it and double click PortableGit-2.7.2-32-bit.7z
15. If you see a PortableGit-2.7.2-32-bit.7z, double click it
16. Click Ok and wait for the process to finish
17. Open the PortableGit directory
18. Double click git-cmd or git-cmd.exe
19. If this is your first setup on your current computer, Clone project
20. If you have already cloned a copy on your current computer, type cd PROJECT_NAME where PROJECT_NAME is your project folder (i.e. (YOUR_GITHUB_USERNAME).github.io or in my case, edos4.github.io) then press enter. Example would be cd edos4.github.io
21. 6. Add a file / Edit a file / Delete a file

At School

If you don't have git.zip and rename.bat on the git folder of your drive H:

1. Do steps 1-9 of At Home but instead of on your desktop, put the git folder on your drive H
2. Copy the git folder located at your drive H to your desktop. The purpose of this is to avoid doing steps 1-9 all over again.
3. Do steps 10-19 of At Home

Clone Project

1. Open your GitHub project page (i.e. (YOUR_GITHUB_USERNAME).github.io or in my case, edos4.github.io)
2. Click this (the one surrounded by the red box) then copy:
3. Upon opening git-cmd or git-cmd.exe, type git clone then paste (right click, then click paste)
4. The sample output should be git clone https://github.com/edos4/edos4.github.io.git then press enter
5. Type cd PROJECT_NAME where PROJECT_NAME is your project folder (i.e. (YOUR_GITHUB_USERNAME).github.io or in my case, edos4.github.io) then press enter. Example would be cd edos4.github.io
6. Add a file / Edit a file / Delete a file

Add a file

To add a file:

git add <filename>

Repeat this until you have added all the files that you want to add.

If you want to add all files:

git add *

Commit the file:

git commit -m "<short description of what you've done>"

Push the file:

git pull origin master
git push origin master

Supply GitHub username and password if required. Password will not be shown as you type. Just type your password.

Edit a file

Edit a file

Add the file:

git add <filename>

Commit the file:

git commit -m "<short description of what you've done>"

Push the file:

git pull origin master
git push origin master

Supply GitHub username and password if required. Password will not be shown as you type. Just type your password.

Delete a file

Delete a file

Add the file:

git add <filename>

Commit the file:

git commit -m "<short description of what you've done>"

Push the file:

git pull origin master
git push origin master

Supply GitHub username and password if required. Password will not be shown as you type. Just type your password.

CSS Cheat Sheet

CSS Cheat Sheet

Bootstrap Cheat Sheet

Bootstrap Cheat Sheet 1

Bootstrap Cheat Sheet 2

Project

Create Repository

1. Be a member of https://github.com/itwd103-n392
2. Go to https://github.com/itwd103-n392
3. Click New Repository
4. Repository name should describe your project
5. Click Create Repository
6. Create gh-pages branch on your local: git checkout -b gh-pages (1 time only)
7. Do your thing
8. Push/pull changes to gh-pages branch: git pull origin gh-pages or git push origin gh-pages.