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

 

  • Many layers, many tools
  • Weebly to make & share on
  • CodePen to understand & experiment
  • Emmet.io shortcuts to use on CodePen

Weebly.com Setup

  1. Create a Weebly account for the Free plan.
  2. Create a URL to site
  3. 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

   

Thank
You
and...