From 90fcfaa9cf2bee60fef7e2d8baae58007ae25bf5 Mon Sep 17 00:00:00 2001 From: ImAlpha Date: Tue, 4 Apr 2023 17:23:32 -0700 Subject: [PATCH] starting first webpage --- Markdown/TheOdinProjectNotes.md | 71 ++++++++++++++++++++++--- Markdown/images/capture4.png | Bin 0 -> 24927 bytes odin-links-and-images/index.html | 15 ++++++ odin-links-and-images/pages/about.html | 11 ++++ 4 files changed, 90 insertions(+), 7 deletions(-) create mode 100644 Markdown/images/capture4.png create mode 100644 odin-links-and-images/index.html create mode 100644 odin-links-and-images/pages/about.html diff --git a/Markdown/TheOdinProjectNotes.md b/Markdown/TheOdinProjectNotes.md index 326d942..155acda 100644 --- a/Markdown/TheOdinProjectNotes.md +++ b/Markdown/TheOdinProjectNotes.md @@ -28,7 +28,7 @@ git config --global pull.rebase false git config --get user.name git config --get user.email ``` -## Create an SSH Key for repos +### Create an SSH Key for repos - SSH keys are good for avoiding retyping credentials every time - Check to see if there is an existing ssh key ``` @@ -41,7 +41,7 @@ ssh-keygen -t ed25519 -C ``` - press enter when asked for what location to store it unless you have a specific location - add a passphrase and retype it -## Link SSH key to Git +### Link SSH key to Git - Find the ssh key input on GitHub or repository website of your choice - Click on new ssh key and give it a name and leave the window open for the next steps - Copy the public SSH key @@ -49,11 +49,11 @@ ssh-keygen -t ed25519 -C cat ~/.ssh/id_ed25519.pub ``` - Paste the key into your settings, it should start with ```ssh-ed25519``` and end with your email -## Change git repository remote +### Change git repository remote ``` git remote set-url origin https://'username':'password'@repositorylink ``` -## Using Git +### Using Git - Check git version by using `git --version` - After creating a new repository you can clone it to your current directory by using ``` git clone ``` - After the cloning, check the url with ```git remote -v``` @@ -64,15 +64,21 @@ git remote set-url origin https://'username':'password'@repositorylink - After creating a file you can use ```git add ``` to add that specific file or ```git add .``` to add all files within the directory that are not on the repo - We can push the changes to the cloud repository with ```git push origin main```, origin being the remote location and *main* being the branch to upload to - Make sure to only push working code -### Git Best Practices +#### Git Best Practices - Atomic commits - A commit that includes changes related to only one feature or task of your program. - Easily reversible if the commit causes breaking changes - Enables you to write more specific commit messages -### Changing the Git Commit Message Editor +#### Changing the Git Commit Message Editor - Typing ```git config --global core.editor "code --wait"``` into the terminal will give you the option to use either ```git commit -m ``` or ```git commit``` without anything extra. +#### When to Commit +- These are best made when you think is a good time to take a **snapshot** of your current project +- Never commit code that isn't working to the main branch if it was working before +- It is considered best practice to commit every time you have a meaningful change in the code + - Creates a trail to show how you got to the current iteration of the code +- Useful for when looking back to when the project feature was working to compare what you've changed -## Introduction to HTML And CSS +## HTML And CSS Introduction - What is HTML? - Stands for **Hypertext Markup Language** - It's the raw data that a webpage is built out of. Includes: @@ -249,3 +255,54 @@ git remote set-url origin https://'username':'password'@repositorylink ``` - ![](images/capture3.png) ### Links and Images +- Links allow for the chaining of other HTML pages on the web +- Create an `index.html` file and use it so link other pages within the [odin-links-and-images](/OdinProject/odin-links-and-images/index.html) directory +#### Anchor Elements +- The anchor element is denoted by the `` tag + - It creates a link with a separate page and routes towards it + - Requires an HTML attribute in order to complete the link +- This link is known as a reference, `click me` + - the `href` attribute is what highlights text in blue to show that it is linked to an address + - Links work for anything that has a web address, this includes: + - photos + - documents + - pdfs + - html pages + - videos +#### Absolute and Relative Links +- Most links are one of two things: + - Links to pages on other websites + - Links to pages on our own website +- Absolute Links + - Links to pages on other websites, in order to link you need the full address of the destination + - Example: `protocol://domain/path`, `www.https://youtube.com/home` +- Relative Links + - Links to other pages within our own website, or internal links + - These links do not include the domain name since it is within the same domain + - Relative links consist of the **file path** instead of the web address +- Links are created the same whether absolute or relative, the `href` tag is what controls the anchor binding +- Proper file management recommends to have a separate directory for `pages` within the project +- The proper way to direct an anchor to a subdirectory is by using `./` in the path + - This tells the anchor to start looking for the **file/directory relative to the `current` directory of where the `index.html` is located** +#### A Metaphor +- The domain name `town.com` is a city +- The directory where the website is located would be similar to a museum `/museum` + - Each page on your website could be considered a room, in this case a room within the museum `/museum/movie_room.html` or `/museum/coffee_shop.html` + - Relative links like `./shop/coffee_shop.html` are directions from the current room (movie_room) + - Absolute link would be the full directions to the room from entering the town + - Ex: `https://town.com/museum/shops/coffee_shop.html` +#### Images +- HTML uses the `` tag in order to embedd images into the page, does not require a closing tag + - These images can be added with Absolute or relative links Ex: `` + - ![](images/capture4.png) +#### Parent Directories +- In order to navigate to the parent directory when linking, you should use `../` relative to the current directory +#### Alt attribute +- images also have an alt attribute +- Used to describe the image, helps with accessability and when the image itself can't be loaded +- Ex: ` The Odin Project Logo` + - This loads the logo, if it can't then `The Odin Project Logo` is displayed +### Recipes +- Project to build a basic recipe website +- Will have a main index page with links to a few recipes +- \ No newline at end of file diff --git a/Markdown/images/capture4.png b/Markdown/images/capture4.png new file mode 100644 index 0000000000000000000000000000000000000000..7d9c7964b756a9d3591cc4a415823401bc9f792c GIT binary patch literal 24927 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 XDt?pv5ww-R_lpt8RIljLt&sl#np + + + + + + Document + + +

Homepage

+ click me + + About + + \ No newline at end of file diff --git a/odin-links-and-images/pages/about.html b/odin-links-and-images/pages/about.html new file mode 100644 index 0000000..97c8bcf --- /dev/null +++ b/odin-links-and-images/pages/about.html @@ -0,0 +1,11 @@ + + + + + Odin Links and Images + + + +

About Page

+ + \ No newline at end of file