2023-11-15 19:04:00 +00:00
|
|
|
|
|
2023-11-15 20:18:32 +00:00
|
|
|
|
# Web Design with Shway !
|
|
|
|
|
|
Welcome back. 😁
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
|
|
|
2023-11-15 19:04:00 +00:00
|
|
|
|
|
2023-11-15 19:14:45 +00:00
|
|
|
|
---
|
2023-11-15 19:04:00 +00:00
|
|
|
|
## STEP 1: Open up a google doc, images & background color.
|
|
|
|
|
|
|
|
|
|
|
|
[https://html.onlineviewer.net/](https://html.onlineviewer.net/)
|
|
|
|
|
|
|
|
|
|
|
|
|
2023-11-15 19:09:22 +00:00
|
|
|
|
```html
|
|
|
|
|
|
<!DOCTYPE html>
|
2023-11-15 19:04:00 +00:00
|
|
|
|
|
|
|
|
|
|
<html>
|
2023-11-15 19:09:22 +00:00
|
|
|
|
<body>
|
|
|
|
|
|
<body style= “background-color:red”>
|
|
|
|
|
|
<h1> Blah balah </h1>
|
2023-11-15 19:04:00 +00:00
|
|
|
|
|
2023-11-15 19:09:22 +00:00
|
|
|
|
</body>
|
2023-11-15 19:04:00 +00:00
|
|
|
|
|
2023-11-15 19:09:22 +00:00
|
|
|
|
</html>
|
2023-11-15 19:04:00 +00:00
|
|
|
|
|
|
|
|
|
|
|
2023-11-15 19:09:22 +00:00
|
|
|
|
```
|
2023-11-15 19:04:00 +00:00
|
|
|
|
|
|
|
|
|
|
|
2023-11-15 19:09:22 +00:00
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
|
|
### STEP 2: Adding tables & embedding games + videos!
|
2023-11-15 19:04:00 +00:00
|
|
|
|
|
2023-11-15 19:09:22 +00:00
|
|
|
|
We have all heard about Scratch? Played games last week?
|
|
|
|
|
|
Let's play geometry dash --> [Geometry Dash ](https://scratch.mit.edu/projects/835488610/)
|
|
|
|
|
|
|
2023-11-15 19:14:45 +00:00
|
|
|
|
But **On our website!** :D
|
|
|
|
|
|
|
|
|
|
|
|
*Add your own games here*
|
2023-11-15 19:09:22 +00:00
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<body style= “background-color:red”>
|
2023-11-15 19:04:00 +00:00
|
|
|
|
<h1> Blah balah </h1>
|
2023-11-15 19:09:22 +00:00
|
|
|
|
<p> Lorem ipsum about random stuff that interests me. </p>
|
2023-11-15 19:04:00 +00:00
|
|
|
|
|
2023-11-15 19:09:22 +00:00
|
|
|
|
<h2> Geometry Dash Blah </h2>
|
|
|
|
|
|
<iframe src="https://scratch.mit.edu/projects/835488610/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
|
2023-11-15 19:04:00 +00:00
|
|
|
|
|
2023-11-15 19:09:22 +00:00
|
|
|
|
</body>
|
2023-11-15 19:04:00 +00:00
|
|
|
|
|
|
|
|
|
|
</html>
|
2023-11-15 19:09:22 +00:00
|
|
|
|
```
|
2023-11-15 19:04:00 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2023-11-15 19:09:22 +00:00
|
|
|
|
---
|
2023-11-15 19:04:00 +00:00
|
|
|
|
|
|
|
|
|
|
|
2023-11-15 19:09:22 +00:00
|
|
|
|
### STEP 3: Publishing the website & additional CSS.
|
|
|
|
|
|
|
|
|
|
|
|
[https://neocities.org/browse](https://neocities.org/browse)**
|
|
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
|
|
### Step 4: Additional Tips
|
2023-11-15 19:04:00 +00:00
|
|
|
|
|
2023-11-15 19:09:22 +00:00
|
|
|
|
* Go to [https://html-online.com/editor/](https://html-online.com/editor/) to learn about adding tables.
|
