Webmaster Papers








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

    RELATED ARTICLES

    The Secrets of The Shriekers
    I am constantly bombarded with all sorts of advertisements, single-page sites, and sites offering very little real content but some wonderful new "product" or "service" for sale that purports to make its customers wealthy beyond their wildest dreams.
    Best Web Design And Free Web Promotion Tips
    This article gives free tips on how to find a cheap web designer and free tips on website promotion.
    Create Favorite Icon
    Favorite icon appears to the left of your link in either address bar or in favorites menu of your browser. It gives your website more personality, better visibility in favorites menu and is easy to create.
    Affordable Website Design In Manchester
    If you have a business, big or small you may be thinking of getting yourself a website.
    The Newbie?s Guide to Small Business Web Design
    You've got a concept for a business, are excited about putting it out on the Internet, know a little bit about computers and the Internet, but know nothing about building a web site, or web design.
    Reach Out To Billions
    Have you heard of 'Babel Fish'?
    How To Get A Pay Raise From Your Web Site
    How many of the visitors to your web site take the action you want them to take? Whether you want them to buy something from you, sign up for your newsletter, enter your sweepstakes, or give you contact information to follow up on, you want them to do something. The percentage of visitors who actually do that something is called your "conversion rate."
    Save Thousands of Dollars by Creating Your Own Web Site
    With the advent of the Internet a whole new vista of business has opened up. Many erstwhile opportunities otherwise not available to us, many markets which were previously inaccessible are accessible to us now. We can transact with anyone anywhere across the world sitting in the comfort of our home.
    Flash - To Use Or Not To Use?
    Out there in the WWW there are thousands sites using flash for their needs. But the majority sites are not in this list. Let's summaries some facts about flash using on YOUR web site and after that it's you who will have to decide: to use or not to use. There are some facts about Macromedia Flash Technology:
    How To Rescue Your Graphic Design Project When All Else Fails
    Whether you're giving a critical sales presentation to a client, producing visuals for a meeting, event, trade show or seminar, or unveiling the new company logo before an audience of shareholders, top-notch graphics will help ensure that you, your products, and your message receive the attention they deserve.
    Ten Design Mistakes to Avoid
    Avoid these mistakes and your site will be steps ahead of your competition.
    How to Choose a Website Design Company
    The internet is full of web design companies pleading for your business. They all look great! Not sure which company to select? By following these simple steps, you'll be able to select the perfect designer for your business.
    So You?re Hiring a Web Designer?You Have the Right to Demand these 7 Perks
    Whether you're hiring a designer who has created 10 sites or 1000 sites for other businesses, there are 10 things every website should do for you.
    Simple Steps To Proper Web Design
    Over the course of the last decade, the Internet has grown beyond all expectations. Each and everyday there is a new website that is being developed. The biggest challenge a new website will face is getting viewers to stay on their site long enough and to attain high search results with search engines.
    10 Nifty Ways to Prolong Your Visitors at Your Website
    Increasing the length of time a visitor is on your website will dramatically improve your conversion to sales. Use these ten points to check you are prolonging to stay of your visitors.
    Differences between XP Icons and MAC Icons
    The icons in an application are the soul of the application; they give it the modern and dynamic look the application has. Also, if the icons are intuitive ? the end user will easily remember the task behind the icon ? easy to memorize then the end users will definitely choose the respective application against one with clogged and strange icons. Icon designers are trying their best to make their creation as intuitive as possible so to make it easier for the end users to work with the applications.
    Lead Capture Pages Explode Your Direct Sales Business Online!
    Are you building a direct sales or mlm business online? Using lead capture pages can significantly improve your recruiting results and save you lots of time and money! I have known a few people who earned 5-figure monthly incomes in their mlm businesses and they used lead capture pages for Internet marketing.
    When Good Computers Go Bad
    Remember the day that you got your new computer (or the hand-me down from Uncle Larry) and you pulled that shiny case out of the box? Once you finally had all of the cables properly mangled into an unmanageable ball, you powered on, the screen lit up and off you went. The PC was fast, programs loaded in the blink of an eye, and Internet surfing was a breeze. Those were the days.
    How To Boost Your Sales Dramatically Using Dynamic Back-end Strategies
    Getting a customer is not easy.
    Banner Enchancement - Designing Your Banner
    A well designed web site is great to have, but what if no one ever comes to it? Most web sites either rely on advertising, or have used advertising at some point in their existence, to get people to come to view the site. This means that your going to have to have not only a well designed web site but also well designed banners to attract your visitors.