1 / 16

Images, Links, and Multimedia

Images, Links, and Multimedia. Links. I Link, Therefore I Am. Links. Puts the Web in World Wide Web! Reference to information. Types of Links. mypage.html Me Family Pets. Internal. External/ Internal. External (off site). External (on site). www.nczoo.org. resume.html

crispin-holley
Download Presentation

Images, Links, and Multimedia

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Images, Links, and Multimedia

  2. Links I Link, Therefore I Am

  3. Links • Puts the Web in World Wide Web! • Reference to information.

  4. Types of Links mypage.html Me Family Pets Internal External/ Internal External (off site) External (on site) www.nczoo.org resume.html Education Work photos.html fun.html www.kodak.com

  5. Site Structure mypage.html Me Family Pets index.html www.nczoo.org resume.html Education Work photos.html fun.html www.kodak.com

  6. Structure of a Link <ahref=“target”> Link Label </a> Almost anything can be a link label Absolute or Relative Path

  7. <html> <body> <a href="work.html">Work Stuff</a><br /> <a href="fun.html">Fun Stuff</a><br /> </body> </html> mainpage.html <html> <body> Work Stuff Goes Here<br /> <p>This is where all of the work stuff goes!</p> </body> </html> work.html External Links (On Site)

  8. Internal Links . . . <a href="#work">Work Stuff</a><br /> <a href="#fun">Fun Stuff</a><br /> <a id="work" />Work Stuff Goes Here <p>This is where all of the work stuff goes!</p> <a id="fun" />Fun Stuff Goes Here <p>This is where all of the fun stuff goes!</p> . . .

  9. External Links (Off Site) . . . Work Stuff Goes Here<br /> <p>This is where all of the work stuff goes!</p> <a href="http://www.hp.com">Hewlett Packard</a> <br /> . . . www.hp.com

  10. . . . <a href="work.html">Work Stuff</a><br /> <a href="work.html#links">Work Links</a><br /> <a href="fun.html">Fun Stuff</a><br /> . . . mainpage.html . . . <a id="links" />Links to Related Sites<br /> <a href="http://www.hp.com">Hewlett Packard</a> <br /> . . . work.html External/Internal Links

  11. Links Recap <a href="work.html">Work Stuff</a> <a href="http://www.hp.com">HP</a> <a href="#fun">Fun Stuff</a> <a href="work.html#links">Work Links</a>

  12. Some Site Design Issues • Page length. • To Back link or not? • Click depth. • Site map. • “You Are Here” location guide. • Deep linking!

  13. Images as Links • Image as a link. • Image maps: • Use tool to create (e.g., Fireworks). • Provide text links.

  14. Image as a Link Reminder: Almost Anything Can Be a Link <a href="http://www.hp.com"> </a> THE LINK LABEL GOES HERE <a href="http://www.hp.com"> <img src="computer.gif" /> </a> <a href="http://www.hp.com"> <img src="computer.gif" /> Hewlett Packard </a>

  15. Multimedia

  16. Multimedia Objects • Includes audio, video, 3D, and animation. • Embed and Object. • Use sparingly. • Provide “off” option for audio. • Do not auto play audio on load! • Mixed support by OS and browser.

More Related