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
|
|
|
Created & Maintained by Empower! CMS Web Sites
Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE NewsletterWhat Drives Repeat Visitors To Your Site?
There can be zillions of reasons why your visitors return to your web site. One might be very interested in seeing your animated photo on your main page, but kidding aside I've gathered 12 elements that invites your visitors to repeat their visits.<...(related: Web Design)
Creating Your First Website
Building your first website can be very frustrating. It looks fairly easy, but almost always turns out to be more complicated than you expected.The problem is, building a website requires technical know-how that you have no way of acquiring until somebody explains it to you. And technical peo...(related: Web Design)
Keep Them Coming Back - Update Your Site
If you are anything like me, your website is a reflection of yourself. It contains your thoughts and communications, exposed to the entire world at all times. Look at virtually any non-commercial web site and you will get a glimpse at the person behind the monitor.I look at web sites all day long, and I am constantly amazed by the things that people reveal about themselves without saying anything. Is the website well organized or just a jumble of images and text thrown up at a moments notice? Is the site alive with color ...(related: Web Design)
Technology Vs. Usability
When JV Media Design was formed, the year was 1995 and the Internet was a very different place than it is today.The first websites we created used simple layouts, a modest amount of graphics, standard "web safe" colors, and no javascript. This was all done in an attempt to create websites that worked well with the browsers of the time (namely, Internet Explorer and Netscape Navigator).As the years went by, technology rapidly changed, and so did the web. Soon enough, javascript was standard procedure to create...(related: Web Design)
10 Ways To Sabotage Your Website Traffic And Send Visitors Packing
If you're running a website or online business, your number one goal should be to build traffic. The following are ten ways to drive traffic away from your site. Make sure you aren't making these mistakes.1. Links Open in the Same Window: If links to other sites don't open in a new window, then you are giving your traffic away. Don't expect site visitors to use the "Back" button or remember where they started. Once they're gone, they are most likely gone for good.2. No Free Content: Sites that are pure sales pitches are missing the boat. You need to establish credibility with your site visitors and give them a reason to come back. Simply displaying the internet equivalent of an informercial gives your visitors little chance to get to know you-and many people will need to be exposed to your site a number of t...(related: Web Design)
Use Feng Shui Techniques To Design A Harmonic Website For Your Business
By following feng shui guidelines and techniques, you can build and design a business website that is not only visually attractive but also attractive to wealth and prosperity. The elements that are part of a business website are somehow equivalent to the objects distributed through a working space since the website is the electronic version of the actual business' offices. Therefore, the website design and the elements that will be in it should follow feng shui guidelines in order to be properly balanced.The colors used to design your website are very important a...(related: Web Design)
Keyword Density
We can't emphasize enough the importance of including keyword-rich content on your site to increase your ranking potential. Simply put, keywords are the words and/or word phrases people use when searching. As we've mentioned throughout the site, search engine spiders love content. Therefore, the more keyword-rich content you have, the better. When a search engine spider crawls your site, it won't recognize pictures or images.So, if you have limited amounts of text (or none at all) and you've got a lot of beautiful pictures or Flash animation, the spider may deem your site unworthy of listing.What Is Keyword Density? Keyword density is the ratio of a keyword or key phrases to the total number of words on...(related: Web Design)
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.home...(related: Web Design)
Design Matters In Our Visual Culture
FIRST IMPRESSIONS.
First impressions often leave lasting impressions. Impressions also result in people's perceptions. There goes that age-old debate -- "Perception versus Reality." I say that perception is someone's impression of reality. And sometimes... no matter what is reality, you just can't change people's perception of a situation or thing.
Let's define these words...(im·pres·sion) noun: a characteristic, trait, or feature resulting from some influence; the act of ...(related: Web Design)
Do-it-yourself Web Design For Home-based Businesses
Home-based businesses need a strong web presence to combat the inflated advertising and marketing budgets of their larger competitors, but establishing that presence through a professionally designed and developed web site may not be an affordable option. In many cases, the only cost-effective way to get the web site you want for your business is to do it yourself.Even if you are not experienced in HTML (Hypertext Markup Language), you can find helpful programs which will assist you in your design efforts. Trust me, it is not as difficult...(related: Web Design)
How Not To Get Web Design Work
I get the occasional web design lead from my website. I wanted to find a company I could pass these onto. So I put an ad on a freelance site. It specified the programming qualifications needed, stated that the successful candidate should have good English, and was for companies only.The replies I got were enlightening. So much so, I made a li...(related: Web Design)
Copy Editing: 10 Powerful, Mind Blowing Secrets For Writing A High-impact Ad
No matter what product or service you're promoting,unless you are able to write and use a highlypersuasive Ad, you may not generate a lot of trafficsand sales.Writing a high impact Ad that will deliver truckloads of sales requires some skill and practice.Below are a few professional copy editing secretsto help you improve:1. Publish a picture of yourself in your ad. This willshow people that you're not hiding behind y...(related: Web Design)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Design