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

291
views

Published on

Published in: Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
291
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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: http://www.dictionary.com
  • 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