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

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

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

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

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

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

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

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

Walkin’ the walk Dreamweaver Navigation 9 Graduate Design production

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

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

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

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

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

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

File storage / server 16 Graduate Design production

Purpose & Objectives 17 Graduate Design production

Storyboarding 18 Graduate Design production

Images / Graphics 19 Graduate Design production

Sound 20 Graduate Design production

Timeline 21 Graduate Design production

Resources 22 Graduate Design production

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

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

Lesson 2 Summary 25 Graduate Design production

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

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

Create Pages 28 Graduate Design production

Layout and Set up 29 Graduate Design production

Templates 30 Graduate Design production

Adding Content 31 Graduate Design production

Adding Sound 32 Graduate Design production

Adding Graphics 33 Graduate Design production

Linking Pages 34 Graduate Design production

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

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

Lesson 3 Summary 37 Graduate Design production

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

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

Loading to a server 40 Graduate Design production

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

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

Lesson 4 Summary 43 Graduate Design production

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

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

Making Changes After Publishing 46 Graduate Design production

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

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

Lesson 5 Summary 49 Graduate Design production

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

Module Summary 51 Graduate Design production

Knowledge Check 52 Graduate Design production