How to build a web site in dreamweaver
Download
1 / 52

How to build a web site in Dreamweaver - PowerPoint PPT Presentation


  • 126 Views
  • Uploaded on

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.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' How to build a web site in Dreamweaver' - lamont


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


ad