man with jackhammer

 editing with Composer | Using photographs | Creating thumbnails | Scanned Images | Color Code List

Jpeg Images

The Jpeg images seen at the top of the previous page incorporate three useful features:
  • They are enclosed within a table. This insures that they will always load in the exact same position on every computer.
  • They are photographic images on the web.(to state the obvious)
  • They are thumbnails and as such are linked to another larger image

Making tables is relatively easy. If you wish to avoid html coding, then you can use any number of editor programs, like Claris Homepage, MS Front Page, or Netscape Composer. Composer is probably the best bet for most users as it is free and already loaded on every Netscape browser over 4.0. If you use an editor (like Composer) to work on your page you will probably need to use an FTP program to transfer your work to your web site. Remember, just because you make changes to your page in Composer doesn't mean those same changes will automatically appear on your site. You have to save your changes to the desktop and then 'upload' them to your web account with an FTP program.(FTP means File Transfer Protocol). I use Yahoo Geocities for my free web account.

Here's how to edit with Composer and send your work to your account:
  1. If you want a new page you can create one in Composer(underFile) or in Geocites (in the File Manager). *Remember that all pages you create must have .htm or .html as their file name extension.
  2. To edit an existing page open the page you want to edit in Netscape. To do this just type in the URL address of your page in the Location: box at the top of the screen. For example, the URL address for this page is:

  3. Now under File select Edit Page from the menu.
  4. This will open Composer and allow you to edit your page. Composer's many editing features are clearly displayed along the top bar as well as within the File, Edit, View, etc...menus. If you have questions about using Composer's features then check the Help menu.
  5. After making the changes you want save your page to the desktop. This is done by clicking on the preview tab at the top of the page. This will show you your page without the editing lines. Then select Save As... from the File menu. A Save As... box will appear prompting you to save the file as 'file name.htm'. Click ok and save it to the desktop.
  6. Next you will want to send your page to your web account. Right now it is just sitting as an htm file on your desktop. Use an FTP program, such as WS_FTP or Fetch, etc.., to send your page file. *If you are using Geocities then you can easily upload your page file directly into your Geocities account. To accomplish this open your account and scroll down to the bottum of the File Manager page. There you'll find a set of browse buttons. Click on one. A File Upload... box should appear with a list of files that are currently on your desktop. Highlight the file you want to upload, for example: 'file name.htm', and click on open. Now simply select upload files at the bottum of the File manager page. Your web page will be uploaded to your geocites account.

  7. To view your edited page in Netscape type in the web page address in the Location: box and press the reload tab(button). This will display your edited page.
HTML Coding for Tables: Web Monkey

Placing Photographs on the web is also relatively easy. There is more than one way to vivid pictures to your page. You could scan a photograph of your own into your computer or you could download an image from another web site. There are plenty of sites on the net offering free photos so just look around for some you like. Once you find a photograph simply right click on it (Just click once for Macs) and select save to desktop from the menu. The photo should already be in Jpeg format. Upload this image to your web account in jpeg format using an FTP program or Geocities's upload feature.

If you are using an editor, like Composer, simply place the mouse cursor in the spot on your page where you want the image to go (including within a table) and then click the image tab. Your image should appear. Remember to save the changes you made and FTP the new page to your web account.

Creating Thumbnails is also not very difficult. Remember a thumbnail is just a small image that links to a larger image. Basically to create a thumbnail you need to take a photograph or GIF and manipulate its size with some kind of photo editor like Adobe Photoshop. To accomplish this:

  1. Download your photograph to the desktop.
  2. Then upload it to the page where you want your thumbnail to be
  3. Then double click on the image icon.
  4. This should open whatever photo editor you have on your computer.
  5. If you're using Adobe Photoshop, underImage select image size. Rather than change the pixel size I suggest you change the image percent size. In the box entitled Pixel Dimensions use the down arrow to change pixels to percent. After changing the image size be sure to save it to the desktop as a different file name with a .jpeg extension. (Photo editors vary but usually have the same features so play around with your menu options a bit to find the image size changer if you're not using Adobe Photoshop.)
  6. Next you will need to create a new page to put the enlarged image on. *Remember that all pages you create must have .htm or .html as their file name extension.
  7. Just as you uploaded the photograph in the section above, upload the new image to your web account and your new page.
  8. Since we want to make a thumbnail in a table, go back to the original photo you saved on the desktop. Use your photo editor to make the image smaller. Save the shrunken image to your desktop.
  9. Just as you did with the enlarged image you'll need to upload the shrunken image to your web account AND create a new page to put the shrunken image on. If you already have a page(like the one you created with the table) you can upload the jpeg image onto that page placing it within the table.
  10. Remember to save this page and FTP it to your web account.
  11. Now you have two separate pages with two separate images on them. All you have to do at this point is link them together. Using Composer place the cursor over the shrunken image and click on the link tab. Type in the URL address of the page you created with the enlarged image on it. That should do it. You should now have a small image that links to a larger one...a thumbnail.
HTML Coding for images: Web Monkey

Scanned Images

Scanned Images are typically created using a photo editor such as Adobe Photoshop. However, specific scanners may varry in how they are used. I suggest that you consult your scanner's instructional manual for specific operating details.

Scanning With Adobe Photoshop:

  1. Open the Adobe Photoshop program.
  2. Under the File menu select Import.
  3. Next select Twain Select.
  4. From the box which appears select the scanning program (driver) you are using.
  5. Go back to the File menu and click on Import again.
  6. This time select Twain Acquire.
  7. This should bring up a box with your image in it. From this point you should have the option to scan the image or just preview it. Preview is self-explainitory. To scan click on the scan button and wait while your image is calibrated and scanned.
  8. From this point on you can manipulate and save your image as discussed in the above sections.

More to come...

Back | editing with Composer | Using photographs | Creating thumbnails | Scanned Images | Color Code List