In learning webpage design, I encountered many problems that took lots of practice to resolve. Although, I was building web pages using Microsoft Frontpage on my home computer, I used to face lots of issues after uploading the webpage to my website.
One major problem was the disappearance of an image file from the webpage. When I created the webpage on my home computer, it looked exactly the way I planned it. Both the text and images showed on the webpage.
When I uploaded the webpage my web server space, they images showed as the letter X in the middle of a blank frame.
After lots of searches, I found out that the problem can only be fixed by modifying the HTML of the web page having the problem.
The HTML code I had to change was very simple and straight forward, when locating the code related to the image.
Whether the webpage has one or more image, you use the same method to modify the code. You just have to fix one at a time.
The rule for an image to appear correctly, is to save the images in the same directory as the webpage where the image is supposed to appear.
Whether you create a webpage on your home computer or your web server, the same rule applies.
When you upload the webpage to the web server, the website looks at the webpage an sees the image source as the hard disk of your computer. This is why it can't display it. The image source should be in the directory on the website.
Here is the solution to this problem:
Every image file on a webpage is embedded in the IMG tag, and the exact location of the image file shows as a value for the SRC attribute. For example, SRC = "image.jpg" is one of the format that an image appears in.
Correcting the SRC value, will correct the problem that causes the images to show as the letter X. The SRC tag attribute means the source location of the image file. When the webpage was designed on your home computer, the source value was your computer hard disk.
In summary, before you upload a webpage with picture, you should change the Html code of the image.
All what you need to change is the SRC value from your hard disk to your website directory.
For example: Change this code SRC="C:image.jpg" to SRC="index.html" if the webpage happens to be your home page. If the page was not the home page, you can just replace index.html with the name of the page.
Article published by George Chamoun. Join my list for tips about HTML coding, web page design, and website building. Get your free 7 part HTML tutorial. It is free, and you can unsubscribe anytime. http://www.HowToUseHtml.com
The top ten fonts for website design might change in... Read More
We have all seen websites showcasing their testimonials either spread... Read More
When designing elements for your webpage, you will often be... Read More
Since I made the switch 6 months ago to a... Read More
Whenever singer John Mayer sings his romantic song, "Your Body... Read More
Many web site designers don't design their sites for the... Read More
If you'd like to create/maintain a website, having some HTML... Read More
What do the key words represent?Key words - these are... Read More
The following list of websites is the best compilation of... Read More
We can't emphasize enough the importance of including keyword-rich content... Read More
An "include" file is a piece of code that can... Read More
If you are trying to sell a product or service... Read More
Customers will form an opinion of your business as soon... Read More
A Double Ad Tracker is an Ad-Tracker that points to... Read More
Your website is your tool for showing the online community... Read More
Over the years, the internet has grown into a marvelous... Read More
It is common sense.The more time people spend at your... Read More
Does your website need a re-design? Here are some questions... Read More
Learning how to convert visitors to your web site into... Read More
Have you seen Jesse James on the... Read More
In today's world, a web site is virtually mandatory for... Read More
Let me repeat that.."The technology may change, but human nature... Read More
When your web site sells more than a dozen items,... Read More
With so many different configurations internet users have their computers... Read More
When designing your website, remember to avoid useless and confusing... Read More
Well, you've got your product, started your home business, and... Read More
So you need a website. You are not sure if... Read More
There are several very good reasons why you should consider... Read More
Creating your web site can be a tricky process. Choosing... Read More
Your web site has been up for a few months... Read More
Just about every list of the "Top 10 Web Design... Read More
Remember your vision for your company and the brand or... Read More
Have you ever been to site with so much ad... Read More
I once created a notepad-like editor. It is possible with... Read More
Well, a logo for your business. Why is it important?... Read More
Since I'm a web designer, I have a tendency to... Read More
Before doing anything on the technical side, you need some... Read More
In the of-line marketing world it is all about trying... Read More
Website design is a very competitive area and there is... Read More
When building your website you might not have a large... Read More
Cascading Style Sheets (CSS) allows you to create fast loading... Read More
"Oh, my eyes, my eyes! What an eye sore. Quick,... Read More
Favorite icon appears to the left of your link in... Read More
Building a website that is exactly what you want and... Read More
Even if you're not an accomplished webmaster you can still... Read More
Every now and then, I receive a link exchange request... Read More
New Web sites are springing up online by the millions.... Read More
Here's a really simple way... any novice can create a... Read More
As my occupation is that of a proofreader, one of... Read More
FIRST IMPRESSIONS. First impressions often leave lasting impressions. Impressions... Read More
7. Create high quality content - make clear points with... Read More
What dollar amount does your web site contribute to this... Read More
Remember the day that you got your new computer (or... Read More
So your web site's online and you've got high rankings... Read More
Developing a software application is not easy at all; apart... Read More
Web advertising has taken many forms, including those that appear... Read More
Probably you know someone who has created a web site... Read More
Getting a customer is not easy.Getting a visitor to decide... Read More
Mechanical spiders have to eat. In fact, they usually have... Read More
Your web site has been up for a few months... Read More
Creating an appealing, functional, and effective Web site is much... Read More
Creating your own website is actually easy in today's world... Read More
Imagine spinning someone around so profoundly and for so long... Read More
Internet Explorer, created by microsoft has been the most popular... Read More
ActiveX uses an interesting method for enforcing security ... it... Read More
Q: Should I build and maintain my business Web site... Read More
Web Design |