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
bathroom cleaning service Northbrook ..To build a website, there are four methods to choose... Read More
The landing page or entry page of your visitors is... Read More
Geometric designs come in all shapes and sizes? and lines.... Read More
Read the title of this article over a couple of... Read More
If you are going to be placing ads on your... Read More
You have probably viewed many Flash-based components while surfing the... Read More
I hate to imagine that in your web development project... Read More
7. Create high quality content - make clear points with... Read More
Not all links are created equal.While all of your links... Read More
When considering whether or not to incorporate Flash into your... Read More
A few years ago a lot of websites utilized frame... Read More
Out there in the WWW there are thousands sites using... Read More
So how do you know when your graphic designer costs... Read More
Do your web pages, sales letters or personal presentations include... Read More
Marketing is not an easy skill to acquire.It requires patience... Read More
If you have a website, you want your visitors to... Read More
Designing your own successful web page can seem difficult and... Read More
Just about every list of the "Top 10 Web Design... Read More
Website design is a very competitive area and there is... Read More
Square buttons, round buttons, flashy buttons ? will they match... Read More
Do you have a website? If so, you need an... Read More
There are plenty of Drupal Modules that you can install... Read More
Avoid these mistakes and your site will be steps ahead... Read More
Don't make a splash!Are you thinking about using a splash... Read More
Well it is not Elvis, that's for sure.I am a... Read More
insured cleaning company Wilmette ..Regardless whether you manage a small business, charitable organization, or... Read More
1. Use .gifs rather than .jpgs. GIFs are smaller in... Read More
Probably you know someone who has created a web site... Read More
Most websites use similar fonts and as a result have... Read More
Want to see an excellently constructed website? As a writer... Read More
The internet is filled with sites and they are good... Read More
1. Repackage your web site content in to different products... Read More
1. What's the purpose?The most fundamental thing to do before... Read More
We have all seen websites showcasing their testimonials either spread... Read More
1. Size does not equate to competencePeople sometimes assume a... Read More
The trend today to overuse animation in a website's opening... Read More
If your website is falling through the cracks, the chances... Read More
Before doing anything on the technical side, you need some... Read More
A professionally presented business website is a powerful and essential... Read More
1. Loading time:try to be below 20kbless number of imagesspecify... Read More
Remember your vision for your company and the brand or... Read More
A search engine robot actually reads the wording on your... Read More
Many Internet sites that try to sell you something have... Read More
See, works every time. Seriously now, for some reason people... Read More
From my personal experience of around two year as home... Read More
When I surf the Net, I often see web sites... Read More
Content is undoubtedly the most important element of a website.... Read More
When a prospect lands on your website will he or... Read More
Do you know why the majority of people use the... Read More
Colors are powerful, and create strong feelings. They can also... Read More
Web Design |