Lessons

Basic CSS Cheat Sheet

Posted on by Peter in Lessons | Leave a comment

To follow on from my HTML quick reference, I have come up with a CSS cheat sheet / quick reference.  It is intended for beginners learning CSS and uses the 2.1 standards.  For the sake of simplicity it refers to Internal Style Sheets as I find this to be the easiest way for students to grasp the concepts of selectors and declarations within their HTML document. Enjoy and all comments are welcome. Basic CSS Cheat Sheet (PDF)


Basic HTML Cheat Sheet

Posted on by Peter in Lessons | 5 Comments

I’ve seen lots of good HTML tag lists, cheat sheets, and quick guides out there but there do not seem to be many basic ones.  I wanted to create a quick reference to HTML for beginners and volia, the attached cheat sheet was born. This reference uses the xHTML 1.0 strict rule set. Enjoy. Basic HTML Cheat Sheet PDF


CSS Lesson 3 for Junior High

Posted on by Peter in Lessons | Leave a comment

In CSS Lesson 3 we covered: Introduction to Internal Style Sheets Anatomy of an Internal Style Sheet The role of the selector CSS Lego exercise Download CSS Lesson 3 (PDF)


CSS Lesson 2 for Junior High

Posted on by Peter in Lessons | Leave a comment

In CSS Lesson 2 we covered: Anatomy of inline CSS Introduction to divisions <div> The importance of <div>’s and their use in CSS Simple styles: color, background-color, text-align, font-size, margins, padding Download CSS Lesson 2 (PDF)


CSS Lesson 1 for Junior High

Posted on by Peter in Lessons | Leave a comment

Following on from the HTML lessons we learned the basics of presentation for the web with Cascading Style Sheets. In lesson 1 we covered: What are cascading style sheets (CSS) How CSS makes web content look good The 3 types of CSS Basic Inline CSS example Download CSS Lesson 1 (PDF)