The Web
Is Everywhere
- In our pockets
- In game consoles
- In our cars
- In our faces
- Where will it be next?
What is Code?
-
Layers, upon Layers
- "Ogres Have Layers"
- HTML is Content layer
- CSS is Presentation layer
- Speaking the language of the Web Browser
Tools
Weebly.com Setup
- Create a Weebly account for the Free plan.
- Create a URL to site
- Choose a theme
Text Content
- paragraphs
- numbered lists
- bulleted lists
- text links
Text Stlying
- font
- color
- size
- styling
Image Content
- Weebly (local)
- From Internet (remote)
- YouTube (video images)
Image Styling
- border-style
- border-color
- border-size
- border-radius
- box-shadow
"Spacing"
- Dividers
- Images
- Text
Space Styling
- width
- height
- margin
- padding
Why learn to code? Make it with Weebly.
So Much More
- Animations
- Games
- Vector Graphics
- Apps
- and so much more
Additional References
- Lynda.com via SCLD
- Khan Academy intro HTML & CSS
- CodePen.io an HTML, CSS, & JavaScript playground
- The Code Player are video style walkthroughs
Thank
You
and...
Come Code
By Manikoth
