1. PRESENTED BY GRADUATE DESIGN GROUP 2 MEREDITH, JENNIFER, CAMMAY AND DIANE How to build a web site in Dreamweaver

2. What is Dreamweaver? Dreamweaver is a software application: “ideal for web designers, web developers, and visual designers.” Authors websites and other applications. Creates web pages:  From a template  With code  From scratch Works with Photoshop and Fireworks. 2 Graduate Design production

3. Why do you need to know Dreamweaver? As an Instructional Designer, you may be asked to create training intended for the internet. Benefits of Dreamweaver : Simplifies the web page building process. Supports the latest web technologies. Works on both Mac OS and Windows platforms. Offers a variety of publishing options. Allows for easy web page maintenance. 3 Graduate Design production

4. Outline Lesson 1: Dreamweaver Overview Lesson 2: Preparation Lesson 3: Creating Your Own Website Lesson 4: Publishing Your Website Lesson 5: Editing Your Website Lesson 6: Conclusion 4 Graduate Design production

5. Objectives By the end of this training module, you should be able to: Use the correct terms, tools and buttons when you navigate through Dreamweaver. Prepare for creating a website through the strategic gathering of information, files and documents. Create a webpage by customizing the layout, and adding sound, graphics, and content. Link multiple web pages together for a layered web site. Understand the web site publishing options, and process. Edit and maintain your website after publication. 5 Graduate Design production

6. Lesson 1: Introduction to Dreamweaver Overview DW terms DW navigation DW tools/buttons Show Me Demonstration Knowledge Check Summary 6 Graduate Design production

7. Dreamweaver Overview By the end of this lesson, you should be able to: Use the correct terms, tools and buttons when you navigate through Dreamweaver. 7 Graduate Design production

8. Talkin’ the talk Dreamweaver Terms  Adobe Creative Suite 4 Web Premium  JavaScript  Code  CSS  HTML  XML  database 8 Graduate Design production

9. Walkin’ the walk Dreamweaver Navigation 9 Graduate Design production

10. Every expert needs their tools Dreamweaver Tools & Buttons 10 Graduate Design production

11. Show Me Demonstration Captivate Demo goes here.  Demo Dreamweaver Menus, Navigation, Tools and Buttons  Less than 5 minutes.  With audio 11 Graduate Design production

12. Knowledge Check Question a. Distracter b. Answer c. Distracter d. Distracter 12 Graduate Design production

13. Lesson 1 Summary In this lesson, you learned: Terms related to web development and Dreamweaver Tools and buttons meant to help you navigate and use Dreamweaver. 13 Graduate Design production

14. Lesson 2: Preparation Preparation Overview File storage / server Purpose & Objectives Storyboarding Images / Graphics Sound Timeline Resources Show Me Demonstration Knowledge Check Summary 14 Graduate Design production

15. Preparation Overview By the end of this lesson, you should be able to: Prepare for creating a website through the strategic gathering of information, files and documents. 15 Graduate Design production

16. File storage / server 16 Graduate Design production

17. Purpose & Objectives 17 Graduate Design production

18. Storyboarding 18 Graduate Design production

19. Images / Graphics 19 Graduate Design production

20. Sound 20 Graduate Design production

21. Timeline 21 Graduate Design production

22. Resources 22 Graduate Design production

23. Show Me Demonstration Captivate demo goes here. Shows:  Where and how to access file storage/server info  How to set up and save images and graphics  How to set up and save audio files 23 Graduate Design production

24. Knowledge Check Question a. Distracter b. Answer c. Distracter d. Distracter 24 Graduate Design production

25. Lesson 2 Summary 25 Graduate Design production

26. Lesson 3: Creating Your Own Website Overview Create pages Layout and setup pages Templates Adding content Adding sound Adding graphics Linking pages Show Me Demonstration Knowledge Check Summary 26 Graduate Design production

27. Overview of Website Creation By the end of this lesson, you should be able to: Create a webpage by customizing the layout, and adding sound, graphics, and content. Link multiple web pages together for a layered web site. 27 Graduate Design production

28. Create Pages 28 Graduate Design production

29. Layout and Set up 29 Graduate Design production

30. Templates 30 Graduate Design production

31. Adding Content 31 Graduate Design production

32. Adding Sound 32 Graduate Design production

33. Adding Graphics 33 Graduate Design production

34. Linking Pages 34 Graduate Design production

35. Show Me Demonstration Captivate Demo goes here. Shows:  How to create a web page from a template  How to choose a layout and set up a page  How to create a template  How to add content, sound and graphics  How to link pages 35 Graduate Design production

36. Knowledge Check Question a. Distracter b. Answer c. Distracter d. Distracter 36 Graduate Design production

37. Lesson 3 Summary 37 Graduate Design production

38. Lesson 4: Publishing Your Website Overview Publishing options Loading to a server Show Me Demonstration Knowledge Check Summary 38 Graduate Design production

39. Publishing Overview By the end of this lesson, you should be able to: Understand the web site publishing options, and process. 39 Graduate Design production

40. Loading to a server 40 Graduate Design production

41. Show Me Demonstration Captivate demo goes here. Shows:  Location of publishing options  Demo publishing a page 41 Graduate Design production

42. Knowledge Check Question a. Distracter b. Answer c. Distracter d. Distracter 42 Graduate Design production

43. Lesson 4 Summary 43 Graduate Design production

44. Lesson 5: Editing Your Website Overview Making changes after publishing Maintaining the web page Show Me Demonstration Knowledge Check Summary 44 Graduate Design production

45. Editing Overview By the end of this lesson, you should be able to: Edit and maintain your website after publication. 45 Graduate Design production

46. Making Changes After Publishing 46 Graduate Design production

47. Show Me Demonstration Captivate Demo goes here. Show:  How to make changes after publishing  How to maintain the web page files. 47 Graduate Design production

48. Knowledge Check Question a. Distracter b. Answer c. Distracter d. Distracter 48 Graduate Design production

49. Lesson 5 Summary 49 Graduate Design production

50. Lesson 6: Conclusion Module Review Knowledge Check 50 Graduate Design production

51. Module Summary 51 Graduate Design production

52. Knowledge Check 52 Graduate Design production