HotDoodle | Make a Website Yourself or Hire an Affordable Website Designer


Using Images

Storing Images

Important: In order to be used, images need to be sourced from a web server. 

Unlike most word processors, images cannot be inserted and moved around like text phrases. The manner in which the web functions requires the image to initially be stored somewhere and when the image is needed, the text refers to the image by a reference to where it is stored. Images are not part of the web page but are linked to a web page.

These images have to live somewhere to be served to these web pages - some machine must respond to the request for the image and return the right bits.

Image Sourcing Options:

  • You can store the image with your site on the HotDoodle web server, or
  • You can reference the image where it lives on some other web server.

If you store the image with your site on the HotDoodle web server you know that the image will be there as long as you need it. Storing an image on another web server you are at risk that the other site might delete or rename the image.

The main mechanism for storing images is the Picture Album and is designed to upload and show collections of possibly annotated images. As its name implies, images in an album are presented to normal users. Image galleries are ideal for showing images taken from an event such as a meeting or competition.

An obsolete approach that is still present in some sites is the Image Manager and is designed to store individually uploaded images to be used in text blocks. Image managers do not show their images to users who do not have edit privileges.

Note: Uploading to an ImageManager or ImageGallery causes the image to resize on the HotDoodle server.


Inserting Images

Now you can start editing text and place the cursor where you want the image inserted.

Then click the picture window icon

A pop-up will appear - use the "Upload" button in the pop-up window.

A window will open that will allow you to upload a picture

Click the browse button and select the image you stored from your local disk (the look of the upload manager will alter depending on the browser).

You will see it in the insert image preview. Press "Open" and the image will be inserted.


You can also upload the image before entering the text editor.

Go to the image manager and hit "upload image." You will have to browse to the picture. After you save, the picture will be added to the gallery.


Referencing External Site Images

Warning: Referencing images from another site is not the best practice, since the independent site may change or take down the image.

To get the address of an image, some browsers give you a command that will copy its address.

Once the image location is captured, start editing text and place the cursor where you want the image inserted.

Then click the picture window icon.

A pop-up will appear. If you are entering the image address from another web site, just type or paste it in.

The preview window will let you know if you got it right. Press ok and the image inserts. It can be resized if needed in the text editor window.


 Copyright 2005-2010 Metabyte, Inc. All Rights Reserved

http://www.hotdoodle.com, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Powered by http://www.hotdoodle.com, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Web Design for Websites you Can Edit Site Map