Hi, this blog has been upgraded, but I'm leaving the old pages online until the search engines catch up. If you want to join the discussion, this may be the page you're looking for on the new site.

Day ? - Site Design


by Matty filed under blog on March 23, 2006 11:50 PM

It's late, so I'm not really sure which day to count this as, but we are out of the design stage, and I've started developing the front page. It's still pretty rough, but it's starting to take shape.



Itís time to actually start roughing in the page design. Here is a list of my standard tools.

  • Notepad (text editor)
  • Photoshop (graphics)
  • Visibone
  • sketches of the ideas
  • the Internet
  • pad and paper

I started off the design by hitting the Internet to see if I could find any base templates, that were close to what I wanted to do. Namely, a three column layout with a fixed column on each side, and a center area that dynamically resizes that spans the height of the page. I google, and locate this site, which has some great info. There are a number of elements that arenít quite right, but the main philosphy works for my design.

I highly recommend starting with a base whenever possible. Each web browser renders HTML a little differently. Right now, most of the folks that visit this site use Internet Explorer, which unfortunately is the most un-compliant browser, and often requires tricks and hacks to get it to display information similar to other browsers. By having a sample to start from, you can focus on getting your design started.

From here, I started to tweak the code and graphics. I still havenít decided on the color scheme, so I am using temp graphics for now. At this point, Iím much more concerned with the structure of the page, and figuring out how everything lays out. Iíve tested in Internet Explorer and Firefox tonight, at 800 x 600 and 1024 x 768. There are still some issues, and my code isnít validating yet, but Iím confident that weíll get there.

I've also placed colored outlines around the different key components. Each of these outlines represent an important div or container that holds something. I usually keep these outlined until I am happy with the placement. It just makes them easier to keep track of.

Next on my list is to format the text, based on the sketches.

# # #

read comments

Hi, this blog has been upgraded, but I'm leaving the old pages online until the search engines catch up. If you want to join the discussion, this may be the page you're looking for on the new site.

Posted by: Rachel on March 24, 2006 08:11 AM

Good tip to color your sections for easier updating. Look at me lurnin'.
Looking forward to Day ? + 1.
-Rachel


Posted by: rachel on March 26, 2006 08:59 PM

Looking good!
-R


Posted by: jen on March 26, 2006 11:28 PM

Power to NOTEPAD!!!!


leave a comment

Add your deepest thoughts to the Internet.








Remember personal info?






toys are good food

This site contains a collection of posts on a wide variety of topics including knitting, pez, recipes, toys, food --and anything else that we can think up.
spacer

browse