Week 2

Zen and the Art of Font –Family

Posted in Tips and Tricks, Week 2, Week 3 on October 9th, 2009 by admin – Be the first to comment

When you are writing a font-family that has space between the words, it must be in quotes.  The type of quotes you use will depend on how you are applying the style.

In-Line

<p style=”font-family:’Times New  Roman’;”>

Note: When we do this in an in-line style, we use a single quote.

Internal or External

h2{font-family:”Times New  Roman”}

Note: When we do this in an internal or external style, we use a double quote.

Need a little font humor?  Check out Font Conference from College Humor.

Exercise 4: Fun with CSS

Posted in Exercises, Week 2, Week 3 on October 9th, 2009 by admin – Be the first to comment

Exercise 4

Text from exercise:

Lorem ipsum dolor sit amet
By Fido Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mi sem, adipiscing a pharetra nec, consectetur non velit. Pellentesque lorem lacus, venenatis ut auctor a, scelerisque pulvinar ipsum. This line is really important. Morbi ultrices feugiat condimentum. Vivamus ac dolor urna.

Sunshine, Puppies and CSS…

Posted in Week 2, Week 3 on October 9th, 2009 by admin – Be the first to comment

Sunshine, Puppies and CSS… ( pdf )

CSS Properties
http://www.htmldog.com/reference/cssproperties/

Simple CSS: Removing the Underline from Links
http://www.wpdfd.com/issues/85/simple_css_removing_the_underline_from_links/

CSS Typeset
http://csstypeset.com/

CSS Elements
http://www.w3schools.com/css/css_examples.asp

CSS Zen Garden
http://www.csszengarden.com/

CSS Properties

http://www.htmldog.com/reference/cssproperties/

Simple CSS: Removing the Underline from Links

http://www.wpdfd.com/issues/85/simple_css_removing_the_underline_from_links/

CSS Typeset

http://csstypeset.com/

CSS Elements

http://www.w3schools.com/css/css_examples.asp

CSS Zen Garden

http://www.csszengarden.com/

Tables in Web Design

Posted in Week 2 on October 7th, 2009 by admin – Be the first to comment

Lecture from today: Tables in Web Design (ppt)

Week 2: CSS Reading

Posted in Reading, Week 2 on October 6th, 2009 by admin – Be the first to comment

We will be starting CSS on Friday.  Please make sure to read the following:

HTML, XHTML & CSS (Textbook)

  • Chapter 7  Style Sheet Building Blocks p.119
  • Chapter 8  Working with Style Sheet Files p. 127
  • Chapter 9  Defining Selectors p. 137
  • Chapter 10  Formatting with Styles p. 151

Yeah, I know it seems like a lot, but it is very important that you read these chapters.

Exercise 3: House of Cupcakes

Posted in Exercises, Week 2 on October 6th, 2009 by admin – Be the first to comment

Using the two pictures provided, build the web page below.  The web page uses tables to provide the layout.  If you want more of a challenge, redesign this page just be exercise3sure to use a table for layout. Click on the image for a larger view.

The following images were used in this exercise:

Week 2: There is a surprise quiz on Wednesday

Posted in Week 2 on October 2nd, 2009 by admin – Be the first to comment

There will be a surprise quiz on Wednesday

You need to know from memory &  hand coding the following:

  • Basic HTML Document
  • Formatting Font
  • Links
  • List
  • Image
  • Table