October 7

posted Oct 7, 2011, 1:06 PM by Peter Knowles   [ updated Oct 10, 2011, 1:13 PM ]
Yesterday you were supposed to learn a number of CSS terms by downloading a template from Google Docs called "CSS Terms" and fill it out.

If you can do it (or any of it) from memory from the reading you did on Wednesday or yesterday, that's great. See what you can remember on your own, but feel free to use the websites below to complete the sheet. 

After you complete the sheet of terms, share it with Mr. Knowles, and he'll send back a link to an online quiz to check your understanding. 

If you did this yesterday, you should have a link to the quiz in your inbox. Follow that link to take the quiz. You MAY use your own copy of the CSS Terms sheet you created. You may NOT use any other websites or any other resources (including the person sitting beside, behind, or ahead of you).

Once you've finished the quiz, it's time to start trying out CSS for yourself. Here's how:

Phase I
  1. Open up an app from your new screen called iScribe (if you didn't download it a few days ago, you'll need to go to the Chrome Web Store and get it now).
  2. Open a new window and go to Google Docs; create a new Doc From Template. The Template you want is called CSS Practice
  3. Once it opens, copy the entire contents then go to your iScribe window from step 1. 
  4. Make sure you have the correct tool / window open by clicking the icon at the far right of the menubar that looks like a clipboard. It's called "HTML Mode" which you'll see if you hover over it. Click it to get the HTML Mode.
  5. Paste the code you copied in step 3. 
  6. Once it loads, click the green-ish "Writer" icon at the upper left side of your iScribe menubar; You should see the code disappear and instead, it will look like a regular web page instead (it says Title 1, then Title 2, then has a paragraph, and so on).
  7. Click on the HTML Mode button (the clipboard) again, then carefully read the Comment in the code. 
  8. Once you understand the comment (meaning, once you know where to put the CSS code you're about to create) you're ready for Phase II.