Comm 328 Responsive Web Design

Week 2


CSS Basics

Smooth Scrolling with JavaScript

TextMate Manual (class exercise)


Read for week 3:


Mark up the Simmons Academics page with basic HTML and CSS. You can download all of the files here:

Start with looking at the content and thinking about how it should be structured with HTML. Think about what parts of the page should have similar structures.

Once you've completed the HTML markup, create an external style sheet and work on styling the document. Start with styling the typefaces and colors. Use the included simmons-academics.png screenshot as a reference for how the page should look. You will need to make use of class selectors to make this work. Don't forget to use either a reset stylesheet or normalize.css

You can use the DigitalColor Meter application on all Macs to get the exact colors. It's located in /Applications/Utilities/ on the computers (you can also do a Spotlight search). You do not need to worry about getting the exact typeface, just one that is close in style.

At this point, do not worry about the actual page layout. Focus on the colors and styles. Try to get as much of the page done as possible.