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/

    maide service in Lincolnshire ..
    In The News:

    Discover Android's new Sound Notifications feature that alerts you to smoke alarms, doorbells, and baby cries even when wearing headphones.
    New SantaStealer malware reportedly threatens holiday shoppers with password theft. This Christmas-themed info-stealer targets browsers and crypto wallets.
    The Christmas season brings a surge in Netflix phishing scams targeting shoppers with fake emails. Stacey P received convincing scam but verified account first.
    San Francisco Giants invite Jamie Grohsong to throw ceremonial first pitch at Oracle Park after he learned to play baseball with a bionic hand following an injury.
    FBI warns cybercriminals are stealing family photos from social media to create fake proof of life images in virtual kidnapping scams targeting victims.
    Instagram's new 'Your Algorithm' tool lets you control your Reels feed in real time. The app now gives you power to customize what videos you see.
    Major Marquis fintech breach exposes 400,000-plus Americans' data through unpatched SonicWall vulnerability, with Texas hardest hit at 354,000 affected.
    Free up iPhone storage fast by clearing large photos and videos from Messages app. Simple steps for iOS users to delete attachments without losing chats.
    Scammers are flooding inboxes with fake tracking alerts that mimic real carriers, exploiting the holiday rush to steal logins and personal data.
    The Fox News AI Newsletter brings you the latest news on AI technology advancements and the challenges and opportunities AI presents now and for the future.
    Texas family reunites with missing 11-year-old cat Grayson after 103 days using Petco Love Lost's AI photo matching technology and community help.
    Tired of AI customer service loops? These insider tricks help you escape "frustration AI" and get real human help when you need it most for urgent issues.
    Unlock richer audio from your streaming apps with simple tweaks to volume normalization, equalizer settings, and quality preferences for cleaner sound.
    Scammers are sending fake Facebook settlement payout emails that mimic legitimate notices from the privacy settlement administrator to deceive users.
    Holiday shopping scams surge as fake refund emails target distracted consumers during Black Friday and holiday seasons, costing Americans billions annually.
    The AI-powered IRMO M1 exoskeleton features four modes, including turbo, eco, training and rest for hiking, running, cycling and sports with eight-hour battery life.
    OpenAI announced upgrades for its ChatGPT Images platform on Tuesday, saying the program can now make more precise edits and produce images more quickly.
    Chrome for Android now turns web articles into AI-powered podcast conversations. Get hands-free browsing with Google Gemini's natural audio summaries.
    LastPass faces $1.6 million fine from U.K. regulators after 2022 data breach exposed 1.6 million users. Password manager failed proper security controls.
    Petco disclosed a data breach exposing customer Social Security numbers, financial account details, and driver's license information due to a software error.
    Baseball teams can now analyze complete swing mechanics in normal training environments using Theia's markerless AI system that processes standard high-speed footage.
    Smart home hacking fears overblown? Expert reveals real cybersecurity risks and simple protection tips to keep your connected devices safe from hackers.
    MIT develops needle-free glucose monitor using light technology. Revolutionary device could replace painful finger pricks for diabetes management.
    The ClickFix campaign disguises malware as legitimate Windows updates, using steganography to hide shellcode in PNG files and bypass security detection systems.
    Researchers from Osaka Metropolitan University designed a 21-foot dome that combines aquaculture and hydroponics to create a self-sustaining urban food system.

    Usability and Considerate Design

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

    Attention Grabbing Web Design Will Kill Your Sale!

    In the of-line marketing world it is all about trying... Read More

    10 Important Web Design Tips: SEO Friendly Website

    A website should firstly be searched out by visitors before... Read More

    Maximising Web Site Viewability - Resolution

    This is my second article on maximising web site viewability.... Read More

    Top Ten Absolutely Free Websites for Downloading Cool Fonts

    The following list of websites is the best compilation of... Read More

    4 Things That Make A Web Site Great

    First you need original content. Content is the heart beat... Read More

    404 Error - The Page Cannot be Found

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

    Using Your Personal Website To Clinch That Job!

    With an increasing number of employment portals emerging, it is... Read More

    Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 1

    Have you put a lot of effort, time, and money... Read More

    Digitalize It! : (Modification of images with tools such as Adobe CS and Corel)

    Then it was a choice among crayons, paints and palettes... Read More

    Selling Multiple Products? Avoid These Top Blunders

    When your web site sells more than a dozen items,... Read More

    How to Convince Your Visitors to Return Often

    One visit does not make a sale. Be sure to... Read More

    6 Design Flaws Newbie Web Designers Make: Fool Everyone Into Thinking You Know What Youre Doing

    Even if you're not an accomplished webmaster you can still... Read More

    Ten Basic Steps For Building A Web Site That Works

    1. Assemble a web site development plan that is integrated... Read More

    Website Promotion and Design Tips

    Are you thinking that it is about time your small... Read More

    Building An Effective Furniture Sales Web Site

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

    Website Redesign for Existing Websites

    Does your website need a re-design? Here are some questions... Read More

    Do You Want To Save Time With Your Web Design?

    It starts off simply; a few HTML pages, a few... Read More

    10 Tips for Killer Website Design

    Does website design make a difference in how long people... Read More

    Web Usability: The Basics

    What is web usability & why is it important?Web usability... Read More

    Why You Should Use CSS

    It seems more and more webmasters are using CSS for... Read More

    Business Opportunity for Graphic Designers

    As a graphic designer, you are sitting on a gold... Read More

    Choosing A Web Designer : A Plan to Guide You Through The Minefield

    Choosing a web designer can seem like a daunting task.... Read More

    Is Your Web Site Turning Visitors Away?

    One of the biggest problems with Web sites is that... Read More

    What Your Website REALLY Says About You And Why It Matters

    Everything you say and do says something about you. This... Read More

    cleaning lady near Deerfield ..