Webmaster Papers




Google
 
Web webhostingpapers.com




/pagead2.googlesyndication.com/pagead/show_ads.js">

Why Do Images Disappear from a Webpage?


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

RELATED ARTICLES


Looking for a Web Design Company? Use a Web Design Directory
Your business website tells a lot about your company. A poorly designed website will have your visitors questioning the quality of your business. A well thought out elegantly designed site would instill confidence in your visitors that you are a credible business to deal with. There is a saying in advertising, "It is better to not advertise than to advertise poorly". The same holds true for web design. There are so many Web Design companies now. How do you make an educated decision on which one to choose? Like every market that is saturated, you always see ads that read, "Hire us we are the best". Well how do you know that statement is true? Wouldn't it be great if you had a resource available to you that pre-screened Web Design Companies to narrow down your choices? To answer that question, yes there is, use a Web Design directory. Web Design directories are usually run by companies in the Web Design Industry. Using their knowledge to pre-screen the Web Design companies that submit their contact information to the directory insures that only quality Web Design Companies are listed. Most Web Design directories are categorized by region. Some use states, some use countries all in hopes of making your search that much easier. If you live in Alabama then you simply click the link that reads, "Alabama Web Design". Some Web Design directories will also allow you the customer to submit a quote request. Then they take your information and forward it to Web Design Companies that meet your criteria. This can be very helpful, as it eases the process of finding the perfect Web Design Company for your project. Along with a directory of different Web Design Companies, you may also find helpful articles to educate yourself, and help make the decision process a little easier. Look for articles that answer your questions, "What is PHP", or "How do colors affect your visitors' experience". Articles like these can give you a little incite as to what makes up a high quality website. Your business website is very important to help strengthen your image. It is often the first impression a potential customer will have about your company. Using a Web Design directory can ensure your visitors have a positive first impression that causes them to contact you to do business.
Why Use a Web Design Template?
What is a Website Template?
Increase Sales on Your Website! Use Graphics!
How many times have you clicked on a website only to find a screen full of text? You read a large-scale headline and then all you see is text, much like reading a letter. You scan down the page looking for something to attract your attention.
Make Your Web Site User-Friendly
You can create a website that attracts customers, not repels them, with a little common sense advice.
Optimized Web Page Template
I want to give you a free web page template that will be search engine friendly. Why?
Setting Up a Website
Where does a person start when setting up a website? What software is best to use? Setting up a website is not an easy proposition. If you are interested in knowing what the first step is in setting up your own website, continue reading.
Do Your Website Yourself - 4 Simple Steps to Get Your Dreams on the Web
Many people hire professional web site designers for as much as a thousand plus USD! You can, and very easily, make a web site for almost one hundredth of that price, and probably in half the time. Here are 4 easy steps to get you started.
Is a Web Site Builder Right for You?
A web site builder can be a real life saver to someone without advanced HTML knowledge or tools. Web site builders allow a relative newbie to the internet create a professional website in very little time. How can you know if using a web site builder will meet your needs? Here are some things to consider...
How To Choose A Website Designer
When you're self-employed, choosing a website designer is a crucial decision, as a good website can bring you more business and a bad one can drive away prospective customers. Below are some important things to consider when selecting a website designer for your new site or site redesign.
How to Avoid the Biggest Mistakes Member Sites Make in Their Marketing Copy
If you have a web site to which people pay a periodic member fee, it's likely that you belong to other member web sites and have done so for at least a year or two. Thus it's easy for you to overlook the fact that to the average person, member web sites are either a relatively new phenomenon or a completely new phenomenon. It follows that you can't afford any sloppiness or hanging back in making clear to your web site visitors that they are looking at an opportunity to sign up for a paid membership in your web site.
Keep Your Navigation Highly Visible
Effective navigation stands out. It's clear, obvious, and highly visible.
Web Design for Ecommerce
Your website is your tool for showing the online community an image of your Drop Ship retail business. Whether or not your business succeeds depends heavily on your website. If your website design is user-friendly, more visitors will purchase your products or subscribe to your newsletter. This will ensure that you are not wasting the time and money you spent attracting visitors to your website. It does not pay to drive large amounts of traffic to your website and have 99% of them leave due to poor content and navigation.
Color Psychology in Marketing
On the internet we don't deal with face to face selling. The internet is a visual and psychological medium. The words, or sales copy, on your website have by far the greatest psychological impact on your visitors and thus becomes your most important communication and sales tool.
Eliciting Constructive Website Feedback
"It's good."
Web Page Building for Beginners 4
Page ranking by search engines such as Google are not only overrated but unusually explained by "experts" in the SEO field. SEO stands for search engine optimization and is needed to get your website placed at the top of a web search. I have no truck with someone wanting to get their pages placed in the number one or two spot from a search, but page ranking has nothing to do with that whatsoever and I can assure the reader that I can prove this to anyone with a computer. In fact, if you will just do a search for "writing critic" you will find www.homewriters.com near the top and since I own that site, I can explain to everyone how it got there and why. But at one time, I had four out of the top five spots on Google for this very same search. And by the way, my pages had no rank at all when they were first placed in the top positions by Google and Yahoo!
How to Use Sliced Graphics to Layout Your Web Site
The problem with designing your site as a graphic, is that it would take too long to load. Your visitors would leave your site immediately and move to your competitors web site. How can you resolve this?
Recipe For A Good Looking Web Site
We've all surfed the web and seen some awful web sites. Sites that never completely loaded. Sites with too many photos. Sites with no easy way to find what you wanted. Another way a site looks bad is when each page looks different. You're not even sure you're at the same site. It doesn't have to be that way. Templates are the solution.
A Crash Course on Graphic Philosophy 101
Novice and professional graphic designers, we are aware that you know the basic principles of graphic philosophy. But then, as workers of art ? though digital and graphic art already borders in commercial arts, there's no harm in continuously improving our craft through constant study and practice, is there? Really great graphic designers I know have come to their status because of painstaking application and study of their past works.
Keep Your Navigation Simple!
Navigation must be simple. Since it's the backbone of your site, it's imperative that visitors be able to understand it. Here are two tips on how to make simplicity a reality in your site:
Breathe New Life Into Your Half-dead Website By Using Words That Sell
This article may come as a surprise to you.