Updated: Wednesday, November 01,2023-11-01 13:29:17
parent
e7702d37e0
commit
b01cfa1d12
|
@ -14,6 +14,15 @@ Welcome back to Developer land. So far we have learned:
|
||||||
Today we are going to start programming in CSS! This makes your website **PRETTY**!
|
Today we are going to start programming in CSS! This makes your website **PRETTY**!
|
||||||
|
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# Group Projects time for 25 minutes
|
||||||
|
|
||||||
|
Let me know if you'd like help with your website.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -28,15 +37,6 @@ Today we are going to start programming in CSS! This makes your website **PRETTY
|
||||||
- CSS - the decorations, here we can add fancy decorations
|
- CSS - the decorations, here we can add fancy decorations
|
||||||
- Javascript - animations can be added here, game-making, scripting, etc..
|
- Javascript - animations can be added here, game-making, scripting, etc..
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
# Group Projects time for 25 minutes
|
|
||||||
|
|
||||||
Let me know if you'd like help with your website.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Step 1. Let's go to [neocities.org ](https://neocities.org/)
|
## Step 1. Let's go to [neocities.org ](https://neocities.org/)
|
||||||
|
@ -50,21 +50,17 @@ You'll see a lot of interesting website examples here.
|
||||||
|
|
||||||
## Step 2. CSS Building blocks
|
## Step 2. CSS Building blocks
|
||||||
|
|
||||||
|
CSS stands for *Cascading Style Sheets*.
|
||||||
|
|
||||||
Making the structure
|
CSS files are for creating **rules** for the standard designs of every webpage on your website.
|
||||||
|
|
||||||
There are 3 parts that tie into basic HTML structure. Think of these as the “building blocks” of a web page:
|
Think of a page like youtube or instagram. All the fonts, designs are kept the same on each part of the site. This is what CSS helps do! It gives decorative **rules** for the developer to choose from.
|
||||||
|
|
||||||
1. HTML version declaration
|
|
||||||
2. Heading(s)
|
|
||||||
3. Body
|
|
||||||
|
|
||||||
Let's start with #1.
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
### 1. HTML version declaration
|
### Step 3. Javascript Building Blocks
|
||||||
Every website starts with this line of code for HTML
|
Every website typically ties in both HTML and CSS with a bit of
|
||||||
|
|
||||||
Start by typing this line in your program
|
Start by typing this line in your program
|
||||||
```html
|
```html
|
||||||
|
|
Loading…
Reference in New Issue