MPM17A – Exercise #3: CSS 101

Part 1. In groups of 5 to 6, create a web presentation for CSS questions:
– What is CSS and how does it work?
– Through examples, explain how the CSS syntax works
– Through examples, explain the difference between id and class
– Through examples, explain the difference between external style sheet, internal style sheet and inline style, when is it better to use one over the other?
by Kim Sipkens

– Through examples, explain the box model
– Through examples, explain what floating and position do. What is the difference?
– Through examples, explain css grouping/nesting
by Sze Leung (Jeffrey)

– Through examples, explain how to align elements
– Through examples, explain how to build a css navigation bar
– Through examples, explain how to build a css based image gallery
by Kelly Truong

Part 2. Post on your individual blogs a link to a presentation (multimedia based, such as powerpoint) that demonstrates the steps necessary to create a common layout for a website using CSS.
We feel the necessary steps to creating a common layout is following our web presentation. Know the CSS and HTML and design the layout according to your own taste. Since layouts come in various designs, there is no right or wrong way to do a website. If you like certain elements shown in our presentation, simply adjust it to the way you want it to be and insert it into the HTML file. Using a HTML / CSS programmer like Adobe Dreamweaver would be a great tool to design and see the outcome of your HTML simultaneously.

Part 3: Create a CSS liquid layout for your index page

CLICK HERE

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: