Activity TITLE:
DIRECTIONS:
DRAGGABLES (divs you name that will
be draggable and be of the size you
set them and at the location relative to the whole page at which you
place them).
(In the image blank, put simply the name of the image (example: whatever.gif), if it is in the
same folder as everything else; otherwise the full http address, including that file name.
Height, Width, x, and y are just integer numbers -- from the popup 'location helper' link, below
THE SAME IS TRUE FOR THE DROP TARGETS, IN THE NEXT SECTION.) USER NOTES
CLICK HERE for a popup of a web
page to help you identify desired x and y coordinates
and height and width FOR EACH DIV, for this section and for the section below.
DROP TARGETS (divs you name that
will respond to Draggables and be of the size you
set them and at the location relative to the whole page at which you
place them).
(In the image blank, put simply the name of the image (example: whatever.gif), if it is in the
same folder as everything else; otherwise the full http address, including that file name.)
(then all the needed cells will be generated in the table below AND all
the needed fields in the final section as well)
Table for messages (displayed either via alert OR tooltip, depending on
whether correct
drag object was dropped over
the correct drog target OR not). In each cell please provide the
appropriate
MESSAGE FOR THE STUDENT.
Draggables |--> DropTargets (below): |
Drop Target Correct Answer(s) (WITH the named draggable divs, separated
by commas --
in the correct order, if the ORDER matters (and if it does, check the checkbox)).
(No comma after the last correct answer; also: use the names YOU gave, not numbered.)
DIRECTIONS The Builder builds the html for the web page. You still have to
copy the html from the bottom
textarea and paste it in NotePad (or SimpleText ) and save it as
whatever.html . |
Get your other needed files HERE.
Try test1.htm and test2.htm for very crude examples (yet showing key functionality).
HERE is a actual simple, but realistic, example of an application built with the Builder by a teacher.
HERE is a bigger, and perhaps more impressive example (still, only very partially used, and having even more potential).
Any feedback would be appreciated lorlarz@gmail.com. I am also open to suggestions about other things you might like. Thanks.