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

3. Copyright (c) 2004 Prentice-Hall. All rights reserved. 2 Objectives  Effective ways to use frames  Properties of framesets and frames  Create a framed-layout  With new pages  Using existing pages  Frameset options  Create links between frames  Set page properties  Accommodate browsers

4. Copyright (c) 2004 Prentice-Hall. All rights reserved. 3 Why Would I Do This? Pros  Static content  Faster download Cons  Browser support  Bookmarks  Search results  Printing  Frameset page  Frame  Visibility  Usage

5. Copyright (c) 2004 Prentice-Hall. All rights reserved. 4 Visual Summary Frames panel Frameset

6. Copyright (c) 2004 Prentice-Hall. All rights reserved. 5 Visual Summary (continued) Frame properties Frameset properties

7. Copyright (c) 2004 Prentice-Hall. All rights reserved. 6 Frames-based Web Sites Web site within a frame Frames turn-off

8. 7 Properties Of A Framed Layout Nested frames Characteristics of nested frames

9. 8 Framed Layout In Dreamweaver Select frame

10. 9 Framed Layout In Dreamweaver (continued)

11. 10 Framed Layout In Dreamweaver (continued)

12. Copyright (c) 2004 Prentice-Hall. All rights reserved. 11 Work With Web Pages In Frames Frameset page is selected Header frame is clicked

13. Copyright (c) 2004 Prentice-Hall. All rights reserved. 12 Work With Web Pages In Frames (continued) Edit frame in document window

14. Copyright (c) 2004 Prentice-Hall. All rights reserved. 13 Creating A Frameset With New Pages Predefined framesets  Modifiable  Fixed Two methods  From start page  HTML

15. Copyright (c) 2004 Prentice-Hall. All rights reserved. 14 Choose The Frames Layout Framesets Preview window Fixed top frameset  Gray frames lines

16. Copyright (c) 2004 Prentice-Hall. All rights reserved. 15 Rename The Frames

17. Copyright (c) 2004 Prentice-Hall. All rights reserved. 16 Resize The Frames

18. Copyright (c) 2004 Prentice-Hall. All rights reserved. 17 Add Content To The Frames

19. Copyright (c) 2004 Prentice-Hall. All rights reserved. 18 Save The Frameset And Frames

20. Copyright (c) 2004 Prentice-Hall. All rights reserved. 19 Creating A Frameset With Existing Pages Very similar Bring existing page into frame Adjust dimensions  Visually  Via property inspector

21. Copyright (c) 2004 Prentice-Hall. All rights reserved. 20 Choose And Prepare The Frameset Choose top and bottom frames

22. Copyright (c) 2004 Prentice-Hall. All rights reserved. 21 Insert Existing Web Pages Into Frames Choose topnav

23. Copyright (c) 2004 Prentice-Hall. All rights reserved. 22 Insert Existing Web Pages Into Frames (continued) photoLarge frame

24. Copyright (c) 2004 Prentice-Hall. All rights reserved. 23 Insert Existing Web Pages Into Frames (continued) Select the photoThumbs frame in the frames panel.

25. Copyright (c) 2004 Prentice-Hall. All rights reserved. 24 Using Frameset Options Settings  Scroll bars Yes, no, default  Borders Size, color, disable  Visitor resizing

26. Copyright (c) 2004 Prentice-Hall. All rights reserved. 25 Explore Frameset Options Preview in the browser

27. Copyright (c) 2004 Prentice-Hall. All rights reserved. 26 Explore Frameset Options Resize the browser to spawn the vertical scroll bars

28. Copyright (c) 2004 Prentice-Hall. All rights reserved. 27 Set And Test The Scroll Options Set to auto and preview Set scroll setting to yes

29. Copyright (c) 2004 Prentice-Hall. All rights reserved. 28 Explore Frameset Border Settings Not standard Used in design view as guide Not on by default Settings in property inspector

30. Copyright (c) 2004 Prentice-Hall. All rights reserved. 29 Explore Frameset Border Settings Preview in the browser Visible borders

31. Copyright (c) 2004 Prentice-Hall. All rights reserved. 30 Set the Frame-Resize Option Enable resize Check for sufficient size

32. Copyright (c) 2004 Prentice-Hall. All rights reserved. 31 Linking Between Frames Each frame can be a target Target tag  _blank  _self _parent _top

33. Copyright (c) 2004 Prentice-Hall. All rights reserved. 32 Target Links To Frames Photothumbs

34. Copyright (c) 2004 Prentice-Hall. All rights reserved. 33 Link Thumbnail Images To Large Photos Thumbnail targeted to photoLarge frame

35. Copyright (c) 2004 Prentice-Hall. All rights reserved. 34 Link Thumbnail Images from Outside the Frameset

36. Copyright (c) 2004 Prentice-Hall. All rights reserved. 35 Use The <base> Tag To Set The Common Target

37. Copyright (c) 2004 Prentice-Hall. All rights reserved. 36 Setting Page Properties Of Framed Pages Individually Common style Seamless

38. Copyright (c) 2004 Prentice-Hall. All rights reserved. 37 Set Page Backgrounds From Outside The Frameset

39. Copyright (c) 2004 Prentice-Hall. All rights reserved. 38 Creating NoFrames Content Create basic noframes content

40. Summary Effective ways to use frames Properties of framesets and frames Create a framed- layout  With new pages  Using existing pages Frameset option Create links between frames Set page properties Accommodate browsers

41. End-of-Project Exercises Screen ID Multiple Choice Discussion Questions Skill Drill LLink to External Sites EEmbed a Frameset in a Frame LLink Nested Framesets CCreate a Complex Frameset

42. Copyright (c) 2004 Prentice-Hall. All rights reserved. 41 End-of-Project Exercises Challenge CCreate a Seamless Framed Layout SSplitting a Nonframed Page into Frames Portfolio Builder CCreate a Frame-Based Product Display Page

43. What Are Your Questions