Zhejiang University Hangzhou
Workshop / The Use of Multimedia Teaching Technologies

Dr. H. Werner Hess
Hong Kong Baptist University
Dept. of Government and International Studies

How to Insert Images

The previous exercise was stimulated by Vincent van Gogh's "The Bedroom at Arles". It would be nice to have this picture included in the exercise. This is possible with Hot Potatoes.

Note 1: Please note that inclusion of images into your home page / exercises normally requires permission by the photographer (or the Web site you "borrow it from"). In this case, however, we can assume that the borrowing falls under the concept of "fair use" - i.e. for educational, non-profit purposes. It also a widely reproduced image, to be found on many Web sites worldwide. One could therefore - and this is said without legal warranty - use the image for our exercises. One should, however, credit the origin by placing a link on the web page / exercise page. One should also be prepared to remove any such image if the original copyright holder requested it ...!

To include the "bed room", you have to save it first in your folder.

Go to the image you have already called up and right-click on it. Save the picture as bedroom.jpg in your desktop folder. Make a note of its origin, the CGFA A Virtual Museum in Denmark and the URL (web address) of the image: http://cgfa.sunsite.dk/gogh/p-gogh7.htm 

Open the JMatch Hot Potato - and then your exercise vangogh1.jmt.

Place your cursor in the title line in front of "Vincent".

In the second row of the menu ("Insert a picture"), click on the second button from left. The program asks you to open your desktop folder. Locate bedroom.jpg and click on it. Click o.k.

In the following screen, you can align the image on the exercise page (and increase or decrease its size, if you like). For the time being, leave the size as it is and simply click "OK".

You will see that JMatch now inserted the HTML code in the title line of the exercise. Leave some blank space between the code and the title and then save the exercise again.

Repeat the steps from the previous page to create the exercise Web page (by clicking on the spider net with the number "5"). When the program asks you to save the htm file, USE THE SAME NAME as before (vangogh1.htm). The program then replaces the old file with the new one (containing the image).

You can then have a look at the modified exercise. The image should now appear at the top:

If you want to make your lesson page more lively (and already give a visual clue to students), you can also place the image in lesson1.htm

Open lesson1.htm in Word/Frontpage.

Move your cursor to the right of the exercise title, leave some blank space.

On the menu, click on Insert >> Picture >>> From File.

Search for the image in your desktop folder, click on bedroom.jpg and then "Insert".

The picture should be in place now. By clicking on it, you can resize it (enlarge/reduce).

Next to the image or at the bottom of the page, you should credit the source of origin:
CGFA A Virtual Museum
:
http://cgfa.sunsite.dk/gogh/p-gogh7.htm 

You create this link by typing the name of the site first. Highlight the name, then click on "Insert" and "Insert Hyperlink" on the menu bar. The program then asks you to type the URL (i.e. http://cgfa.sunsite.dk/gogh/p-gogh7.htm).

Your lesson page now looks like this:

Note 2: A good way to find suitable images on the WWW are search engines like Google. But always make sure that you do not violate copyright when you download pictures to your PC - and safeguard yourself when using such images on your own Web pages (see above Note 1). As long as you use publicly available material for non-profit use only, it is unlikely that disputes will arise (and if so, they can be amicably resolved). However, for your own web pages, it is always better to use photos made by yourself or others who have given you explicit permission to use them.
continue / weiter

back / zurück