Compare commits

...

3 Commits

4 changed files with 136 additions and 16 deletions

View File

@ -1,5 +1,13 @@
{
"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",
"path": "Machine Tips (Quantum)/Physics/Hardware/Potentiometers & Analog SerialReader.md"
@ -191,14 +199,6 @@
{
"basename": "Week 3 Slides",
"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": [],

View File

@ -14,8 +14,41 @@
"type": "empty",
"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"
@ -74,7 +107,7 @@
}
],
"direction": "horizontal",
"width": 251.5
"width": 200
},
"right": {
"id": "4bd9c02fbfe6785f",
@ -90,6 +123,7 @@
"state": {
"type": "backlink",
"state": {
"file": "HTML Group Project.md",
"collapseAll": false,
"extraContext": false,
"sortOrder": "alphabetical",
@ -106,6 +140,7 @@
"state": {
"type": "outgoing-link",
"state": {
"file": "HTML Group Project.md",
"linksCollapsed": false,
"unlinkedCollapsed": true
}
@ -127,7 +162,9 @@
"type": "leaf",
"state": {
"type": "outline",
"state": {}
"state": {
"file": "HTML Group Project.md"
}
}
}
]
@ -153,8 +190,12 @@
"obsidian-excalidraw-plugin:Create new drawing": false
}
},
"active": "87d255f169a0d690",
"active": "43175014d1650e7c",
"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",
"Coding Tips (Classical)/Project Vault/Current Occupations/Website Projects/hi.shwethajayaraj/Quantum Stuff.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/Tools/Webscraping.md",
"Excalidraw/Drawing 2023-10-16 12.13.42.excalidraw.md",
"Excalidraw",
"Machine Tips (Quantum)/Physics/Optics.md",
"Machine Tips (Quantum)/Physics/Hardware/Laser Cutting.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/Math Software.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",
"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.