Top Web Hosting Reviews
Top Web Hosting Provider of The Month:
Top Web Hosting
Visit Bluehost.com | Read Bluehost Review

>> Web Hosting Geeks // Web Hosting Articles // Web Design  


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:

    Corpus Christi Web Design Now Available! – WebDesignRush.com Is Live!
    BigNews.biz (press release), MA - 20 hours ago
    We’re catering to small businesses in Corpus Christi and surrounding areas to bring affordable web design to small businesses. Web Design In Corpus Christi, ...
    Corpus Christ’s Own WebDesignRush.com Brings Web 2.0 To Coastal ... BigNews.biz (press release)
    all 4 news articles


    Web design & FOSS
    ZDNet UK, UK - 12 hours ago
    Having just moved house, I had the interesting experience of being without a telephone handset. And my current mobile provider 3 [% coverage] can't always ...


    Web 2.0 principles for good web design
    Bizcommunity.com, South Africa - 11 hours ago
    Web design can be deceptively difficult, as it involves achieving a design that is both usable and pleasing, delivers information and builds brand, ...


    Mercy student 'wow's' in web design contest
    Mirror, MI - Nov 30, 2008
    Mercy High School Junior Michelle McCarthy was awarded first place in the 2008 Michigan Council Women in Technology Foundation web contest held at Lawrence ...


    Three day Web design Conference will be held in Boston December 8 ...
    PR-Inside.com (Pressemitteilung), Austria - 6 hours ago
    2008-12-01 15:45:33 - December 8-10, 2008 - a tremendous event in the field of Web design and technologies will take place at Westin Copley Place in Boston. ...


    SEO and Web Design are "Recession Proof"
    About - News & Issues, NY - Nov 28, 2008
    Silicon Alley Insider -- a group blog focused on the New York startup scene -- published a post today titled Recession Winners: Web Designers, SEO. ...


    David Cosgrove Los Angeles Web Design Wins Top Honors in Business ...
    Press Release 365 (press release), FL - Nov 27, 2008
    SIMSBURY, CT -- David Cosgrove Los Angeles Web Design has been recognized by StartupNation (http://www.startupnation.com) as one of the top businesses in ...


    Web design 'must be browser-friendly'
    One Stop Click, UK - Nov 28, 2008
    Retail businesses employing e-commerce solutions should ensure their web design allows their pages work on different types of internet browser, ...


    web design
    TheStorygroup.com, GA - Nov 27, 2008
    The Web's Leading Experts Have Assembled All the web design Information You Will Ever Need. Come check it out. Search for web design and more and get ...


    Low Cost Web Design And Ecommerce Solutions For All Your Business ...
    PRLog.Org (press release), Romania - Nov 29, 2008
    PRLog (Press Release) – Nov 29, 2008 – Dallas, Texas - Finding a low cost solution for your web design needs can be a daunting task. ...

    Web-Design - Google News





     
     
     

    © 2004 - 2008 "Web Hosting Geeks" | Web Hosting Reviews | Customer Reviews | RealMetrics Reviews | Hosting Articles | Directory | Partners | Contacts
    Over 7000 articles: web hosting, web development, domain names, ecommerce, web design, site promotion, ppc advertising, seo, site promotion and many others.
    Web hosting reviews, ratings and awards are not based on any incentives or commissions. Names and trademarks are the properties of their respective owners.
    A direct link to Web Hosting Geeks (http://webhostinggeeks.com) must be provided in order to use any of the above information. Contact us for more info.

    Partners: Hosts by speed, Cheap Website Hosting, Free Website Hosting, Cheap Web Hosting, Top 10 Web Hosts, Top 10 Web Hosting Deals, Best Website Hosting, Free Web Hosting, Free Web Hosting, Dedicated Server Hosting, Adult Web Hosting, Web Hosting Discussions, Dedicated Server Reviews, Best Web Hosting, Web Hosting Discounts, HostProfessor.com, rsuog, halyava, PHP Website Hosting Services, Web Hosting Reviews, Hosting Uptime, Best Web Hosting Reviews, Cheap Webhosting, Web Hosting, Flash Templates, CMS Templates, Web Hosting Reviews, Website Hosting Reviews, Web Hosting Providers, Best Web Hosting, Top Web Hosting, RSUOG Web Hosting