Week 4

Exercise 9: Create a Site for Class Material

Posted in Exercises, Week 4 on October 23rd, 2009 by admin – 8 Comments

Exercise 9 | PDF

In this exercise you will create a site for class material.  It should have your name on it and a section for exercises and assignments.

To turn in this exercise, post the URL as a response to this post.

FTP, Domain Names and Reaching the Masses…

Posted in Week 4 on October 23rd, 2009 by admin – 1 Comment

FTP, Domain Names and Reaching the Masses | PDF

Hosting Providers:

Whois Search

For more information, check out the Internet Corporation for Assigned Names and Numbers, (ICANN) http://www.icann.org/en/faq/

Centering with CSS

Posted in Tips and Tricks, Week 4 on October 21st, 2009 by admin – Be the first to comment

There are several different ways to center elements with CSS.  When you are centering a layout, you generally want to have a ID or class that contains the instructions to center, such as a wrapper.

There is a standard way to center items, that works in most browsers.

#wrapper {width: 800px; margin: 0 auto;}

Now although this will work in most browsers there is of course one “problem child” that does not always display this as center.  If you said Internet Explorer, IE you are correct.  Lucky for us there is an easy workaround that centers even in IE.

body {text-align: center;}

#wrapper {width: 800px; margin:0 auto; text-align: left;}

Exercise 8 : Menu Makeover

Posted in Exercises, Week 4 on October 21st, 2009 by admin – 1 Comment

Download: Exercise 8 pdf | Download: menu.html

Exercise 8 | Menu Makeover

In this exercise we will explore the flexibly of CSS in formatting, typography and design.  We have a menu written in HTML that contains several different tags including IDs, Classes and traditional HTML elements.  The menu is rather plain, because it does not have a style sheet.

Instructions:

Your job is to recreate the menu, by recreating the style sheet.  The only condition is that you cannot change anything on the menu itself, only the style sheet.  To give you a little bit more direction, you may be given an image that should inspire your design. The style sheet is called menustyle.css

You will have 1 hour to create your style sheet and we will be presenting our designs to the class.  You are encouraged to chat with classmates for inspiration and ideas, but of course will do your own work.

  • Download the menu html document
  • Create a style sheet called menustyle.css

Not sure where to start?
Check out the links below, or chat with classmates to share ideas.

Examples


CSS Typography Tools

See an example: Menu | StyleSheet