Your SlideShare is downloading. ×
Adobe Dreamweaver1
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Adobe Dreamweaver1


Published on

Published in: Technology, Design

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Creating a website using Adobe Dreamweaver Presented by: Nikki Kinoshita
  • 2. Topic
    • Topic for my final project is creating a website using Adobe Dreamweaver.
    • Lesson is a great resource, helpful and useful to:
      • For ABIT students at MauiCC
      • For students taking ICS courses at MauiCC
      • For students in the Educational Technology program
  • 3. Alternative delivery system
    • Lesson could be presented:
      • Asynchronous/Synchronous
      • Through web conferencing
      • Creating website activity may be done before or after lesson
      • Having a collaborative group discussion of the completed activity during the web conference
  • 4. Rationale for selection of lesson?
    • Maui Community College students:
      • ICS students
      • ABIT students
    • ETEC students:
      • Electronic portfolios
  • 5. Audience
    • Formats familiar to classmates:
      • Powerpoint presentation
      • Training videos
      • Instruction step-by-step handout
  • 6. Objectives and instructional materials
    • become familiar with Adobe Dreamweaver
    • build their knowledge of Adobe Dreamweaver
    • create a website using Adobe Dreamweaver
    • learn to develop learner-centered rich media environment
    • enable the learner to practice, learn, and receive assessment
    • learn and build a layout
    • learn to add images to an HTML document
    • learn to add content to an HTML document
    • learn to add and create links/hyperlinks
  • 7. Assessments
    • Summative Evaluation Assessment
      • Building their own website
      • Lesson evaluation
  • 8. What is Adobe Dreamweaver?
    • is a web software application that is designed for website creation and management
  • 9. What are the features in Dreamweaver?
    • Adobe Dreams comes full packed with features; these are some of the main features we will cover in the lesson:
    • Useful Standard features – enables the developer to view the browser version and page’s HTML code. Ability to drag and drop elements on web page in design process.
    • Integration and Compatability – integrates with other Adobe applications and supports web technologies
    • Media implementation – photos, videos and music files may be selected and pasted in a Dreamweaver document
  • 10. Difference bewteen website and webpage?
    • Website - a connected group of pages on the World Wide Web regarded as a single entity, usually maintained by one person or organization and devoted to a single topic or several closely related topics.
    • Webpage - a document on the World Wide Web, consisting of an HTML file and any related files for scripts and graphics, and often hyperlinked to other documents on the Web.
    • Web definitions from:
  • 11. Images, Links, and Content
    • Image – could be a visual representation a scene, person or abstraction
    • Examples:
    • Clipart,
    • digital image
    Link - link and a hyperlink are the same thing. A link is a reference on a webpage that references some other place on the same page or somewhere else on the Internet. If text is "clickable" that means it is a hyperlink. Content – the text information that goes into your web For example: Information about yourself
  • 12. Homework!
    • You will:
    • Use Adobe Dreamweaver to design a new website
    • Webpage requirements:
      • Use a table to organize your content
      • You may use the same layout we used in the lesson
      • Have 3 different links/hyperlinks directing to other pages within your website
      • Add 2 to 3 different images or graphics