2. Committed to Shaping the Next Generation of IT Experts. Essentials For Design Dreamweaver Level One Julian Rickards Project 4 Linking the Site

3. Copyright (c) 2004 Prentice-Hall. All rights reserved. 2 Objectives Absolute and relative paths Browse-for-file method Absolute and relative links Link to another Web site Email link Link from an image Image maps and hotspots Link to named anchors Folders and subdomains

4. Why Would I Do This? Links Uniform resource locator (URL) Link source Link destination Link activation

5. Copyright (c) 2004 Prentice-Hall. All rights reserved. 4 Links Graphics Words Email

6. Copyright (c) 2004 Prentice-Hall. All rights reserved. 5 Protocols For Links Internal to site External to site  Http  Ftp  Mailto Anchor tag  href

7. Copyright (c) 2004 Prentice-Hall. All rights reserved. 6 Visual Summary Property inspector Link field Point to file Browse

8. Copyright (c) 2004 Prentice-Hall. All rights reserved. 7 Links From Images Property inspector now shows options for linking selected image Hotspot tools

9. Copyright (c) 2004 Prentice-Hall. All rights reserved. 8 Common Insert Bar Create linkages Create hotspots

10. Copyright (c) 2004 Prentice-Hall. All rights reserved. 9 Creating Paths Relative Vs. Absolute Paths  Calling page  Destination page Relative  Current page Absolute  Root folder

11. Copyright (c) 2004 Prentice-Hall. All rights reserved. 10 Linking Within Your Web Site Anchor tags Flowcharting Visitor considerations Navigation bars

12. Copyright (c) 2004 Prentice-Hall. All rights reserved. 11 Browse-for-file Method Browse for file

13. Copyright (c) 2004 Prentice-Hall. All rights reserved. 12 Browse-for-file Method (Continued)

14. Copyright (c) 2004 Prentice-Hall. All rights reserved. 13 Absolute Links To A Local Web Page Absolute path Image problems Web-server applications External links

15. Copyright (c) 2004 Prentice-Hall. All rights reserved. 14 Create An Absolute Link /default.htm

16. Copyright (c) 2004 Prentice-Hall. All rights reserved. 15 Linking To Other Web Sites Absolute link is required  http:// http://www.mapquest.com

17. Copyright (c) 2004 Prentice-Hall. All rights reserved. 16 Creating Email Links Specific protocol  mailto: Good etiquette  Use actual address

18. Copyright (c) 2004 Prentice-Hall. All rights reserved. 17 Create An Email Link

19. Copyright (c) 2004 Prentice-Hall. All rights reserved. 18 Create An Email Link (continued) Email link displayed in browser

20. Copyright (c) 2004 Prentice-Hall. All rights reserved. 19 Using Images As Links Existing graphics Browse-for-file or Point-to-file Text-based browsers  Alt-text attribute

21. Copyright (c) 2004 Prentice-Hall. All rights reserved. 20 Using Images As Links (continued)

22. Copyright (c) 2004 Prentice-Hall. All rights reserved. 21 Using Images As Links (continued)

23. Copyright (c) 2004 Prentice-Hall. All rights reserved. 22 Creating Image Maps Image  Image maps Regions of the image  Hotspots Evolve with mouse rollover Any image Hotspot 1Hotspot 2 Hotspot 3Hotspot 4

24. Copyright (c) 2004 Prentice-Hall. All rights reserved. 23 Image Map Multiple hotspots

25. Copyright (c) 2004 Prentice-Hall. All rights reserved. 24 DHTML (dynamic HTML) Web server (server-side) or Browser (client-side) Image Mapping Any image Hotspot 1Hotspot 2 Hotspot 3Hotspot 4

26. Copyright (c) 2004 Prentice-Hall. All rights reserved. 25 Irregular Hotspots

27. Copyright (c) 2004 Prentice-Hall. All rights reserved. 26 Irregular Hotspots Rectangular Circular Polygonal

28. Copyright (c) 2004 Prentice-Hall. All rights reserved. 27 Linking Within Pages Within active page As named anchors (bookmarks)  FAQs

29. Copyright (c) 2004 Prentice-Hall. All rights reserved. 28 Linking Within Pages (continued)

30. Copyright (c) 2004 Prentice-Hall. All rights reserved. 29 Linking Within Pages (continued)

31. Copyright (c) 2004 Prentice-Hall. All rights reserved. 30 Web Site Organization Root folder  Default file names Subfolders  To assist in related grouping By topic, for example Subdomains  To increase levels of information control for very large Web sites

32. Copyright (c) 2004 Prentice-Hall. All rights reserved. 31 Explore IBM.COM

33. Copyright (c) 2004 Prentice-Hall. All rights reserved. 32 Explore IBM.COM (continued)

34. Copyright (c) 2004 Prentice-Hall. All rights reserved. 33 Summary  Absolute and relative paths  Browse-for-file method  Absolute and relative links  Link to another Web site  Email link  Link from an image  Image maps and hotspots  Link to named anchors  Folders and subdomains

35. Copyright (c) 2004 Prentice-Hall. All rights reserved. 34 End-of-Project Exercises SScreen ID MMultiple Choice DDiscussion Questions SSkill Drill EExplore Other Methods for Creating Links LLinks Pages Using the Link List LLink to Named Anchors in Other Pages CCreate an Image-Map Navigation Bar LLink to a PDF Document UUse Link Management in Dreamweaver

36. Copyright (c) 2004 Prentice-Hall. All rights reserved. 35 End-of-Project Exercises (continued) CChallenge SSet Links in a Page to the Others in the Site CCreate Named Anchors and Links CCreate Links from Appropriately Descriptive Text CCreate a List of Links to Competitive Businesses PPortfolio Builder CCreate a Portal Site

37. Copyright (c) 2004 Prentice-Hall. All rights reserved. 36 What Are Your Questions