Wednesday, October 18, 2023, 15:00:00 + 5
parent
3fd719372d
commit
7546020e56
|
|
@ -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,10 +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"
|
||||
}
|
||||
],
|
||||
"omittedPaths": [],
|
||||
|
|
|
|||
|
|
@ -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
|
||||
}
|
||||
|
|
@ -128,7 +163,7 @@
|
|||
"state": {
|
||||
"type": "outline",
|
||||
"state": {
|
||||
"file": "Excalidraw/Drawing 2023-10-17 18.01.00.excalidraw.md"
|
||||
"file": "HTML Group Project.md"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -155,8 +190,10 @@
|
|||
"obsidian-excalidraw-plugin:Create new drawing": false
|
||||
}
|
||||
},
|
||||
"active": "dbad7b010371d947",
|
||||
"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",
|
||||
|
|
@ -183,8 +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",
|
||||
"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",
|
||||
|
|
|
|||
|
|
@ -0,0 +1,5 @@
|
|||
|
||||
|
||||
By the end of the group project you must have:
|
||||
|
||||
- A topic (Favorite Animal, Favorite Place, )
|
||||
|
|
@ -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.
|
||||
Loading…
Reference in New Issue