Instructional Goal Using Dreamweaver to create a basic web page.

Instructional GoalInstructional Goal

Using Dreamweaver to create a basic web page

Instructional AnalysisInstructional Analysis

• Domains of learning:

Psychomotor and Intellectual skills (hierarchal approach is used)

• Domains of learning:

Psychomotor and Intellectual skills (hierarchal approach is used)

Learner AnalysisLearner Analysis

• An elective course that meets the requirements for an online degree. This class is designed for adults in a college setting. Prerequisite skills required. (Target audience= online class of adult learners at college level with computer, computer equipment to meet Dreamweaver requirements, broadband internet connection and experience using computer programs).

• An elective course that meets the requirements for an online degree. This class is designed for adults in a college setting. Prerequisite skills required. (Target audience= online class of adult learners at college level with computer, computer equipment to meet Dreamweaver requirements, broadband internet connection and experience using computer programs).

Click here forMore Analysis

Needs AssessmentNeeds Assessment

• What Is?– Students cannot create basic web pages

nor use web editors– (ID’er is the SME)

• What Is?– Students cannot create basic web pages

nor use web editors– (ID’er is the SME)

Needs AssessmentNeeds Assessment

• What should be?– Students need to create web pages in

order to meet program requirements.

• What should be?– Students need to create web pages in

order to meet program requirements.

Major Processing StepsMajor Processing Steps

• Open Dreamweaver• Work through the built-in tutorial• Identify Dreamweaver layout/program

environment• Create/design a web page• Save and upload a web page

• Open Dreamweaver• Work through the built-in tutorial• Identify Dreamweaver layout/program

environment• Create/design a web page• Save and upload a web page

Using

Dreamweaver to create a

basic web page

Step 1.Open Dreamweaver

Step 2.Identify

Basic program components

Step 4.Create a web page

Using design principles

1.1Check to see if Dreamweaver

is installed

1.1aIf not then download

And install it

1.2Under Create New

select and open a newHTML page

1.1bIf yes, then go to

Subordinate Step 1.2

2.1Identify

Document Window

2.2Identify Toolbars

Step 5Save and Upload

a web page

4.2aInsert a Table

4.2cCreate a Heading

4.2dInsert an image

4.2bInsert a Link

5.1Save (and manage)

web page

Step 3.Work through Built-in Tutorial

4.1Read web design pages

4.2Create a

basic web page

4.1aUnderstand basic web

Design principles

5.2Upload your web

page

Flow ChartFlow Chart

ObjectivesObjectives

1. The student will open Dreamweaver.2. The student will walk through the built-in tutorial.3. The student will become familiar with the basic

components of Dreamweaver.4. The student will create a web page, that contains

basic web design principles, using Dreamweaver.5. The student will save and upload their created web

page.

1. The student will open Dreamweaver.2. The student will walk through the built-in tutorial.3. The student will become familiar with the basic

components of Dreamweaver.4. The student will create a web page, that contains

basic web design principles, using Dreamweaver.5. The student will save and upload their created web

page.

Objective 1Objective 1

• The student will open Dreamweaver.• The student will open Dreamweaver.

Objective 1 AssessmentObjective 1 Assessment

• The student will demonstrate their ability to open Dreamweaver by:

• Answering online questions posed by the instructor about opening the program.

• The submission of their final project (a web page created with Dreamweaver)

• The student will demonstrate their ability to open Dreamweaver by:

• Answering online questions posed by the instructor about opening the program.

• The submission of their final project (a web page created with Dreamweaver)

Objective 1.1Objective 1.1

• The student will check to see if Dreamweaver is installed.

• The student will check to see if Dreamweaver is installed.

Objective 1.1 AssessmentObjective 1.1 Assessment

• The student will demonstrate their ability to check to see if Dreamweaver by:

• Answering online questions posed by the instructor about having the program and installing it.

• The final project submission.

• The student will demonstrate their ability to check to see if Dreamweaver by:

• Answering online questions posed by the instructor about having the program and installing it.

• The final project submission.


• The student will open a new HTML web page from the first screen in Dreamweaver.

• The student will open a new HTML web page from the first screen in Dreamweaver.


• The student will demonstrate their ability to open a new HTML web page from the first screen in Dreamweaver by:

• Commenting in the online discussion that they have opened a new HTML page.

• The student will demonstrate their ability to open a new HTML web page from the first screen in Dreamweaver by:

• Commenting in the online discussion that they have opened a new HTML page.


• The student will become familiar with the basic components of Dreamweaver.

• The student will become familiar with the basic components of Dreamweaver.


• The student will demonstrate that they have become familiar with the basic components of Dreamweaver by:

• Using a checklist provided.• Participating in online discussions about the

various components.

• The student will demonstrate that they have become familiar with the basic components of Dreamweaver by:

• Using a checklist provided.• Participating in online discussions about the

various components.


• The student will identify the document window.

• The student will identify the document window.


• The student will demonstrate they have identified the document window by:

• Using a checklist to identify the main pieces of the document window.

• Commenting in an online discussion about the main pieces of the document window.

• The student will demonstrate they have identified the document window by:

• Using a checklist to identify the main pieces of the document window.

• Commenting in an online discussion about the main pieces of the document window.


• The student will identify the program toolbars.

• The student will identify the program toolbars.


• The student will demonstrate they have identified the program toolbars by:

• Using a checklist to identify the main program toolbars.• Commenting in an online discussion about the main

program toolbars and their functions.

• The student will demonstrate they have identified the program toolbars by:

• Using a checklist to identify the main program toolbars.• Commenting in an online discussion about the main

program toolbars and their functions.


• The student with walk through the built-in tutorial.

• The student with walk through the built-in tutorial.


• The student with demonstrate that they have walked through the built in tutorial by:

• Answering questions posed by the instructor about the effectiveness of the tutorial.

• The student with demonstrate that they have walked through the built in tutorial by:

• Answering questions posed by the instructor about the effectiveness of the tutorial.


• The student with create a web page, that contains basic web design principles, using Dreamweaver.

• The student with create a web page, that contains basic web design principles, using Dreamweaver.


• The student with demonstrate their ability to create a web page using basic design principles created in Dreamweaver by:

• submitting a web page that contains basic design principles created with Dreamweaver.

• The student with demonstrate their ability to create a web page using basic design principles created in Dreamweaver by:

• submitting a web page that contains basic design principles created with Dreamweaver.


• The student will read web design principles.

• The student will read web design principles.


• The student with demonstrate that they have read web design principles by:

• Answering a question posed by the instructor giving their opinions of the web design principles identified.

• The student with demonstrate that they have read web design principles by:

• Answering a question posed by the instructor giving their opinions of the web design principles identified.

Objective 4.1aObjective 4.1a

• The student will have a basic understanding of web design principles.

• The student will have a basic understanding of web design principles.

Objective 4.1a AssessmentObjective 4.1a Assessment

• The student with demonstrate that they have a basic understanding of web design principles by:

• Answering a question posed by the instructor to identify a design principle and explain it.

• Submitting a web page that employs the basic web design principles.

• The student with demonstrate that they have a basic understanding of web design principles by:

• Answering a question posed by the instructor to identify a design principle and explain it.

• Submitting a web page that employs the basic web design principles.


• The student will create a basic web page.

• The student will create a basic web page.


• The student with demonstrate their ability to create a basic web page by:

• Submitting a web page that contains the basic components of a web page.

• The student with demonstrate their ability to create a basic web page by:

• Submitting a web page that contains the basic components of a web page.

Objective 4.2aObjective 4.2a

• The student will insert a table in their web page.

• The student will insert a table in their web page.

Objective 4.2a AssessmentObjective 4.2a Assessment

• The student with demonstrate their ability to insert a table into their web page by:

• Submitting a web page that contains a table.

• The student with demonstrate their ability to insert a table into their web page by:

• Submitting a web page that contains a table.

Objective 4.2bObjective 4.2b

• The student will insert a link into their web page.

• The student will insert a link into their web page.

Objective 4.2b AssessmentObjective 4.2b Assessment

• The student with demonstrate their ability to insert a link into their web page by:

• Submitting a web page that contains a link.

• The student with demonstrate their ability to insert a link into their web page by:

• Submitting a web page that contains a link.

Objective 4.2cObjective 4.2c

• The student will create a heading for their web page.

• The student will create a heading for their web page.

Objective 4.2c AssessmentObjective 4.2c Assessment

• The student with demonstrate their ability to create a heading in their web page by:

• Submitting a web page that contains a heading.

• The student with demonstrate their ability to create a heading in their web page by:

• Submitting a web page that contains a heading.

Objective 4.2dObjective 4.2d

• The student will insert an image into their web page.

• The student will insert an image into their web page.

Objective 4.2d AssessmentObjective 4.2d Assessment

• The student with demonstrate their ability to insert an image into their web page by:

• Submitting a web page that contains an image.

• The student with demonstrate their ability to insert an image into their web page by:

• Submitting a web page that contains an image.


• The student will save and upload a web page using Dreamweaver.

• The student will save and upload a web page using Dreamweaver.


• The student will show they can save and upload a web page using Dreamweaver by:

• Submitting a web page created using Dreamweaver to the web space provided.

• The student will show they can save and upload a web page using Dreamweaver by:

• Submitting a web page created using Dreamweaver to the web space provided.


• The student will save (and manage) their site.

• The student will save (and manage) their site.


• The student will show they can save (and manage) their site by:

• Answering questions online posed by the instructor about how to save (and manage) their site.

• Using the tips sheet provided by the instructor.• Contacting the IT department, setting up web space on

the school server, and entering the proper information to upload the web page.

• The student will show they can save (and manage) their site by:

• Answering questions online posed by the instructor about how to save (and manage) their site.

• Using the tips sheet provided by the instructor.• Contacting the IT department, setting up web space on

the school server, and entering the proper information to upload the web page.


• The student will upload their web page.

• The student will upload their web page.


• The student will demonstrate their ability to upload their web page by:

• submitting a final web page project to the web space provided.

• The student will demonstrate their ability to upload their web page by:

• submitting a final web page project to the web space provided.

AnalysisAnalysis

Click here to go back to Learner Analysis

EvaluationEvaluation

• ID’er process– Order

Site management/defining a site and saving objectives will need to be addressed in the beginning rather than the end of the instruction because site organization needs to occur first so that images, etc. can be saved and stored there when the actual creation occurs.

• ID’er process– Order

Site management/defining a site and saving objectives will need to be addressed in the beginning rather than the end of the instruction because site organization needs to occur first so that images, etc. can be saved and stored there when the actual creation occurs.

NotesNotesPossible Materials (for Project 2) to go with this Unit of StudyAssessment:•Online discussion questions•1 or 2 Checklists•Rubric for grading web page

Other Materials:•Web design techniques resource/presentation•Tip sheet on How to contact IT and set up server space •Tip sheet or tutorial on site management•Supplemental tutorials•Links to related resources•Etiquette for online class participation sheet•Syllabus or Instructor expectations

Instructional Goal Using Dreamweaver to create a basic web page.

Documents

Transcript of Instructional Goal Using Dreamweaver to create a basic web page.