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


    The Proper Way to Use Images

    Most people will agree there is nothing more annoying than... Read More

    Copy Editing: 10 Powerful, Mind Blowing Secrets For Writing A High-Impact Ad

    No matter what product or service you're promoting, unless you... Read More

    Top Ten Fonts for Website Design

    The top ten fonts for website design might change in... Read More

    3 Simple Ways To Dramatically Improve Your Website

    Before you start worrying about marketing your website on the... Read More

    Web Design for Ecommerce

    Your website is your tool for showing the online community... Read More

    Web Page Building for Beginners 4

    Page ranking by search engines such as Google are not... Read More

    Why Should You Care About Your Web Site Colors?

    **How Colors are Used in web design:**Demarcates screen elements into... Read More

    Web Designers Beware!

    As a web designer, I have a personal interest in... Read More

    Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 2

    Part one of this article is available at ... Read More

    Adding the Right Keywords to Your Website Content

    You've made your website, added a great title and keywords... Read More

    How To Set Up A Professional Website On Your Own Using Web Templates

    To create professional websites is not an easy task by... Read More

    The Technology May Change, But Human Nature Remains The Same

    Let me repeat that.."The technology may change, but human nature... Read More

    How to Test Your Web Headlines and Web Site Home Page to Sell More Products and Services

    A client asked me, at what point do you change... Read More

    Long Copy Sales Letters on the Web: Hype or Not?

    I have written before about long sales copy on the... Read More

    Why You Should Hire a Professional Website Designer

    Your web site should always adhere to standards!A professional web... Read More

    Top Ten Ways to Use Audio on Your Site

    Audio can provide an added dimension to your site. It... Read More

    How to Hire The Right Web Design Firm

    Regardless whether you manage a small business, charitable organization, or... Read More

    The Monster Garage of eLearning

    Have you seen Jesse James on the... Read More

    Cheap Website Design In Birmingham

    Due to the large number of people offering website design... Read More

    Very Cheap Website Design Services

    Are you looking for somebody to build you a website,... Read More

    10 Ways to Sabotage Your Website Traffic and Send Visitors Packing

    If you're running a website or online business, your number... 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

    Understand Your Color

    Any design on a web application involves the effective input... Read More

    Make Your Web Site User-Friendly

    You can create a website that attracts customers, not repels... Read More

    Website Savvy: 10 Key Steps to Turn Your Customers ON!

    "How to turn "slightly interested" customers into "I've got to... Read More

    Creating a Compelling Headline for Your Private Practice Website

    Your home page is the most important page of your... Read More

    Save Time and Boost Profits with Free Content

    Public domain gives you a head start creating ebooks, ecourses,... Read More

    The Right Trigger Words

    CNN.com's designers have gone out of their way to make... Read More

    How To Improve The Professional Look And Feel Of Your Website

    Projecting a professional image is paramount to your website's success.... Read More

    Make Your Site Quick To Load!

    The time it takes to load your site can make... Read More

    The Key to Getting More Magic Shows Booked Online

    This article is the result of a conversation I had... Read More

    Website Design: Color Me Blue

    Chris, a new consulting client, asked me to help him... Read More

    How to save money on a website

    Know what you wantMake sure you know why you... Read More