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