beatty@lasalle.edu

Home
Assignments
Resources
Syllabus
Weekly



Web Design and Development
DART/ENG 230

TR 11:00 - 12:15 (S 21); H-167


Apr. 19

April 24

Apr. 26

  • Image map demo/site of the day from: Aseel
Today’s topics are image maps, and animated GIFs.

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