This blog has changed to http://blog.hallofhavoc.com
Please go to this site to get further updates.
Latest Entries »
Here’s a CSS example of using Ems for bulletproof web design. Being able to use Ems for flexible text allows a more precise way of displaying text, similar to using pixels, except that with Ems, they are relative units.
body {
font-size:62.5%; /* gives us a base of 10px */
}
h1 {
font-size:2em; /* 20px */
}
h2 {
font-size:1.8em; /* 18px */
}
p {
font-size:1.2em; /* 12px */
}
p abbr {
font-size:2em; /* 24px since abbr is a child of p */
}
#sidebar {
font-size:1em; /* 10px */
}
So after a bit of thought concerning what colors to use for my homework site, I decided to choose cool colors that complimented each other well, one of which was a light blueish/teal color, a darker, bluish/teal color, and a third gray color. The Pantone to RGB equivalent are shown below.
The box model is quite easy to understand once you get the hang of it. Mainly, the box model describes boxes that are created from elements on a page, whether its an image, a paragraph, list, etc.
Each box has the actual content with optional padding, border, and margins. In your CSS you can specify the properties for each box. As you can see in the image below, it illustrates how the box model shows the various properties of padding, border, and margins of the content area.
Here’s the homework schedule for my MM2203 Intro to Web Design class.
Week 1: Tuesday, July 13, 2010
Homework: Research interesting ideas for your homework page and sketch two examples. Must be paper and pencil. Scan image then use Photoshop to block out content via grids. Print this version and, again using pencil, note navigation, technology, purpose, etc. on this image. Scan and upload to blog. Email me the url.
Create a timeline and/or schedule for your homework assignments and post to your blog.
Over the past couple of days, I’ve had the chance to get some inspiration from various websites. One of the websites that caught my eye was http://www.forestedge.org.au because it features a well-designed layout with a nice big logo. I also like how the navigation is designed except I would like to incorporate a vertical navigation to my homework site instead.
Just got my blog started today for Mrs. Kaitner’s MM2203 Intro to Web Design class. WordPress is actually really nice and easy to use. I don’t usually blog much but hopefully this class will help motivate me to blog much more.
