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 inplay.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.