Class recap

In the last class, we learned how to find our way around the file structure of this website and some fundamental skills of editing HTML pages. Now we're actually going to make some stuff!

Exercise 1 -- Anatomy of an HTML document

  • [X] Find the example called basic-page.html and open it the Glitch code editor and a browser window
  • [X] Read the comments in the HTML
  • [X] Discuss! Try some stuff! Add images, change words

Exercise 2 - What is CSS?

  • [X] Find the example called css.html and open it the Glitch code editor and a browser window
  • [X] Read the instructions on the page.
  • [X] Discuss! Try some stuff!

Exercise 3 -- Cast some magic spells with Javascript

  • [X] Find the example called play.html and open it the Glitch code editor and a browser window.
  • [X] Do the same with the exercise for this class -- no-fun.html
  • [X] Figure out what's different between the two versions and try to fix no-fun so you can do the same thing that you can in play.html

Exercise 4 -- Make your own HTML and paste THAT in

We're going to use the Simple Pagebuilder app to generate HTML that you can then just copy in to your site

Extra Credit -- Check out the other examples

There's a whole bunch of them, so dig in.