Flexible Text Using Ems

To dodge a bullet with sizing problems on IE5/WIN, you can use ems as your solution. Be sure that your font-size on your body tag in your css is set to 62.5%. This is so it will make it easier to work with ems. After this is set, 1 em should equal 10px.

code ex:

body { font-size: 62.5%
} /* base font is set for 10px */

h1 {font-size: 2em;
} /*20 px*/

h2 {font-size: 1.8em;
} /*18 px*/

p {font-size: 1.2em;
} /*12 px*/

Pantone to RGB Converted Colors

I'm trying out a few things before I prepare for my homework site. Choosing my pantone is a tough decision. I was thinking of going green since it's my favorite color, but I don't want to get stuck with earthy colors. I'm thinking of going with blue and play around with the shades of gray. I might decide to go with a bluish green.

Here's an example:

Design Ideas and Skethes for Homework Site

My Class Schedule/Timeline

This is my outline for Intro. to Web Design.





Week 1: Lecture: Back-to-basics: HTML, XHTML, DHTML, CSS
Lab: Creating web layouts, create blog  
Homework: Design web layout

Week 2: Lecture: Process, design & color schemes. Elements of design. Flexible text: setting a base font  
Lab: convert pantone colors to rgb, block out code
Homework: Create box model tutorial. 

Week 3: Lecture: Web standards - accessibility and usability
Lab: Creating scalable navigation
Homework: Converting tables to divs - separating content from style.  

Week 4: Lecture: Visual hierarchy. Pantone color vs. Web colors. 
Lab: Creating a template using Dreamweaver. 
Homework: Read Chapter 4 "Creative Floating" of Bulletproof Web Design, do the exercise, and toggle the float direction (page 102). Post link to blog.

Week 5: Lecture: Stylesheets: Using stylesheets to make your site more flexible. Print, smartphones css.
Lab: Dreamweaver Commands and Behaviors.  [Midterm] in class quiz
Homework: Read chapters 5 and 6 of the book and create a page using elements of both.

Week 6: Lecture: Fluid and Elastic Layouts 
Lab: Creating a web page and linking to an external stylesheet using Dreamweaver. 
Homework: Create a possible portfolio home page using chapter 9 "Putting It All Together" as a source.

Week 7: Lecture: Field trip
Lab: Map navigation and signage. Blog your answers to website questions.  
Homework: Continue work on possible portfolio page, chapter 9. Blog its target audience and design objective.

Week 8: Lecture: CSS Zen Garden (final project). Design list. Testing your site.
Lab: Lab time to begin work on your final project
Homework: Create wireframe of final project and post to blog.

Week 9: Lecture: Animation
Lab: Critiques and examination of project so far
Homework: Work on final project. Blog how you are creating your project to stand out from all the other submissions.

Week 10: Lecture: Documenting your project.
Lab: html 5 introduction and discussion
Homework: Create a blog posting that is a sample of a possible process page for your final project. Include screenshots and images.

Week 11: Lecture: [Final Quiz.]
Lab: Presentations and critique.
Homework: None.

Hello!

This is my first post. Making sure that everything works properly; dipping my feet into the water. I haven't done much blogging before, but I'm here to try it out! Stay alert for my upcoming posts.