EDUC 370 - Instructional Technology: Web Graphics

Web Graphics

The HTML

You will always use "inline" graphics. They are placed using the <img src="url"> tag. The URL can be absolute or relative, but 99% of the time you will use relative (linking to another person's links is both bad form and risky, as who knows with they will move them?).

• Tutorial for Relative and Absolute Links
• Inline Images

Exercise

1. Download this file - sample.gif
2. Place it in the same foler as last week's index.html
3. Create a link on your index.html by typing <img src="sample.gif">
4. Upload the new version of index.html and the sample.gif file
5. View in browser

Graphics Work

I'd like you to take a fair amount of time and work on graphics. There are a number of links available to help you at any level. Please view the table on the right for places to help your graphics work.

I strongly suggest going through Graphics 101.

• Graphics 101
• Scanning images and adding to a web page
• Background Basics
  (about background graphics)
• Rollovers
• Adding Images to your Web site (Philip Greenspun)

Technologies of Interest

• Acrobat
  • Adobe Acrobat Site
• Electronic Paper
  • Xerox PARC and Electronic Reusable Paper
• HyperText
  • Vannevar Bush and As We May Think
    • Comments at Wikipedia
  • The Electronic Labyrinth
• HyperMedia
  • Louvre Museum
  • Macromedia Flash Video Examples (probably won't work in ODU labs due to need of Flash 7 player)
• Collaborative Communitiy
  • Wikipedia
  • myspace
  • Flickr
  • del.icio.us

 

 

Search 370