Week 3 – HTML and CSS

DEMO – CSS Layout

Layout Basics


Positioning a Block


Styling the Box



  • If you add the overflow:hidden property to the containing CSS div element in CSS–the background color will stretch to include floated elements.
  • If you add margin:0px to the header(h1, h2 ect.) and body elements in CSS you will get rid of extra space between elements.




DEMO – Introduction to Photoshop

Follow these tutorials from Adobe TV.

Photoshop basics

DEMO – Creating and Inserting Background Images

Follow these tutorials from me and Adobe TV.


DEMO – Creating a background image


Adding shapes, lines and patterns


Saving the image for the web


Inserting backgrounds into CSS

Leave a comment

Filed under Classes

Comments are closed.