Upload
nkinoshi
View
208
Download
0
Tags:
Embed Size (px)
Citation preview
Creating a website using
Adobe Dreamweaver
Presented by: Nikki Kinoshita
Topic
Topic for my final project is creating a website using Adobe Dreamweaver.
Lesson is a great resource, helpful and useful:
– For ABIT students at MauiCC
– For students taking ICS courses at MauiCC
– For students in the Educational Technology program
Alternative delivery system
Lesson could be presented:
• Asynchronous/Synchronous
• Through web conferencing
• Creating website activity may be completed before or after lesson
• Having a collaborative group discussion of the completed activity
Rationale for selection of lesson?
Maui Community College students:• ICS students
• ABIT students
ETEC students:• Electronic portfolios
Audience
Formats familiar to classmates:
• Powerpoint presentation
• Training videos
• Instruction step-by-step handout
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
Assessments
Summative Evaluation Assessment
• Building their own website
• Lesson evaluation
What is Adobe Dreamweaver?
is a web software application that is designed for website creation and management
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
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
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
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