beatty@lasalle.edu

Home
Assignments
Resources
Syllabus
Weekly

Best viewed with:
Firefox at 1024 X 768


Web Design and Development
DART/ENG 230

TR 9:30 - 10:45 (S 21); H-167


Dec. 1

December 3

Dec. 8

  • Image map demo/site of the day from:
Today’s topics are image maps, more JavaScript, and animated GIFs. We'll write a five-line JavaScript that outputs the sum of two integers. For JavaScript dropdowns, now feasible in CSS, you could try Dynamic Drive's Anylink dropdown menu.

From last day, related items include a script I borrowed from the C|NET folks that uses an: Image map.
And here is a simple image map made in Dreamweaver that shows the code behind the three types of hotspots.

Insert this image into a Dreamweaver page and use the Properties Inspsector to create an image map with the three types of hotspots. Then look at these demos I made to show an image map with window scripts; one with a close script added.

    Finally, we’ll build an animated GIF (not a photo) in Photoshop. Think of ways to do one for your final project made with text that could be like this, or use a photo and motion tween, fade, etc., or
    one that's more video-like:

    There's an animated GIF here (Step 7) and also a Google page on fusion tables. Also, this page from Adobe Create uses the timeline (as opposed to frames) to make a GIF.


Web Development Site maintained by John Beatty