0% found this document useful (0 votes)
84 views

UseHotPotatoes Michael

Uploaded by

Michael Smith
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
84 views

UseHotPotatoes Michael

Uploaded by

Michael Smith
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 36

-1-

General Introduction and Help.

What do these programs do?.

The purpose of the Hot Potatoes is to enable you to create interactive Web-based
teaching exercises which can be delivered to any Internet-connected computer
equipped with a browser, developing in this way a virtual learning environment. The
exercises use HTML and JavaScript to implement their interactivity, but you do NOT
need to know anything about these languages in order to use the programs. All you
need to do is enter the data for your exercises (questions, answers, responses etc.),
and press a button. The program will create the Web pages for you, and you can then
upload them to your server.

There are five basic programs in the Hot Potatoes suite:

 The JQuiz program creates question-based quizzes. Questions can be of four


different types, including multiple-choice and short-answer. Specific feedback can be
provided both for right answers and predicted wrong answers or distractors. In
short-answer questions, the student's guess is intelligently parsed and helpful
feedback to show what part of a guess is right and what part is wrong. The student
can ask for a hint in the form of a "free letter" from the answer.

 The JCloze program creates gap-fill exercises. Unlimited correct answers can be
specified for each gap, and the student can ask for a hint and see a letter of the
correct answer. A specific clue can also be included for each gap. Automatic scoring
is also included. The program allows gapping of selected words, or the automatic
gapping of every nth word in a text.

 The JCross program creates crossword puzzles which can be completed online. You
can use a grid of virtually any size. As in JQuiz and JCloze, a hint button allows the
student to request a free letter if help is needed.

 The JMix program creates jumbled-sentence exercises. You can specify as many
different correct answers as you want, based on the words and punctuation in the
base sentence, and a hint button prompts the student with the next correct word or
segment of the sentence if needed.

-2-
 The JMatch program creates matching or ordering exercises. A list of fixed items
appears on the left (these can be pictures or text), with jumbled items on the right.
This can be used for matching vocabulary to pictures or translations, or for ordering
sentences to form a sequence or a conversation.

In addition, there is a sixth program called the Masher. This is designed to create
complete units of material in one simple operation. If you are creating sequences of
exercises and other pages that should form a unit, you may find the Masher useful.
The Masher can also be used to upload Web pages not created with Hot Potatoes to
the www.hotpotatoes.net server.

Conditions for using Hot Potatoes.

Hot Potatoes version 6.3 is the first freeware release. This release is open for
anyone to use for any purpose, but the enterprise does not provide technical support
for it.

How does the scoring work in the other applications?


As the programs have evolved, we have created rather more sophisticated scoring systems for each of the
applications. The basic principles in all cases are these:
1. You lose points for asking for a hint or a clue.
2. You lose points if you check your answers and some of them are wrong.
3. Your final score includes all penalties previously incurred. Here's an example from JMatch:
a) There are five items. You make your selections, and check your answer.
b) One of your items is wrong, so you incur one penalty point for a Check with a wrong answer.
c) You correct your mistake, and check again. Your final score is:
5 correct out of 5, minus one penalty point for your incorrect check, which is 4 / 5 => 80%.
-o-
Can I get my students' results by e-mail?
We've had many queries about sending the results from a Hot Potato page to the instructor by email. In
response, we have built in a basic submission functionality. You can configure this using the CGI panel of
the configuration screen. Please note that we do not provide support for this feature; you and your system
administrator will have to set up a CGI script on your server in order to make this work. Click on the
Information button in the configuration screen for more on this.

-3-
A Step-by-Step Guide to getting started with Hot Potatoes
Hot Potatoes Software: http://web.uvic.ca/hrd/hotpot/
Michael Smith.

Objectives.

To put together a short cycle of exercises linked together based on the topic of
animals. You can create the activities in any language you decide!.

Instructions.

Before you begin work you will need to create a Folder called Animals into which you
can save your work. When creating a cycle of Hot Potatoes exercises it is important
that all exercises and any associated pictures, sounds or videos making up a unit are
contained in one folder. I suggest that the folder should be on the hard drive of your
computer. You are now ready to start work.

The Hot Potatoes Front Page:

Create a gap-fill
exercise

Create a short-
answer or multi-
choice Quiz

Create a match-
up exercise

Create an interactive Create a jumbled-


crossword sentence exercise

-4-
A. Creating a drag and drop Match-up Exercise with pictures and target
language words.

From the Hot Potatoes front page open the JMatch application by double clicking the
icon. The screen will look like this:

1. Insert the title of your


page here, e.g. Animals.

2. Save using the red disk


icon.

1. First, insert the title of your first exercise into the title box. Next, you need
to SAVE your first exercise into your Animals folder. To do this click the red
disk icon indicated above, and then save this first exercise as Animals1. It is
helpful for you to call all exercises in a series by the same name with a
different number at the end.

Locate the Animals folder

Enter the filename Animals1

-5-
Now you are ready to create the exercise. We want to have animal pictures on the
left of the screen, and the target language words jumbled on the right.

2. Place the cursor in the left hand box next to number 1. From the menu bar at
the top of the JMatch screen, select Insert, then Picture, then Picture from
local file, as shown below.

Since you have already saved your exercise in the correct folder, the Hot Potatoes
programme should automatically look in the same folder for any pictures. You should
therefore see the picture files you saved into the folder earlier. If not you will need
to find the Animals folder on your hard disk.

Select the file you wish to have as your first picture. You will then be able to preview
the picture and change its size if you wish to.

Click the file to select it.

Click Open to view it.

-6-
Use this if you wish to make the picture
bigger or smaller. Practice will teach you
how big to make pictures. In this case,
decrease the 100 (height here) to 75. If
the “Maintain Aspect ratio” box is ticked,
the picture will simply get smaller, with the
same ratios. For this exercise, decrease
the 100 value to 75 each time (height or
width), so that all the pictures are a little
smaller and the same size as each other.

Where on the screen do you


want the picture? For this
exercise you can leave this
section blank.

Link URL: In this box you should simply see the name of the picture file. This tells the
computer to look for the picture called bird-vt.gif in the same folder as the exercise,
and insert it into the exercise. If there is anything before the filename, such as the
name of the folder (e.g. animals/bird-vt.gif), delete the extra bit!

-7-
Once you are happy with the picture, click OK. You will now see what is called “html
code” in the JMatch box. This tells the computer what to do, so don’t worry!. You
won’t see the picture of the animal until you create the exercise page later. Now
insert the target language word into the box on the right. This is what the pupil will
have to match to the picture.

HTML Code

Insert the target language


word here, eg un oiseau

3. Repeat step 2 above for the other 4 animals in this first exercise.

4. The next important stage is to configure the exercise, deciding how it will look to
the pupil. Click the Configuration button shown in the image below.
There are several parts to the configuration section. Follow each of the instructions
on the next pages to complete them. Work through each “tab”, and then press OK at
the END.

-8-
Titles / Instructions

Enter a subtitle here if


you want one.

Insert your instructions


to the pupil here, e.g.
Match the pairs!

Prompts / Feedback

Insert here what you


want the pupil to read
when the exercise is
correctly completed.

Insert here what you


want the pupil to read if
there are mistakes when
the exercise is checked.

-9-
Buttons

Insert here the wording


for the “Check Answer”
button (target language?)

Insert here the wording


for the Next Exercise
button (target language?).
The pupil will need to
click this to move on when
finished.

Next Exercise URL: This bit is Index: It is useful to The Back Button
important. It tells the computer have an index page for does what it
the name of the next exercise in each unit. It is easiest suggests – allows
the cycle. You’ll need to decide what to call this Index.htm the pupil to go
this is going to be at this point. For for each unit. Fill in back to the last
this cycle it will be Animals2.htm the boxes as shown exercise. Check
The “.htm” must be added each here each time, and the box if you
time to the file name. It tells the we’ll create an Index want this to be
computer to look for a .htm file, page later, once we’ve possible.
which is the Internet format the finished the cycle.
exercises are saved in, as opposed
to a Word file (.doc) or a PowerPoint
file (.ppt), for example.

- 10 -
Appearance

This page allows you to


change the colours of the
different parts of the
page. By clicking each
“rainbow” you can select a
colour. This will appear in
the preview section on
the left so you can see
what it looks like straight
away. Alter the
appearance of the page to
suit your preferences.

The remaining three “tabs” do not apply to this exercise so you can ignore them. Click
“OK” to complete your configuration.

5. You are now ready to create your first exercise. You now need to SAVE the
exercise twice. The first save will save the JMatch file with all the information
you’ve entered. You will need this in case you want to make any alterations later. The
second save will create and save the web page that the pupil will see and use.

Click the red disk again to save


the JMatch File. Doing this will
automatically save the file.

Now save the web page. There


are two ways to do this using
the “spider’s web” buttons.
(Ignore any spider’s webs with 5
on them – use 6 only) The right
hand one will create a drag and
drop exercise; the left hand one
will create an exercise with a
drop down menu to select the
answer from. Click the right
hand button for this exercise.

- 11 -
Check that the file is
being saved into your
Animals folder

Enter the name of the file. This


should be the SAME as the
JMatch “creation” file, i.e.
Animals1. This is important as if
you need to edit a file at a later
date, it is easier to find the
creation
Now clickfile if it has the same
Save.
name as the exercise file.

Hot Potatoes will tell you that it has created the file. Tell it OK, then select “View
the exercise in my browser” to see your exercise.

Hopefully it should look something like this:

- 12 -
So now you’ve created your very first interactive exercise using the Hot Potatoes
Programme. The process may have seemed quite long, but the good news is that you
have now covered most of the basics needed across all the “Potatoes”.

You can go back into the JMatch screen to make any amendments if you need to. For
example if the pictures are too big, delete the html code where you inserted it in the
box and re-insert the picture, changing the size. Should you spot a smelling pistake
you can simply amend it, and then resave the page – Jmatch file first, then web page.

The left hand “spider’s web”, mentioned above, will create the same exercise but
looking like this:

This can be useful if you have too many pictures to fit on one drag and drop page. It
also has many other useful applications in different languages exercises. It’s all about
imagination – how can you use the application to suit your task.
Our web site - www.languagesonline.org.uk has all sorts of exercises using all the Hot
Potatoes applications.

- 13 -
B. Creating a Multi-choice exercise using JBC

Now let’s move on to exercise two in our cycle. This is going to be a multi-choice
exercise where the pupil will have to identify and click the correct word from a list
of four to identify the animal in the picture.
From the Hot Potatoes Front Page, click the JBC Potato.

Firstly, type in the title


of your exercise, e.g.
Qu’est-ce que c’est?

Next, save your JBC file


using the red disk. This
exercise will be called
Animals2, and should be
saved in the Animals folder
too. When you open the
Animals folder you will not
see any files as it is only
showing JBC files, of which
there are, as yet, none.

You are now ready to input the exercise.

This is the “question field”


where you input the
question. You’re going to
use a picture here though.
Place the cursor in this
box, then insert a picture,
in the same way as before,
either using Insert /
Picture / Picture from local
file, or using the “Insert
Picture from local file”
button.

- 14 -
Next input the four
possible answers, one right,
three wrong.

You need to tell the


computer which is the
correct answer by ticking
the box next to the
correct one.

Enter as many pictures and sets of possible answers as you wish


by working through the questions.

Once you’ve entered the exercise, you need to configure it, in the same way as
before. Check back to section 4 above if you need a reminder of how to do this. The
screens to work through are essentially the same as in JMatch. Don’t forget that the
next exercise in your cycle will be called Animals3.htm. The one extra screen you
need to look at is the “Other” tab:

This is fairly obvious. Tick


the boxes you want to be
active in your page.

- 15 -
Now you are ready to save the second exercise in your cycle.

As before, you need to do


two saves – the JBC file,
plus the web page file.
(Make sure you click the
Version 6 spider’s web!)
This exercise is called
Animals2

Once you’ve saved it you can view it. It should look something like this:

- 16 -
It is a good idea at this point to open up Exercise 1 in the cycle and check that by
clicking the “Next Exercise” button, you do actually move onto the next exercise. If
not, check that you have correctly written the name of the Next Exercise file, with
.htm in the box in the buttons configuration screen.

Next Exercise button

C. Creating a Re-ordering exercise using JMix

Next, let’s have a look at the JMix potato. This allows us to create jumbled
sentences, where the pupil has to put the parts of the sentence back into the correct
order. Keeping it simple and remaining with your animals, you can use this potato to
produce an exercise where the pupil has to put 5 animals into alphabetical order.

From the Hot Potatoes front page, open the JMix potato.

Firstly, type in the title


of your exercise, e.g.
Cinq Animaux

Next, save your JMix file


using the red disk. This
exercise will be called
Animals3, and should be
saved in the Animals folder
too. When you open the
Animals folder you will not
see any files as it is only
showing JMix files, of which
there are, as yet, none.

- 17 -
In the main Sentence
box, type the list of
animals in the correct
order, each one
separated by a line.

In the alternate sentence


section you can type any
other possibilities, i.e.
different possible word
order for a sentence. . There
are none in this case, so
ignore this section.

The next stage is the configuration. The screens are the same as before. Don’t
forget that the Next Exercise will be called Animals4.htm. The only exception is
shown below:

The Restart button


allows the pupil to
restart if he /she goes
wrong. You might want
to include it, you might
not.

Once completed you are ready to save both the JMix file and the Web page in the
normal way.

- 18 -
There are two spider’s
webs again. (Ignore any
with a 5 on them) The
right hand one will
create a drag and drop,
the left hand one a
“click the word” style
exercise.

The completed exercise is shown below, drag and drop on the left, “click the word” on
the right.

D. Creating a short answer quiz using JQuiz

Three Potatoes down, three to go!


The next exercise in the cycle is going to be a short answer quiz, where the pupil will
see a picture of an animal and will be required to write the word in a box.
From the Hot Potatoes front page, open the JQuiz Potato.

- 19 -
Firstly, type in the title
of your exercise, e.g.
C’est quel animal?

Next, save your JQuiz file


using the red disk. This
exercise will be called
Animals4, and should be
saved in the Animals folder
too. When you open the
Animals folder you will not
see any files as it is only
showing JQuiz files, of which
there are as yet none.

In the usual way, insert


a Picture into the
question field.

Next, insert the correct


answer and any other
possibilities. It is important
to cover all possibilities so
that the pupil is not told by
the computer that something
is wrong, when it is in fact
right. Thus un poisson, le
poisson and perhaps just As with JBC, insert more
poisson will all be acceptable pictures and answers by
here. scrolling through.

- 20 -
Next you’ll need to configure the exercise in the usual way, checking also the “Other”
tab, as with the JBC earlier. The next exercise will be called Animals5.htm.

Once you are complete, save the exercise as Animals4.htm and it should look
something like this:

E. Creating a gap fill exercise using JCloze

The next exercise in the cycle is going to be a gap fill exercise where the pupil will be
required to type the animal word into a gap in a sentence.
From the Hot Potatoes front page open the JCloze potato.

Firstly, type in the title


of your exercise, e.g.
Les animaux parlent.

Next, save your JCloze file using the


red disk. This exercise will be called
Animals5, and should be saved in the
Animals folder too. When you open the
Animals folder you will not see any
files as it is only showing JCloze files,
of which there are, as yet, none.

- 21 -
In the main box, type in your
text, or cut and paste it from
another application. Choose the
words you want the pupil to have
to insert and highlight it. Click
the gap button at the bottom of
the screen.

You might like to visit this website


which gives you the animal sounds in
different languages to make the task
a little more interesting:

www.georgetown.edu/faculty/ballc/animals/

You can insert a clue if you wish


to. Probably not necessary here.

You can also insert alternatives, if


appropriate, if more than one
word will fit in the gap. Perhaps
“chienne” would be another
possible word in my example here,
although in reality the pupil
probably won’t know that word!

- 22 -
Configuration time again. The next and final exercise will be called Animals6.htm. The
main exception to the screens is shown below:

These two boxes tick


boxes are fairly
obvious. If you want to
give the pupil a list of
the words to be
inserted to make the
task easier, or because
you are creating a text
reconstruction task,
tick the top box. For
case sensitive checking,
tick the bottom box.

To make the page a bit brighter, we can insert a picture. Alternatively if you want to
include a pictorial clue, you can add a picture at the beginning of each line. Place the
cursor at the beginning of the first line of the text. Now insert a picture in the usual
way.

This time this section


becomes relevant. It
tells the computer
where on the page to
put the picture. Use
either Left or Right.

Now you can save the exercise in the usual way, remembering to save twice.

- 23 -
The finished product should look something like this:

F. Creating an Interactive Crossword using JCross

And now for the final exercise in this cycle. Let’s create an interactive crossword to
practise the words we’ve used in the cycle.
From the Hot Potatoes front page, open the JCross potato. This is a wonderful
feature that allows you to produce a crossword in a matter of minutes, and also gives
you the opportunity to produce a printable version too!

Click the Insert words


button to enter the
words for the
crossword.

- 24 -
Enter a list of the
words here, one per
line, checking spelling
very carefully!

Decide how big you


want the grid to be.
The smaller the grid,
the harder it will be to
get a lot of words in.

Once finished, click


“Make the Grid”

The programme will now attempt to fit as many words into the grid as possible.

Enter the Title of the


crossword here
E.g. Les Animaux

Now it is time to add


the clues. Click the
button.

- 25 -
Select a word, and then enter
the clue for that word in the
box at the bottom of the
section. Then click “OK”.
Repeat for all the words.

Next, you need to configure you exercise in the usual way. Since this is the last in
our cycle, it is a good idea to link it back to the first one to create a full cycle. To do
this, in the next exercise link section on the buttons page, write Animals1.htm.

Finally, save your exercise, remembering to save the JCross file and the web page.

The spider’s web


creates the interactive
web page.

The printer button


creates a page that you
can print to create a
worksheet.

- 26 -
The finished page should look like this:

And there you have a cycle of six exercises. Hopefully, by clicking the Next Exercise
button you should be able to go through all six.
I have only demonstrated very simple versions of what can be done with each Hot
Potato application. The programme has so much more potential, and in my experience
is limited only by the imagination and creativity of the user. Practice and
experimentation are the best ways to find out just what you can do.

G. Creating a Unit Index Page

I find that it is useful to include an Index page with each unit that I write. If a pupil
does not finish a cycle in one session they can easily begin where they left off next
time. It also allows users to see what is in a cycle.
Microsoft Word can be used to create an online index page, in the absence of a more
powerful web editor, such as FrontPage or Dreamweaver for example.
The idea of an Index page is to have one page with links to all the exercises so that
any can be accessed – just like the index at the beginning or end of a book tells you
which page to go to for what you are looking for.

- 27 -
In Word, create a list of the exercises in your cycle:

Now save the file into your Animals folder:

The filename will be


Index as that is what
you have called it in
each of the Hot Potato
exercises you’ve
already created.

You need to ensure that


you are saving the file
as a web page and NOT
as a word document.
Next to Save as Type,
select Web Page or
.htm file.
Click Save to
create the file.

- 28 -
Now you need to create the hyperlinks which will make your index page work.

Back on the page, highlight the first exercise name. (Animals1) If your Insert
Hyperlink dialogue box does not show the animals folder, you will need to locate it on
your hard drive. Use this button.

Highlight the text.

Click the Hyperlink


button

Word should
automatically look
in the Animals
folder, since that
is where the Index
file is saved too.

From the list


select Animals1.
You’ll notice that
there are 2
Animals1 – one is a
web page and one is
your JMatch file. Once selected, the filename should
appear here: It should say Animals1.htm Click OK to create
Make sure you
the hyperlink.
select the right
one! (the one with
the “e” logo.)

When you return to the word page, you should find that the text you selected has
changes to blue and is now underlined. This indicates that it is a hyperlink. Repeat
the above with the other 5 links.

Now re-save your page. If you now have a look at one of your Animals exercises, you
should find that by clicking the Index button at the top of the screen, you can view
the index and jump straight to another exercise, and navigate around your unit.

- 29 -
If you wish to make your index page look more interesting you can do all sorts of
things to it, such as change the background colour:

Click Format.

Click Background.

Select a colour.

And there you have it – I hope!

The Hot Potatoes programme is really not complicated. It does require the
understanding of a few basic principles and ideas, but once you’ve got them, you are
free to use the programme to create all manner of exercises with unending variety
and diversity. It’s all about experimenting and playing around to see what you can
create, or how you can achieve what you have in your mind’s eye.
For more ideas, please visit our website – www.languagesonline.org.uk to see how we
use the Hot Potatoes Programme. There is very little on the entire website that has
not been created using one of the six programmes outlined above.

I hope you’ll feel inspired to have a go at using the Hot Potatoes programme with your
own pupils. I really do believe, based on our experience, that the effort put in is well
worth it.
Good luck!

Andrew Balaam

- 30 -
http://www.frenchrevision.co.uk/hot_potatoes_tutorial/

Considerations
General considerations

Hot Potatoes has no facility for editing media and as such all media must be prepared outside of Hot
Potatoes.

Hot Potatoes allows inclusion through the use of embedding of external content such as Youtube
videos. It is worth noting that any content hosted by a third party and embedded within Hot Potatoes
carries an element of risk associated with reliability - it is outside of your control. It may be that the
content is temporarily unavailable or completely removed. You need to manage this risk and have a
contingency plan should this occur. Using the example of a Youtube video, managing the risk may
mean that you need to keep a version of the video stored locally (copyright permitting) which can
be used as a fallback, or a text-based replacement.

In addition to images, video and audio, Hot Potatoes allows the inclusion of content that uses the
Adobe Flash file format. Adobe Flash supports any combination of images/video/audio so for the
sake of simplicity, we will assume any Flash content includes all three media types.

Compatible file formats

Hot Potatoes acts as a container for inserted media and as such has no restriction on your choice of
file format and neither does it offer controls for playback - it simply treats inserted media as a piece
of content contained within the quiz. It is the user's computer that determines if it is able to
display/playback the media.

Images
Hot Potatoes will accept the following image file format types:

 JPEG - best suited for photographic type images


 GIF/PNG - best suited for graphic type images

Video and audio

Audio
For the typical quiz where audio will be delivered over the web, the MP3 file type will give you the
widest compatibility with users, combined with significant file-size savings. A suitable ballpark
setting for non-critical audio material is 128kbps MP3, whose file size is less than 10% of an
equivalent CD quality uncompressed file.

Video

- 31 -
As mentioned above, Hot Potatoes is a container and therefore does not control display/playback of
video. The user's computer and its software will determine if it is able to display/playback the
media.

The official Hot Potatoes guide suggests the Windows Media Video (WMV), Adobe Flash or
QuickTime file formats. Windows Media player, which can playback the WMV file type, is widely
available in educational institutions and may be the safest choice if your institution does not have a
policy - check with IT services or your audiovisual department.

The freely available VLC player is a versatile open source video player that handles a wide range of
video file types and may be a suitable player if anybody is unable to use the above.

Delivery considerations

Hot Potatoes will produce a standard HTML file which contains the quiz and layout. The use of
HTML offers flexibility regarding delivery of the quiz. HTML can be used in a range of delivery
platforms including the Virtual Learning Environment (VLE) or when publishing directly to the
web.

By default the quiz will adapt to the width of the page in which you place the file - however, your
images and video will remain at a fixed width and height. This makes choosing the file size
dimensions for images and video a case of using your judgement, based on the most likely screen
resolution and need of your users. For example, at the University of Bristol, where JISC Digital
Media is based, the screen resolution is set to 1024x768 by default, so we would target the images
and video to work within these constraints. This will ensure that the majority of users will enjoy the
optimum experience - we would also check what happens at various smaller and larger screen
resolutions.

As HTML is flexible, you can customise the quiz layout to suit your delivery platform. For
example, when designing for a VLE you will know roughly what the maximum viewable area is,
and can produce images and video which fit this comfortably.

Note: Hot Potatoes uses ‘relative linking' to locate all media that is inserted into a quiz. In essence
this means that the multimedia should be located within the same folder location as the quiz itself to
ensure that the media will be correctly embedded.

Customising the default design


The use of HTML has the additional benefit that it is possible to customise the quiz design and
behaviours (interaction e.g. clicking a link changes the colour), if you are comfortable editing
HTML and CSS. As an additional note for advanced users, it is in fact possible to turn fixed size
media (images, video and objects) to fluid adaptable ones that would be ideal for Hot Potatoes by
following the guidance of Ethan Marcotte in 'Fluid images'. Here Marcotte describes how to get
around the problem of fixed dimensions by using some HTML and CSS customisation to allow
fixed-size media to adapt their size to the layout.

Why not just use fixed size images?

- 32 -
Fixed-size media is fine when structural elements (containing boxes for content) use fixed size
'widths', as you will know the widths of all elements . However, as many websites and HTML pages
are now being designed to adapt to the browser window size using fluid and adaptive structuring
techniques, the standard use of fixed-size media is not always ideal as it is unable to adjust.
Therefore using Ethan Marcotte's technique will resolve this issue and is certainly worth
considering for many projects and resources.

Summing up Hot Potatoes


Images, video and audio can all be used flexibility in Hot Potatoes. Once you decide on appropriate
file formats and a template for sizing, the use of digital media should open up even more
opportunities for you to produce new and engaging quizzes to support teaching and learning.

- 33 -
http://www.ewbooks.info/hotpot/tutorials/hotpotatoes-tutorials/flashvideo.html

http://www.ewbooks.info/hotpot/tutorials.html

http://www.ashcombe.surrey.sch.uk/dv/dvextras.htm

El ultimo es el chingon Miguel recuerdalo….

http://www.cyberteacher.it/esercizi_eng.htm

http://www.cyberteacher.it/istruzioni_eng.htm

<html>

<head>

<title>French Video-on-Demand</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" type="text/JavaScript">

function MM_openBrWindow(theURL,winName,features)
{window.open(theURL,winName,features);}

</script>

</head>

<body>

<a href="#" onClick="MM_openBrWindow('video_frameset.htm','','width=760,height=520')">The


First Thanksgiving Story</a>

</body>

</html>

- 34 -
<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>

<embed src="The First Thanksgiving Story.wmv" width="150" height="150">

</embed>

</body>

</html>

- 35 -
- 36 -

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy