Assignment 7: Add some CSS
This is where we really begin to dive into CSS. Chapters 3 and 4 are the scope of CSS we are working with in this class, so be sure to refer back to those chapters and my notes.
- First, choose which website you would like to style: either the constitution or your wikipedia article.
- If you choose the wikipedia article, be sure to flesh it out so you have decent content and page lengths to work with. I am not going to check for accuracy – I just want you to have some decent, realistic content to work with.
- You can pretty much dive right in. I didn’t discuss web design strategy or any advanced topics because you should really just play with CSS for a while to get the hang of it. Maybe get creative with the header? Two columns vs. one column? But learn CSS first, make it look good second.
- Use a reset stylesheet. A reset style sheet will completely strip all native browser formatting, so you can truly start from scratch. There are a number of reset style sheets out there with via a google search, or you can use this CSS reset stylesheet. One way to use this is to have two external CSS files and two <link> elements in your <head> section. Be sure to call the reset stylesheet first! Stylesheets and scripts are always read in order.
- Inspiration: The CSS Zen Garden project. Designers from all over the world take the same, single HTML file and apply CSS. This is a great place to see what CSS is capable of and to dissect code, ask me if you are interested.
- Please ask me questions! Feel free to email. I can look over your code and help you fix it. Bring questions to class.