how to build a web site in dreamweaver

PRESENTED BY GRADUATE DESIGNGROUP 2

MEREDITH, JENNIFER, CAMMAY AND DIANE

How to build a web site in Dreamweaver

Graduate Design production

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.


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.


4

Outline

Lesson 1: Dreamweaver OverviewLesson 2: PreparationLesson 3: Creating Your Own WebsiteLesson 4: Publishing Your WebsiteLesson 5: Editing Your WebsiteLesson 6: Conclusion


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.


6

Lesson 1: Introduction to Dreamweaver

OverviewDW termsDW navigationDW tools/buttonsShow Me DemonstrationKnowledge CheckSummary


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.


8

Talkin’ the talk

Dreamweaver Terms Adobe Creative Suite 4 Web Premium JavaScript Code CSS HTML XML database


9

Walkin’ the walk

Dreamweaver Navigation


10

Every expert needs their tools

Dreamweaver Tools & Buttons


11

Show Me Demonstration

Captivate Demo goes here. Demo Dreamweaver Menus, Navigation, Tools and

Buttons Less than 5 minutes. With audio


12

Knowledge Check

Question

a. Distracterb. Answerc. Distracterd. Distracter


13

Lesson 1 Summary

In this lesson, you learned:Terms related to web development and

DreamweaverTools and buttons meant to help you navigate

and use Dreamweaver.


14

Lesson 2: Preparation

Preparation OverviewFile storage / serverPurpose & ObjectivesStoryboardingImages / GraphicsSoundTimelineResourcesShow Me DemonstrationKnowledge CheckSummary


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.


16

File storage / server


17

Purpose & Objectives


18

Storyboarding


19

Images / Graphics


20

Sound


21

Timeline


22

Resources


23


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


24

Knowledge Check

Question



25

Lesson 2 Summary


26

Lesson 3: Creating Your Own Website

OverviewCreate pagesLayout and setup pagesTemplatesAdding contentAdding soundAdding graphicsLinking pagesShow Me DemonstrationKnowledge CheckSummary


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.


28

Create Pages


29

Layout and Set up


30

Templates


31

Adding Content


32

Adding Sound


33

Adding Graphics


34

Linking Pages


35


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


36

Knowledge Check

Question



37

Lesson 3 Summary


38

Lesson 4: Publishing Your Website

OverviewPublishing optionsLoading to a serverShow Me DemonstrationKnowledge CheckSummary


39

Publishing Overview

By the end of this lesson, you should be able to:Understand the web site publishing options,

and process.


40

Loading to a server


41


Captivate demo goes here.Shows:

Location of publishing options Demo publishing a page


42

Knowledge Check

Question



43

Lesson 4 Summary


44

Lesson 5: Editing Your Website

OverviewMaking changes after publishingMaintaining the web pageShow Me DemonstrationKnowledge CheckSummary


45

Editing Overview

By the end of this lesson, you should be able to:Edit and maintain your website after

publication.


46

Making Changes After Publishing


47


Captivate Demo goes here.Show:

How to make changes after publishing How to maintain the web page files.


48

Knowledge Check

Question



49

Lesson 5 Summary


50

Lesson 6: Conclusion

Module ReviewKnowledge Check


51

Module Summary


52

Knowledge Check

how to build a web site in dreamweaver

Documents