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

No notes for slide

Adobe Dreamweaver1

  1. 1. Creating a website using Adobe Dreamweaver Presented by: Nikki Kinoshita
  2. 2. Topic <ul><li>Topic for my final project is creating a website using Adobe Dreamweaver. </li></ul><ul><li>Lesson is a great resource, helpful and useful: </li></ul><ul><ul><li>For ABIT students at MauiCC </li></ul></ul><ul><ul><li>For students taking ICS courses at MauiCC </li></ul></ul><ul><ul><li>For students in the Educational Technology program </li></ul></ul>
  3. 3. Alternative delivery system <ul><li>Lesson could be presented: </li></ul><ul><ul><li>Asynchronous/Synchronous </li></ul></ul><ul><ul><li>Through web conferencing </li></ul></ul><ul><ul><li>Creating website activity may be completed before or after lesson </li></ul></ul><ul><ul><li>Having a collaborative group discussion of the completed activity </li></ul></ul>
  4. 4. Rationale for selection of lesson? <ul><li>Maui Community College students: </li></ul><ul><ul><li>ICS students </li></ul></ul><ul><ul><li>ABIT students </li></ul></ul><ul><li>ETEC students: </li></ul><ul><ul><li>Electronic portfolios </li></ul></ul>
  5. 5. Audience <ul><li>Formats familiar to classmates: </li></ul><ul><ul><li>Powerpoint presentation </li></ul></ul><ul><ul><li>Training videos </li></ul></ul><ul><ul><li>Instruction step-by-step handout </li></ul></ul>
  6. 6. Objectives and instructional materials <ul><li>become familiar with Adobe Dreamweaver </li></ul><ul><li>build their knowledge of Adobe Dreamweaver </li></ul><ul><li>create a website using Adobe Dreamweaver </li></ul><ul><li>learn to develop learner-centered rich media environment </li></ul><ul><li>enable the learner to practice, learn, and receive assessment </li></ul><ul><li>learn and build a layout </li></ul><ul><li>learn to add images to an HTML document </li></ul><ul><li>learn to add content to an HTML document </li></ul><ul><li>learn to add and create links/hyperlinks </li></ul>
  7. 7. Assessments <ul><li>Summative Evaluation Assessment </li></ul><ul><ul><li>Building their own website </li></ul></ul><ul><ul><li>Lesson evaluation </li></ul></ul>
  8. 8. What is Adobe Dreamweaver? <ul><li>is a web software application that is designed for website creation and management </li></ul>
  9. 9. What are the features in Dreamweaver? <ul><li>Adobe Dreams comes full packed with features; these are some of the main features we will cover in the lesson: </li></ul><ul><li>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. </li></ul><ul><li>Integration and Compatability – integrates with other Adobe applications and supports web technologies </li></ul><ul><li>Media implementation – photos, videos and music files may be selected and pasted in a Dreamweaver document </li></ul>
  10. 10. Difference bewteen website and webpage? <ul><li>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. </li></ul><ul><li>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. </li></ul><ul><li>Web definitions from: </li></ul>
  11. 11. Images, Links, and Content <ul><li>Image – could be a visual representation a scene, person or abstraction </li></ul><ul><li>Examples: </li></ul><ul><li>Clipart, </li></ul><ul><li>digital image </li></ul>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 &quot;clickable&quot; that means it is a hyperlink. Content – the text information that goes into your web For example: Information about yourself
  12. 12. Homework! <ul><li>You will: </li></ul><ul><li>Use Adobe Dreamweaver to design a new website </li></ul><ul><li>Webpage requirements: </li></ul><ul><ul><li>Use a table to organize your content </li></ul></ul><ul><ul><li>You may use the same layout we used in the lesson </li></ul></ul><ul><ul><li>Have 3 different links/hyperlinks directing to other pages within your website </li></ul></ul><ul><ul><li>Add 2 to 3 different images or graphics </li></ul></ul>