Web Design - Designing Professional Web Pages

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

Created & Maintained by Empower! CMS Web Sites

Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE Newsletter

| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |

How To Convince Your Visitors To Return Often
One visit does not make a sale. Be sure to make your Web site attractive to your visitors so that they want to come back. You don't win their trust right away. It may take 4-7 visits before they buy.Here's Five Ways:1. Check and Correct What's Not Wo...(related: Web Design)

Don?t Put Your Slogan In The Title Tag - Optimize Your Web Pages
Don't just put your slogan in the title tagwhen you formulate the copy of your website. Theformulation of the title tag is the mostimportant single aspect when you fine-tune yourwebsite:1. It is what people first read when thelisting of your site turns up in Google and othersearch engines.2. It is the single element of your website that the search engines pay the highest emphasis on.If you look up the source code, the title is whatis between these tags: title and /title in the hard brackets. You can get the length of your title tag checked here: http://www.scrubtheweb.com/cgi-bin/webtools/meta-check.cgiA typical slogan isn't stuffed with importantkeywords. My slogan for my stock photographybusiness is "Sto...(related: Web Design)

The Ultimate Web Site Marketing Strategies That You Should Know
Most of us know that we need to advertise our products and our services, some of us still believe we are too small to invest in a advertising campaign. Now while a full-fledged marketing effort may be too much for your operation, it is however crucial to your success that you are involved in some kind of marketing activities. While putting a few strategies into action will make a big difference to your business and will certainly help in reaching your intended audience. However, if you do not spread the word about your business, no one will know you a...(related: Web Design)

Website Design: Redecorate Your Web Site To Increase Sales
Getting traffic to your website is not the onlyfactor that affects your sales.Your website has to be powerful enough to convertthese traffic and visitors to buyers.By re-decorating your website, you can empower itand amplify your sales and traffic.Below are a few website design tips to help you.The use of the right colors on your web site can actually increase your sales.When people see certain colors they can change their emotions or they can symbolize things related to the colors.Her...(related: Web Design)

Web Site Templates And Their Benefits
Unarguably, the most important part of your website is content. To draw in clients or customers, you need captivating content and search engines are blind to web design. They only see content. The images, structure and colors of your website go out the window when it comes to search engine placement, which we all know is the single best traffic generator. Your web design is really only a shell that makes your content look pretty. Don't get me wrong, your site's design can be very important. People are influenced by colors they see, and the quality of your design lends credibil...(related: Web Design)

Website Design Basic Concepts
So, what's in a website design anyway? And, how do you get a design that is appealing to the broad and varied tastes of all those Internet surfers out there?This is critical. Your website design is the first impression you make on your customers and visitors. There are a few sites in my favorites and bookmarks that I consider poorly designed. I still have them, because they have information I want. Lucky for the site owner that their content was that good! But one day I will find anot...(related: Web Design)

Is Your Site Too Slow? Why Image Optimization Is Critical
Graphics are fun, but if you put in too many bells and whistles when you create your web site, you may lose a potential audience whose Internet connection can't handle lots of graphics, and that means you'll be losing potential customers.According to UK website experts Boommm.com, one of the major concerns in website graphical development is what the results will look like on different browsers, plat...(related: Web Design)

Can Your Visitors Contact You From Your Website
Argh, where's the contact button?! Believe it or not, some websites just DON'T WANT any visitors (even customers) to CONTACT them. There's no email address, no contact ...(related: Web Design)

How To Use Sliced Graphics To Layout Your Web Site
The problem with designing your site as a graphic, is thatit would take too long to load. Your visitors would leaveyour site immediately and move to your competitors website. How can you resolve this?Slicing graphics into a number of sections, then puttingthem together in tables is a great way to layout your website. It cuts down on the time for providing a quick designfor a potential client. It also allows you to bringelements of your site together that would be difficult todo with tables.The value of slicing gra...(related: Web Design)

When Your Graphic Designer Costs You Money
So how do you know when your graphic designer costs you financially and emotionally?When a file is not prepared correctly? When you go to press and have your media material produced in prints, and find out that the file was built incorrectly, then that's the time when your graphic designer will cost you money.Many pre-press operators have complained about having to correct graphic designers work. To have a file prepared incorrectly can have drastic financial and emotional consequences to the owner. The time needed to rectify the problem can cause major delays and additional expense. This is due to the graphic designer's understanding that his job is done when he produces the design that you re...(related: Web Design)

Why Ugly Sites Sell More Than Pretty Ones
What the heck is going on lately? Most internet websites I go to now, all I see are pretty graphics everywhere. I see moving images, I see crazy JAVA, things flying around.Don't get me wrong, some of these graphics are truly amazing - I love to see them! But, that's the problem! I only love to look at them, when I'm done looking at them, I LEAVE! Lately, there's been a disturbing trend of everyone spending huge amounts of money on web graphics. The problem? There is NO proof that this really helps your sales!As a matter of fact, one of my biggest money makers is a consulting service...www.SingalMarketing.com/co...(related: Web Design)

User Experience And Search Engines: If Your Home Page Could Only Talk
Dear web site visitor.I can't tell you how glad I am that you found my website. You have no idea the great lengths we've gone to get you here, let alone what we're about to do to keep you on this web site.First, let me say, I have no idea who you are, or why you came, but believe me when I say, I built my site just for you. My company and products are the best there is to offer. You can fi...(related: Web Design)

Technology Vs. Usability
When JV Media Design was formed, the year was 1995 and the Internet was a very different place than it is today.The first websites we created used simple layouts, a modest amount of graphics, standard "web safe" colors, and no javascript. This was all done in an attempt to create websites that worked well with the browsers of the time (namely, Internet Explorer and Netscape Navigator).As the years went by, technology rapidly changed, and so did the web. Soon enough, javascript was standard procedure to create...(related: Web Design)