Home > Humor, Other, Stupid shit, Tech > The Art of Designing a Web Page – A Primer

The Art of Designing a Web Page – A Primer

Let me start with a disclaimer: While I know html and css and can do simple java scripts, my design gene is sorely lacking. Paired with a good graphics person and as a team, we’re golden. On my own, it will look as if an IT geek did it.

So this morning, a tweep of mine (the lovely @uberdorkgirlie) pointed out this site to the twitterverse. *Note: If you are subject to seizures due to garish colors and painfully cheesy music, please do NOT click on the link*

All you have to do is the opposite of that site and you will have a successful web page. In all seriousness, follow these simple rules:

  1. Keep it simple
  2. Add SOME graphics judiciously to entice the reader
  3. Determine “buckets” which you will use as top level navigation categories (e.g. “About Us”, “Contact Us”, “Our Services”. etc.)
  4. No page counters – sign up for a free Google Analytics account and embed the js code at the end of your file.
  6. Title your pages appropriately
  8. Keep a consistent structure
  9. Use breadcrumb navigation
  10. Don’t use busy backgrounds on your pages
  11. Use the free tools available to you on the web to improve your website

One of these tools is Google maps. It allows you to place, in your web page, and actual map linked back to Google to help customers/friends/ne’er-do-wells to your location. Here it is in action for my place of employment:

And here is the map from Yvette’s Bridal web site. Wow. I mean, just wow.

I'm speechless

Categories: Humor, Other, Stupid shit, Tech
  1. Jim
    February 3, 2010 at 1:35 pm

    Excuse me, Mr. Geek, but what is breadcrumb navigation?

    • Ody
      February 3, 2010 at 2:03 pm

      It’s the part at the top of the web page that looks like this: “Main Page>section a>topic a> page b.” There’s one at the top of this page right now, under the banner.

  2. Erika Ruth
    February 3, 2010 at 2:00 pm

    I can not handle her website. I closed after it opened. Gave it maybe 3 seconds until I wanted to kill myself.

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: