Compare commits

...

3 Commits

4 changed files with 136 additions and 16 deletions

View File

@ -1,5 +1,13 @@
{ {
"recentFiles": [ "recentFiles": [
{
"basename": "HTML Group Project",
"path": "HTML Group Project.md"
},
{
"basename": "HTML Tricks Part 2",
"path": "HTML Tricks Part 2.md"
},
{ {
"basename": "Potentiometers & Analog SerialReader", "basename": "Potentiometers & Analog SerialReader",
"path": "Machine Tips (Quantum)/Physics/Hardware/Potentiometers & Analog SerialReader.md" "path": "Machine Tips (Quantum)/Physics/Hardware/Potentiometers & Analog SerialReader.md"
@ -191,14 +199,6 @@
{ {
"basename": "Week 3 Slides", "basename": "Week 3 Slides",
"path": "Coding Tips (Classical)/Project Vault/Current Occupations/Manhattan Youth/Week 3 Slides.md" "path": "Coding Tips (Classical)/Project Vault/Current Occupations/Manhattan Youth/Week 3 Slides.md"
},
{
"basename": "Manhattan Youth",
"path": "Coding Tips (Classical)/Project Vault/Current Occupations/Manhattan Youth/Manhattan Youth.md"
},
{
"basename": "Drawing 2023-10-10 14.13.09.excalidraw",
"path": "Coding Tips (Classical)/Project Vault/About Obsidian/Slides & Tools/Excalidraw/Drawing 2023-10-10 14.13.09.excalidraw.md"
} }
], ],
"omittedPaths": [], "omittedPaths": [],

View File

@ -14,8 +14,41 @@
"type": "empty", "type": "empty",
"state": {} "state": {}
} }
},
{
"id": "ab82fc8f7d69aba9",
"type": "leaf",
"state": {
"type": "markdown",
"state": {
"file": "HTML Tricks Part 2.md",
"mode": "source",
"source": false
}
}
},
{
"id": "d8b4cece2e694f40",
"type": "leaf",
"state": {
"type": "empty",
"state": {}
}
},
{
"id": "43175014d1650e7c",
"type": "leaf",
"state": {
"type": "markdown",
"state": {
"file": "HTML Group Project.md",
"mode": "source",
"source": false
}
}
} }
] ],
"currentTab": 3
} }
], ],
"direction": "vertical" "direction": "vertical"
@ -74,7 +107,7 @@
} }
], ],
"direction": "horizontal", "direction": "horizontal",
"width": 251.5 "width": 200
}, },
"right": { "right": {
"id": "4bd9c02fbfe6785f", "id": "4bd9c02fbfe6785f",
@ -90,6 +123,7 @@
"state": { "state": {
"type": "backlink", "type": "backlink",
"state": { "state": {
"file": "HTML Group Project.md",
"collapseAll": false, "collapseAll": false,
"extraContext": false, "extraContext": false,
"sortOrder": "alphabetical", "sortOrder": "alphabetical",
@ -106,6 +140,7 @@
"state": { "state": {
"type": "outgoing-link", "type": "outgoing-link",
"state": { "state": {
"file": "HTML Group Project.md",
"linksCollapsed": false, "linksCollapsed": false,
"unlinkedCollapsed": true "unlinkedCollapsed": true
} }
@ -127,7 +162,9 @@
"type": "leaf", "type": "leaf",
"state": { "state": {
"type": "outline", "type": "outline",
"state": {} "state": {
"file": "HTML Group Project.md"
}
} }
} }
] ]
@ -153,8 +190,12 @@
"obsidian-excalidraw-plugin:Create new drawing": false "obsidian-excalidraw-plugin:Create new drawing": false
} }
}, },
"active": "87d255f169a0d690", "active": "43175014d1650e7c",
"lastOpenFiles": [ "lastOpenFiles": [
"HTML Group Project.md",
"HTML Tricks Part 2.md",
"Excalidraw/Drawing 2023-10-17 18.01.00.excalidraw.md",
"Excalidraw",
"Machine Tips (Quantum)/Physics/Hardware/Potentiometers & Analog SerialReader.md", "Machine Tips (Quantum)/Physics/Hardware/Potentiometers & Analog SerialReader.md",
"Coding Tips (Classical)/Project Vault/Current Occupations/Website Projects/hi.shwethajayaraj/Quantum Stuff.md", "Coding Tips (Classical)/Project Vault/Current Occupations/Website Projects/hi.shwethajayaraj/Quantum Stuff.md",
"Machine Tips (Quantum)/Resources/Welcome to Quantum 101.md", "Machine Tips (Quantum)/Resources/Welcome to Quantum 101.md",
@ -172,7 +213,6 @@
"Coding Tips (Classical)/Terminal Tips/GUIs/Internet/Websites/Robots.txt Files.md", "Coding Tips (Classical)/Terminal Tips/GUIs/Internet/Websites/Robots.txt Files.md",
"Coding Tips (Classical)/Terminal Tips/GUIs/Tools/Webscraping.md", "Coding Tips (Classical)/Terminal Tips/GUIs/Tools/Webscraping.md",
"Excalidraw/Drawing 2023-10-16 12.13.42.excalidraw.md", "Excalidraw/Drawing 2023-10-16 12.13.42.excalidraw.md",
"Excalidraw",
"Machine Tips (Quantum)/Physics/Optics.md", "Machine Tips (Quantum)/Physics/Optics.md",
"Machine Tips (Quantum)/Physics/Hardware/Laser Cutting.md", "Machine Tips (Quantum)/Physics/Hardware/Laser Cutting.md",
"Machine Tips (Quantum)/Physics/Hardware/Arduino Example Blink.md", "Machine Tips (Quantum)/Physics/Hardware/Arduino Example Blink.md",
@ -180,9 +220,6 @@
"Machine Tips (Quantum)/Math/Linear Algebra Basics.md", "Machine Tips (Quantum)/Math/Linear Algebra Basics.md",
"Machine Tips (Quantum)/Math/Math Software.md", "Machine Tips (Quantum)/Math/Math Software.md",
"Machine Tips (Quantum)/Math/Math terms & Probabilities.md", "Machine Tips (Quantum)/Math/Math terms & Probabilities.md",
"Machine Tips (Quantum)/Math/Proof of a formula for modulo.md",
"Machine Tips (Quantum)/Math/Quantum Formalism.md",
"Machine Tips (Quantum)/Math/Visualizing the Quantum Space.md",
"Coding Tips (Classical)/Project Vault/About Obsidian/Slides & Tools/export/Slides/Pasted image 20231010141612.png", "Coding Tips (Classical)/Project Vault/About Obsidian/Slides & Tools/export/Slides/Pasted image 20231010141612.png",
"Coding Tips (Classical)/Project Vault/About Obsidian/Slides & Tools", "Coding Tips (Classical)/Project Vault/About Obsidian/Slides & Tools",
"Untitled.canvas", "Untitled.canvas",

View File

@ -0,0 +1,8 @@
By the end of the group project you must have:
- A topic (Favorite Game, Favorite Place, or Fan Page about a show or favorite movie)
- Game
- Place
- Everything about

View File

@ -0,0 +1,75 @@
From Shway (that's me)
Last week we went over the basic structure of an HTML webpage and learned the following code:
#### What we did last time ######
# things in hashtags are a comment & don't appear in the code
<!DOCTYPE html> # makes the program know that it is an html doc
<html>
<head>
<title>This is the title </title> # this appears on the title bar
</head>
<body> # the body is what will be inside the webpage itself!
Blah balah
</body>
</html> #closing html program tag
Remember how we turned it into a web page? _quickly go over it_
---
## DESIGN CHALLENGE: WEB PROGRAMMING: HTML PT 2
This week we want to ✨spruce✨ up our website a bit more so that it looks like a presentable one. We will be getting in groups to present group designs. The challenge is on!
#### Tip - Adding an image to your site:
Go to google images and **right-click** on any image. You should see a "Copy Link Address" and click that. Paste it into "URL-here.jpg"
<img src="URL_HERE.jpg"> #input image code for html
Hint: make sure for the Link address that it's either a .jpg or a .png format!
<img src="URL_HERE.jpg"
style="width:100%;"> #this adjusts the size of the image
Tip :
Add a Search bar into your site
```
<input type="search" name="search">
```
Eventually CSS will be needed for multiple page creation in order to maintain consistency.
Linking to different parts of your code on HTML:
```html
<header>
<h1>The Heading</h1>
<a href="#content">Skip to content</a>
</header>
<nav>
<!--loads of navigation stuff -->
</nav>
<section id="content">
<!--lovely content -->
</section>
```
Shwetha Jayaraj - all rights reserved.