How to build a web site in dreamweaver
This presentation is the property of its rightful owner.
Sponsored Links
1 / 52

How to build a web site in Dreamweaver PowerPoint PPT Presentation


  • 89 Views
  • Uploaded on
  • Presentation posted in: General

How to build a web site in Dreamweaver. Presented by Graduate Design Group 2 Meredith, Jennifer, Cammay and Diane. What is Dreamweaver?. Dreamweaver is a software application: “ideal for web designers, web developers, and visual designers.” Authors websites and other applications.

Download Presentation

How to build a web site in Dreamweaver

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


How to build a web site in dreamweaver

How to build a web site in Dreamweaver

Presented by Graduate Design

Group 2

Meredith, Jennifer, Cammay and Diane


What is 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.

Graduate Design production


Why do you need to know dreamweaver

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.

Graduate Design production


Outline

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

Graduate Design production


Objectives

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.

Graduate Design production


Lesson 1 introduction to dreamweaver

Lesson 1: Introduction to Dreamweaver

Overview

DW terms

DW navigation

DW tools/buttons

Show Me Demonstration

Knowledge Check

Summary

Graduate Design production


Dreamweaver overview

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.

Graduate Design production


Talkin the talk

Talkin’ the talk

  • Dreamweaver Terms

    • Adobe Creative Suite 4 Web Premium

    • JavaScript

    • Code

    • CSS

    • HTML

    • XML

    • database

Graduate Design production


Walkin the walk

Walkin’ the walk

Dreamweaver Navigation

Graduate Design production


Every expert needs their tools

Every expert needs their tools

Dreamweaver Tools & Buttons

Graduate Design production


Show me demonstration

Show Me Demonstration

  • Captivate Demo goes here.

    • Demo Dreamweaver Menus, Navigation, Tools and Buttons

    • Less than 5 minutes.

    • With audio

Graduate Design production


Knowledge check

Knowledge Check

Question

Distracter

Answer

Distracter

Distracter

Graduate Design production


Lesson 1 summary

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.

Graduate Design production


Lesson 2 preparation

Lesson 2: Preparation

Preparation Overview

File storage / server

Purpose & Objectives

Storyboarding

Images / Graphics

Sound

Timeline

Resources

Show Me Demonstration

Knowledge Check

Summary

Graduate Design production


Preparation overview

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.

Graduate Design production


File storage server

File storage / server

Graduate Design production


Purpose objectives

Purpose & Objectives

Graduate Design production


Storyboarding

Storyboarding

Graduate Design production


Images graphics

Images / Graphics

Graduate Design production


Sound

Sound

Graduate Design production


Timeline

Timeline

Graduate Design production


Resources

Resources

Graduate Design production


Show me demonstration1

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

Graduate Design production


Knowledge check1

Knowledge Check

Question

Distracter

Answer

Distracter

Distracter

Graduate Design production


Lesson 2 summary

Lesson 2 Summary

Graduate Design production


Lesson 3 creating your own website

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

Graduate Design production


Overview of website creation

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.

Graduate Design production


Create pages

Create Pages

Graduate Design production


Layout and set up

Layout and Set up

Graduate Design production


Templates

Templates

Graduate Design production


Adding content

Adding Content

Graduate Design production


Adding sound

Adding Sound

Graduate Design production


Adding graphics

Adding Graphics

Graduate Design production


Linking pages

Linking Pages

Graduate Design production


Show me demonstration2

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

Graduate Design production


Knowledge check2

Knowledge Check

Question

Distracter

Answer

Distracter

Distracter

Graduate Design production


Lesson 3 summary

Lesson 3 Summary

Graduate Design production


Lesson 4 publishing your website

Lesson 4: Publishing Your Website

Overview

Publishing options

Loading to a server

Show Me Demonstration

Knowledge Check

Summary

Graduate Design production


Publishing overview

Publishing Overview

By the end of this lesson, you should be able to:

Understand the web site publishing options, and process.

Graduate Design production


Loading to a server

Loading to a server

Graduate Design production


Show me demonstration3

Show Me Demonstration

  • Captivate demo goes here.

  • Shows:

    • Location of publishing options

    • Demo publishing a page

Graduate Design production


Knowledge check3

Knowledge Check

Question

Distracter

Answer

Distracter

Distracter

Graduate Design production


Lesson 4 summary

Lesson 4 Summary

Graduate Design production


Lesson 5 editing your website

Lesson 5: Editing Your Website

Overview

Making changes after publishing

Maintaining the web page

Show Me Demonstration

Knowledge Check

Summary

Graduate Design production


Editing overview

Editing Overview

By the end of this lesson, you should be able to:

Edit and maintain your website after publication.

Graduate Design production


Making changes after publishing

Making Changes After Publishing

Graduate Design production


Show me demonstration4

Show Me Demonstration

  • Captivate Demo goes here.

  • Show:

    • How to make changes after publishing

    • How to maintain the web page files.

Graduate Design production


Knowledge check4

Knowledge Check

Question

Distracter

Answer

Distracter

Distracter

Graduate Design production


Lesson 5 summary

Lesson 5 Summary

Graduate Design production


Lesson 6 conclusion

Lesson 6: Conclusion

Module Review

Knowledge Check

Graduate Design production


Module summary

Module Summary

Graduate Design production


Knowledge check5

Knowledge Check

Graduate Design production


  • Login