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
RELATED ARTICLES
Colorblind People, Can They Really Read Your Web Site?
I once created a notepad-like editor. It is possible with this editor to write Russian text on a western Windows without using a Cyrillic keyboard in front of your computer.
How Does Your Website Measure Up?
Does your website make a good first impression? Is the navigation intuitive? Is the content appropriate for your audience? You've had your website up and running for a while now but you've always had a nagging suspicion that your website is lacking effectiveness and you just can't put your finger on it. You've dabbled with colors, added/removed images re-written the text but it still feels as if everything just isn't working together.
Very Cheap Website Design Services
Are you looking for somebody to build you a website, however do not have a very large budget? This is the position many people find themselves in and are on the lookout for very cheap web design services.There are companies out there or people who are just starting out in a career building websites who to start with will often offer their services at a very reasonable rate, basically to build up a portfolio.
Browser Compatibility
Internet Explorer, created by microsoft has been the most popular web browser for many years. But the gap is shrinking with the release of Mozilla Firefox, by an open source community.
When You Create A Web Site, Dont Make A Splash!
Don't make a splash!Are you thinking about using a splash page when you create a web site? You would be wise to think again.What is a splash page?Generally, it is a fancy entrance graphic which requires your visitor to click in order to enter the main home page of your web site.
Web Marketing: Design Mistakes That Drive Customers Away In Droves
They may look cutting edge, but if you want a web site that contributes to your bottom line here are some design ideas you will want to avoid:· Opening with Flash. If your site opens with a movie that your prospect is forced to sit through, no matter how short, before they can get to your "welcome" or "home" page, you are losing customers.
Why You Should Use CSS
It seems more and more webmasters are using CSS for the design and layout of their sites rather than depending on tables and HTML mark up. As well as being more efficient in terms of page size and reusing CSS templates many webmasters believe that it also contributes towards search engine friendliness.
404 Error - The Page Cannot be Found
A "404 Error" happens when the web server you are on cannot find the page that you requested. This type of error is quite common and is seen all over the place.
Top Six Ways To Make Your Visitors To Hate YOU!
We will take a look at why your visitors may hate you maybe already do! There are many things that make YOUR visitors dislike you, but we take a look the top sex things that make your click the back button on their browser.1.
You Had Me At the Search Engine
You've likely heard of the movie, Jerry Maguire, with its famous line, "You had me at hello." Jerry Maguire was luckier than web sites we find in search engines.
Creating Personal Web Sites
This is a two-part article about creating a web site on the web and the tools that you need to do that.During the last decade we have truly entered the information age.
To Flash, or Not to Flash
When considering whether or not to incorporate Flash into your website, you must also consider the target market you are trying to reach.For instance, a website which serves as a depository for articles and information catering to lawyers would probably not be a good candidate for a Flash "makeover".
Why Hire a Professional to Design Your Web Site?
Creating an appealing, functional, and effective Web site is much harder than it looks. It's not simply a matter of taking a company brochure or catalog, converting the text to HTML, and throwing in a few pictures (although many sites seem to have been created using this technique!).
How to Design Website Which Google Likes
Are you going to design or redesign new website or thinking for it, then first read below given points, which google likes in a website, Google Information for Webmasters.There are more than 80 factors of your website that are taken into consideration when determining the ranking of your website, Following these guidelines will help Google find, index, and rank your site.
Your Website Could be Letting You Down
A professionally presented business website is a powerful and essential marketing tool: it's the first thing prospective customers will look at before they decide to contact you.If the copy on your website is not written to an acceptable standard, it may be losing you customers.
Learn the Truth about Your Web Design Company by Its Portfolio
When you start building your online business and search for a web design company that will implement all your needs for the web site you must understand that it is a very serious step because you are entrusting your business along with its reputation and future.That's why it's very important to make the right choice.
Web Design for Dictators
No question about it, web design is an art.
Finding the right blend of style and usability is a delicate balance that few, if any, fully master.
5 Website Design Tips to Make Your Site More Attractive
The question that I most frequently hear from people is "How can I attract thousands of visitors to my site each month?" Well, driving high traffic to your site is important, but what's even more important, is designing a website that makes them stay.After all, what's the use of spending all your time and money on creating a unique product that many people want, building a 100-page site, winning top rankings on search engines, and spending $5,000 in advertising if visitors don't stay once they arrive?In this article, you're going to learn 5 important website design tips to make your site more attractive.
Are Web Templates Worth It?
First off, I am a designer. Now you're thinking, here's this guy trying to convince me to hire a designer costing a few hundred to a few thousand dollars instead of buying a pre-made web template for about $60.
A Landing Page is Not an Order Page (and why it matters)
To explain my point I need to first confuse the issue a bit (you'll see why): While a landing page is not an order page, it can, and in many cases should, contain the order form.So what is the difference? Is this just a question of semantics? Actually, there is a big difference and it can have a big effect on your conversion rate.
|