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.anybrowser.com/) and Website Abstraction (http://www.anybrowser.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.anybrowser.com/

    limo prices to midway Crystal Lake west of Randal .. Lockport Chicago limo O’Hare
    In The News:

    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
    The number of people affected by a UnitedHealth data breach in February 2024 was actually higher than previously reported and was the largest medical data breach in U.S. history.
    A phishing campaign uses Google Calendar to schedule fake meeting invitations that appear legitimate, redirecting targets to phishing sites.
    Toll road text scam: Fake messages claim unpaid fees, seek payment via fraudulent links. Kurt “CyberGuy" Knutsson says this scam is becoming increasingly sophisticated and widespread.
    Kurt “CyberGuy" Knutsson says these steps ensure that your friends and family get to the exact moment you want them to see. Try it out and streamline your sharing experience.
    Tech expert Kurt “CyberGuy" Knutsson offers tips on how to protect your identity: Be vigilant, monitor accounts, use smart security, know theft response.
    Tech expert Kurt “CyberGuy" Knutsson says cybercriminals are exploiting iMessage phishing protection, tricking users to reactivate links.
    It's hard to imagine life without in-flight Wi-Fi these days – but sky-high web surfing comes with its own set of privacy concerns. Here's how to protect yourself.
    Over 400,000 cases of credit card fraud were reported in 2024 to the Federal Trade Commission. The CyberGuy explains how to protect against becoming another victim.
    A nondescript metal box transforms into a fully functional electric motorcycle that blurs the line between vehicle and urban infrastructure.
    Many apps unrelated to location still ask users for tracking permission, and Texas Attorney General Ken Paxton has filed a lawsuit seeking to end this alleged practice by Allstate.
    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
    Melody, the artificial intelligence-powered robot, is life-sized and represents a move toward creating robots that resemble people in appearance and interaction.
    Here are five easy smartphone rules from the National Security Agency that you can follow to better protect your mobile device from hackers and scammers.
    A U.S. robotics company has developed "Jennie," a robotic pet powered by artificial intelligence that's designed to comfort those facing mental health challenges.
    Healthcare records for more than 184 million Americans were breached in 2024, but you can take steps to minimize that risk. Kurt the CyberGuy explains.
    The Skyrider X1 from Rictor claims to be the "first amphibious flying passenger motorcycle," and it combines land and air travel in one sleek design.
    Stay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future.
    Home inventory and restoration apps help itemize and track every item in your home in the event you have to make an insurance claim after a natural disaster.
    The White House launched a new cybersecurity safety label, the U.S. Cyber Trust Mark, intended to help consumers make informed decisions on smart device safety.
    Today's tech can help make life so much easier — if you know how to use it. Here are a few tips on the quickest and best ways to make your phone, laptop and other devices work for you.
    Tech expert Kurt “CyberGuy" Knutsson offers Windows 11 restart fixes: Update drivers, run system scans and check hardware.
    Sony and Honda's Afeela 1 EV launches with advanced tech and entertainment for $89,900. Tech expert Kurt “CyberGuy" Knutsson gives his takeaways.
    With limited hard drive space, tech expert Kurt “CyberGuy" Knutsson offers these tips for storing large video files and photos.
    Tech expert Kurt “CyberGuy" Knutsson says the $236,000 Yangwang U9 electric hypercar boasts 1,287 horsepower and can jump obstacles.

    How Not To Get Web Design Work

    I get the occasional web design lead from my website.... Read More

    Be Inspired to Create Better Websites

    Being a writer, when I was asked to do some... Read More

    Your Free Guide To Obtain A Cheap Web Design Quote

    Website design is a very competitive area and there is... Read More

    10 Ways Web Site Text Can Impact Your Readers Buying Decision

    10 Ways Web Site Text Can Impact Your Reader's Buying... Read More

    Building An Effective Furniture Sales Web Site

    Web sites that feature products ? especially furniture or other... Read More

    Adding the Right Keywords to Your Website Content

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

    Web-Safe Fonts for Your Site

    Choosing the right typeface for your website copy is important,... Read More

    Web Site Accessibility

    Making your site accessible means making it available to be... Read More

    5 Ways To Improve Your Website Immediately

    If you are reading this, I assume you either have... Read More

    Website Design Info - Part 1

    What Will My Site Do?This is the first of eight... Read More

    How To Create A Professional Website In Less Than A Week

    Here's a really simple way... any novice can create a... Read More

    Are You Driving Away Potential Customers?

    When a prospect lands on your website will he or... Read More

    404 Error - The Page Cannot be Found

    A "404 Error" happens when the web server you are... Read More

    How to Chose Stock Photography for your Web Site

    So you've decided to take the plunge. You know that... Read More

    Can Your Visitors Contact You From Your Website

    Argh, where's the contact button?! Believe it or not, some... Read More

    Service Professions: Does Your Website Follow These 5 Simple Rules For Getting More Clients?

    There are literally thousands of different options, styles and formats... Read More

    Usability and Considerate Design

    I hate to imagine that in your web development project... Read More

    7 Tips To Increase Sales With Your Ecommerce Web Site

    Ecommerce is just exploding right now on the Net. More... Read More

    Choose & Use the Best Colors

    The Psychology of ColorAre you using the best colors for... Read More

    Flash Design Adds Website Versatility

    You have probably viewed many Flash-based components while surfing the... Read More

    To Flash, or Not to Flash

    When considering whether or not to incorporate Flash into your... Read More

    Basic Web Design Principles

    Home PageHome page should clearly indicate what the site is... Read More

    How to Design Website Which Google Likes

    Are you going to design or redesign new website or... Read More

    Website Re-Design?

    My site is working fine. The links work. Content is... Read More

    How a Custom Designed Website Can Help Your Business

    Over the years, the internet has grown into a marvelous... Read More

    taxi o'hare Auburn ..