webdesign articles


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


    MORE RESOURCES:

    Indiana Web Design Company Radically Changes Approach to Web Development
    DigitalJournal.com (press release)
    Steve Schmidt, President and Web Strategist of the Indiana web design agency cites, “There are two main problems with Web design companies: 1.) They quickly jump into execution mode without fully considering what suits clients best in terms of their ...

    and more »


    EQuicknews

    Web Design Tips
    EQuicknews
    Launching а website іs bоth exciting аnd potentially rewarding. A wеll planned site can have а positive effect оn уour business, wіth online sales bucking thе trend in an othеrwisе downbeat economy. Creating a website can аlѕо bе a daunting task, ...

    and more »


    HigherVisibility Named Eleventh Best Web Design Company by topseos.com for ...
    Press Media Wire
    The independent authority on Search vendors, topseos.com, has named HigherVisibility the eleventh best web design company in the online marketing industry for the month of February 2012. Their position in the rankings of top web design companies is ...

    and more »


    Crumpler C List Celebrity Backpack Reviewed by Intown Web Design
    PR Web (press release)
    Intown Web Design review of Crumpler C List Celebrity Backpack acknowledged the backpacks design and functionality. These backpacks by Crumpler were noted as some of the best backpacks for photographers. Overall, these backpacks were exactly what I was ...

    and more »


    Algonquin Studios Shares Thought Leadership Reports on Web Design, SEO ...
    DigitalJournal.com (press release)
    These are people who have started successful businesses, built enterprise-level software systems, and work hard to actively keep abreast of changes and advancements in technology, software development, web design, and online marketing,” says ...



    Positive Web Design Utilises Brand New Wireframes For Clients
    PR Web (press release)
    The team at Positive Web Design has announced that they will be creating pre-designed wireframes and templates in order to speed up the development process for new clients. Positive Web Design, a web design and development firm well-known for its ...

    and more »


    Why I treat IE6 like a Nokia 3210
    ZDNet UK (blog)
    Webolutionary Ethan Marcotte, the chap who brung us Responsive Web Design Big Time, does battle with IE6 in his canonical classic Responsive Web Design. Essentially, IE6 doesn't support the max-width property and flexible images (pp49). The solution?



    5 Top Trends in Web Design for 2012
    Caribbean Media Vision
    In the world of web design, what is considered to be up to the minute and trendy can quickly become outdated and old fashioned in just a short amount of time. It is important for anyone with a website to stay up to date with their web designs and make ...

    and more »


    SEO.in Named Fourth Best Android Development Company by bestwebdesignagencies ...
    Press Media Wire
    The independent authority on web design and development, bestwebdesignagencies.com, has released their list of the best Android development companies for the month of February 2012. SEO.in has been named the fourth best Android development company ...



    Positive Web Design Now Able To Build Websites In Variety Of Programmes
    PR Web (press release)
    Positive Web Design has recently adjusted its design procedures and is now in a position to offer clients websites built in a huge variety of programmes. Positive Web Design, a website design and development company based in Chelmsford, Essex, ...

    and more »

    Google News

    home | site map
    Webdesign-box © 2006