Web Development

  Homes arrow Web Development arrow Designing Professional Web Pages
 Webmaster Tools
Base64 Encoding 
Browser Settings 
CSS Coder 
CSS Navigation Menu 
Datetime Converter 
DHTML Tooltip 
Dig Utility 
DNS Utility 
Dropdown Menu 
Fetch Content 
Fetch Header 
Floating Layer 
htaccess Generator 
HTML Encoder 
HTML Entities 
IP Convert 
Meta Tags 
Password Encryption
Password Strength
Pattern Extractor 
Ping Utility 
Pop-Up Window 
Regex Extractor 
Regex Match 
Scrollbar Color 
Source Viewer 
Syntax Highlighting 
URL Encoding 
Web Safe Colors 
Forums Sitemap 
Weekly Newsletter
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Contact Us 
Site Map 
Privacy Policy 
  >>> SIGN UP!  
  Lost Password? 

Designing Professional Web Pages
By: Developer Shed
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating:  stars stars stars stars stars / 0

    Table of Contents:

    Rate this Article: Poor Best 
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article




    Designing Professional Web Pages
    by Joanne Glasspoole

    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 preplanning, 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 pages at 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 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 flawless to display correctly on Netscape. If you miss even one table 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 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 www.dynamicdrive.com and 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.

    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. 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 an accomplished web designer who specializes in developing search engine friendly web sites. Her clients include small businesses and nonprofit organizations in Minneapolis/St. Paul. www.glasspoole.com

    Copyright © Joanne Glasspoole. All rights reserved.

    DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

    More Web Development Articles
    More By Developer Shed



    - On Page SEO for New Domains
    - Improve Your Site`s Speed
    - Safari Books Online Review
    - Creating an Estore From the Ground Up
    - Most Common SEO Mistakes Developers Make
    - Making the Most of Your Titles and Meta Desc...
    - Five Ways Using Flash Can Damage Your Site
    - A Web Designer`s Guide to Colors
    - Use Webstarts to Create a Free Site
    - More Than Just Looks. How Your Web Design C...
    - How to Design Content Pages
    - Mint Review
    - Make Your WordPress Website Look Professional
    - How to Create a Mobile Web Site
    - Meta Tags: Still Useful?

    Developer Shed Affiliates


    © 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap