|
Web Design Troubleshooting Guide
Copyright © 2002 Milana Leshinsky
Getting your web site to look right can sometimes be a hair-pulling experience. Even
for professional web designers! I can only imagine how frustrated many newbies can get.
Let me share with you some of the common problems in designing a well-functioning
web site. If you haven't made these mistakes yet - trust me: you will! Keep this
troubleshooting guide handy for when you need it.
1. Missing images on the page
2. Image loads very slowly
3. Image looks distorted
4. Broken links
5. Text is missing on the page
6. Visitors can't see your fancy fonts
7. Too much horizontal scrolling required
8. The table is wider than specified
9. Web page displays old links and images
10. Background doesn't show
11. Can't access your home page
1. Problem: Missing images on the page
Solution: there are three things that might cause this problem. You have either
forgotten to upload the image to your web server, didn't link to it correctly, or the
graphic is in invalid format.
1) Remember, you need to upload all the graphics that you are using on your web page,
just like any other file. So if you have a "services.html" page that contains
"staff.jpg" graphic, you need to upload both "services.html" and "staff.jpg" to your
web server.
2) You also need to reference that image correctly. For this, you need to understand
a little bit about files, folders, and directories. Basically, a file is a document.
A folder (or a directory) is a collection of files.
You might have a directory on your web site called "images". Inside it you might have
the "staff.jpg", "logo.jpg", and other files.
Now, here is the trick: if your HTML file is located in the same folder with the graphic
it contains, then here is how you refer to that image:
img src="graphic.jpg"
 Please, note that
I am leaving the tag brackets out so you could see the HTML code.
So far, simple, right?
But let's say that your HTML file is located in the main directory, while the graphic
file is located in the sub-directory. For example, "services.html" is located in the
root directory of your web site so that if you type www.yoursite.com/services.html in
your browser location bar, you will see it.
| 
Free Downloads
RSS Feed