To upload an image:

  • Find the image that you want to use on your site. It can be on another website or it can be on a disk. It must be a .gif or .jpg file.
  • Using your mouse, right click on the image and select "save image as" or "save picture as".
  • A window will appear and you will be able to choose the folder you want the image to be saved in. Remember which folder you save it in so you can find it later.
  • In QuickSiteMaker (QSM), click on the Tools tab. The File Library page will appear, click the "Browse" button.
  • Another window will appear. You need to find the folder where you saved the image. If the image doesn't appear in the folder, you need to change the "Files of Type" from "HTML" to "All Files".
  • Double click on the image you want or click on it and click open. The window will then dissappear.
  • Click the 'Upload' button and a box will appear telling you that either the image was uploaded successfully or it wasn't.

To insert an image:

  • Select 'edit' for the page that you want to add the image to
  • Click the 'Insert Image' button and select the image
  • The code for the image will be placed at the bottom of the page text box
  • Place the code anywhere in the page text box that you want
Example of the code for an image:
<img src="images/nameofyourimage.jpg">

Aligning an Image:

  • Add ( align="left" ) to the code in between the < and >
  • You can also do right, center, top, middle, and bottom
Example of the code for an image aligned to the left:
<img src="images/nameofyourimage.jpg" align="left">

Resizing an Image:

  • Add the words 'width' and 'height' to the code
  • The number that follows is the number of pixels
Example of the code for an image that has been resized:
<img src="images/nameofyourimage.jpg" width="100" height="100">

Click here if you want to see an example of an image that has been resized.

Using an image as a link:

After uploading the image to your library, you're ready to use it as a link.

Here are the steps you have to follow in order to accomplish that:

  • Use the "<a href='filename.html'>" to indicate to the browser where to go.
  • The picture "<img src='images/picturename.gif or .jpg'>" should follow the tag above.
  • Close the <a> tag with </a>

Remember that you can use either pictures or text as links.

Here is the complete example:

<a href='index.html'><img border='0' src="images/home_btn.gif"></a>

This is the result of the code above

This button will take you to the Home Page


Putting text over an image:

The code that I used to put the text over the image:

<TABLE BORDER="0" cellpadding="0" CELLSPACING="0">
<TR>
<TD WIDTH="221" HEIGHT="300"
BACKGROUND="images/1drip.jpg"
VALIGN="middle">
<FONT SIZE="+2" COLOR="yellow">This is text
over an image</FONT>
</TD>
</TR>
</TABLE>

Click here if you want to see an image with text over it.

Remember: QSM only supports .gif and .jpg image files.

Copyright © 2001 MyZipBiz Help. All Rights Reserved.

Home Page
Contact Us
FAQ
First Time User
Basic HTML
Links
Using Tables
How To Add Products
Transfer a Page to MZB
Color Chart
Making Buttons
Marketing Ideas
Design Ideas
MyZipBiz Features