Designing Professional Web Pages

If your Web site doesn't project a professional and polished image to your visitors, your credibility and that of your products and services will suffer. Image is everything -- especially online where your competitor is only one mouse click away!

Before your first HTML code is written, you will need to consider your Web site's navigational structure, color scheme and page layout. Is your content developed? If not, who is going to write it?

Once you have done the necessary pre-planning, then the fun part begins -- coding your HTML pages.

Following are some steps to consider when laying out your Web pages:

  • I highly recommend that you try to get your home page to fit on one screen. Ideally, people shouldn't have to scroll down to see what your site has to offer. You may need to make your graphics smaller, but that's okay. Smaller graphics mean a quicker download time.

  • Be sure to check your pages at all the various screen resolutions. Although only a small percentage of users have their monitors set at 640x480, you will want to make sure your site looks good at that resolution. I design my Web pagesat 800x600, which is the average resolution. However, more and more users have their computer monitors set at higher resolutions, such as 1024x728. You will see that your pages will look radically different depending on the resolution. I personally have been horrified at how ugly my "beautiful" pages look on different computer screens.

  • Browsers are another very important consideration. Netscape and Internet Explorer both perform the same function -- display Web pages -- but the way they do so is strikingly different.

    Your code needs to be very clean and pretty much flawlessto display correctly on Netscape. If you miss even one table tag (e.g., you forget to close a tag), you will be mighty surprised when you get nothing but a blank page on Netscape.

    Internet Explorer is much more forgiving. It "assumes" what you meant to do. Netscape, on the other hand, is unassuming. If it doesn't understand your code, it simply will not display it.

    NOTE: An excellent site to check your HTML code for browser compatibility, as well as screen size, is Anybrowser.com at http://www.anybrowser.com/

  • You will no doubt want to employ JavaScript and DHTML on your site because it's both functional and cool. However, those technologies work better on Internet Explorer than they do on Netscape. Many of the scripts that you can grab for free at sites like Dynamic Drive DHTML (http://www.dynamicdrive.com/) and Website Abstraction (http://www.wsabstract.com/) are written exclusively for Internet Explorer, so you will need to be very careful when deciding what to use on your Web site.

    For example, on one of my sites I use a JavaScript to display the date and time. This script is supposed to work on both Internet Explorer and Netscape; however, a couple of days ago I noticed that the year on Netscape was 100 versus 2000. A 1,900 year variance is a pretty significant difference!

  • The titles on all of your Web pages need to be consistent -- not only in font style, size and color but also alignment. Make sure the spacing between the title and the first paragraph is consistent throughout your site. Make sure your spacing is uniform on all pages.

  • If your navigation is dependent on graphics (e.g., image maps, icons, buttons, Java, JavaScript), some of your visitors will have a problem getting around your site if their browser doesn't display graphics, or if they've chosen to turn graphics off on their browser settings for faster surfing. It is extremely important to provide text links in addition to graphic links. All of your users will see your text links, plus text loads faster than graphics.

  • It is an excellent idea to make your logo a clickable link back to your home page from all of the pages of your Web site. Many visitors expect to be able to use the logo to go back home. Don't forget to also include a text link to your home page.

    • These are only a few considerations in designing your Web pages, but they are very important. Don't let your beautiful pages look ugly on your visitor's computer screen.

    If you are like me, you will find these issues among the most challenging aspects of designing professional Web sites.

    About The Author

    Joanne Glasspoole is a Webmaster and freelance Web designer. Visit her Web site for Internet and technology news, insightful articles, and links to excellent Webmaster resources to help you grow your online business. http://www.glasspoole.com

    In The News:

    pen paper and inkwell


    cat break through


    Graphic Design Can Make or Break Your Web Site

    We all want high impact graphics for our Web sites... Read More

    Using Your Personal Website To Clinch That Job!

    With an increasing number of employment portals emerging, it is... Read More

    Transforming A Site From Good To Excellent

    One of the challenges of moving a web site up... Read More

    How To Create A Homepage That Works

    Want to know what the worst thing to say on... Read More

    Design Your Site For Your Customers

    The most important person that you need to please when... Read More

    7 Ways of Building Customers Trust With Your Web Site

    When I purchase something from a web site I first... Read More

    Power of Squeeze Pages for Realtors

    Squeeze pages are a very hot topic in the internet... Read More

    How to Double Your Online Sales Without Spending Another Dime on Advertising

    Learning how to convert visitors to your web site into... Read More

    Building a One-page Website

    You've designed your logo, and you're ready to print your... Read More

    How To Give Your Business Credibility

    Let's face it. Buying products and services from the Internet... Read More

    Low Cost Web Design In Birmingham

    There are many companies who build websites, all of which... Read More

    Be Friendly to Search Engines

    The object of search engines is to give their visitors... Read More

    Web Site Redirection - How to Implement a 301 Redirect

    You just created a new web site but want to... Read More

    Orient Your First-time Web Site Visitor

    Imagine spinning someone around so profoundly and for so long... Read More

    Is a Web Site Builder Right for You?

    A web site builder can be a real life saver... Read More

    Color Psychology in Marketing

    On the internet we don't deal with face to face... Read More

    No Matr How Goud The Infomation...

    Typos, misspellings, hideous grammar, exclamation overkill and run-on sentences all... Read More

    Offshore Web Design and Development - Use Great Opportunities

    Sooner or later every small or medium business owner realizes... Read More

    Are Web Templates Worth It?

    First off, I am a designer. Now you're thinking, here's... Read More

    Web Site Design Mistakes

    Some wise human once said "Learn from the mistakes of... Read More

    Text Is King!

    Are you building your website? If so, STOP! Take a... Read More

    Does Your Homepage Work?

    All websites have a homepage. It is the most important... Read More

    Imitation, The Smartest Form Of Flattery

    Unless you are an inventor, most likely you are selling... Read More

    How to Create A Homepage That Works

    Want to know what the worst thing to say on... Read More

    Using Graphic Design on Your Website

    Almost everything is available on the web? products, services, e-books,... Read More

    The Secrets of The Shriekers

    I am constantly bombarded with all sorts of advertisements, single-page... Read More

    Increase Sales on Your Website! Use Graphics!

    How many times have you clicked on a website only... Read More

    Tried and Tested Tips to Improve Your Website - Part 1

    1. DO NOT use excessive graphics or banner images on... Read More

    Simple Steps To Proper Web Design

    Over the course of the last decade, the Internet has... Read More

    Do Your Website Yourself - 4 Simple Steps to Get Your Dreams on the Web

    Many people hire professional web site designers for as much... Read More

    When You Create A Web Site, Dont Make A Splash!

    Don't make a splash!Are you thinking about using a splash... Read More

    Hiring The Right Webmaster

    The Questions You Should Be Asking ? The Answers You... Read More

    10 Important Web Design Tips: SEO Friendly Website

    A website should firstly be searched out by visitors before... Read More