Week 3 – HTML and CSS

DEMO – CSS Layout

Layout Basics

 

Positioning a Block

 

Styling the Box

 

Tips

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

 

 

Lecture:

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

Advertisements

Leave a comment

Filed under Classes

Comments are closed.