1. Instructional Goal Using Dreamweaver to create a basic web page

2. Instructional Analysis Domains of learning: Psychomotor and Intellectual skills (hierarchal approach is used) Domains of learning: Psychomotor and Intellectual skills (hierarchal approach is used)

3. Learner 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). Click here for More Analysis

4. Needs 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)

5. Needs 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.

6. Major 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

7. Using Dreamweaver to create a basic web page Step 1. Open Dreamweaver 1.1 Check to see if Dreamweaver is installed 1.1a If not then download And install it 1.1b If yes, then go to Subordinate Step 1.2 1.2 Under Create New select and open a new HTML page Step 2. Identify Basic program components 2.1 Identify Document Window 2.2 Identify Toolbars Step 3. Work through Built-in Tutorial Step 4. Create a web page Using design principles 4.1 Read web design pages 4.1a Understand basic web Design principles 4.2 Create a basic web page 4.2a Insert a Table 4.2b Insert a Link 4.2c Create a Heading 4.2d Insert an image Step 5 Save and Upload a web page 5.1 Save (and manage) web page 5.2 Upload your web page Flow Chart

8. Objectives 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.

9. Objective 1 The student will open Dreamweaver.

10. Objective 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)

11. Objective 1.1 The student will check to see if Dreamweaver is installed.

12. Objective 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.

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

14. Objective 1.2 Assessment 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.

15. Objective 2 The student will become familiar with the basic components of Dreamweaver.

16. Objective 2 Assessment 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.

17. Objective 2.1 The student will identify the document window.

18. Objective 2.1 Assessment 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.

19. Objective 2.2 The student will identify the program toolbars.

20. Objective 2.2 Assessment 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.

21. Objective 3 The student with walk through the built-in tutorial.

22. Objective 3 Assessment 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.

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

24. Objective 4 Assessment 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.

25. Objective 4.1 The student will read web design principles.

26. Objective 4.1 Assessment 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.

27. Objective 4.1a The student will have a basic understanding of web design principles.

28. Objective 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.

29. Objective 4.2 The student will create a basic web page.

30. Objective 4.2 Assessment 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.

31. Objective 4.2a The student will insert a table in their web page.

32. Objective 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.

33. Objective 4.2b The student will insert a link into their web page.

34. Objective 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.

35. Objective 4.2c The student will create a heading for their web page.

36. Objective 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.

37. Objective 4.2d The student will insert an image into their web page.

38. Objective 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.

39. Objective 5 The student will save and upload a web page using Dreamweaver.

40. Objective 5 Assessment 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.

41. Objective 5.1 The student will save (and manage) their site.

42. Objective 5.1 Assessment 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.

43. Objective 5.2 The student will upload their web page.

44. Objective 5.2 Assessment 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.

45. AnalysisAnalysis Click here to go back to Learner Analysis

46. Evaluation 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.

47. NotesNotes Possible Materials (for Project 2) to go with this Unit of Study Assessment: 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