|
|
Designing Professional Web Pages
Published Date: 2003-03-09 03:18:53 WorkOnInternet.com
by Joanne Glasspoole
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 preplanning, 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
pages at 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 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 flawless
to display correctly on Netscape. If you miss even one
table 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.
- 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 and JavaScript
Kit are written exclusively for Internet Explorer, so
you will need to be very careful when deciding what to use
on your web site.
- 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. 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.
|
This article was published on WorkOnInternet.com
The URL for this article is : http://www.workoninternet.com/article_110.html
The URL for the category of this article is : http://www.workoninternet.com/topic_10.html
Work On Internet : the small business and home business online resource center
List extensive information on building a successful small business or home business online by internet marketing.
Home
| Submit Article| Article
Topics | Article
Archives | Newsletter
| Business Directory
| Contact US