Title of Unit: Web Design, Creative Design, Desktop Publishing, Year Level:
Vectorworks CAD
Curriculum Area: Time Frame:
STAGE 1: DESIRED OUTCOME
Content Standard:
The students will demonstrate understanding in using programs such as
Dreamweaver, Adobe Photoshop, Adobe InDesign and Vectorworks.
Essential Understanding: The students will understand that…
• The world web has become the means of generating more business than any
other advertising medium. And there are many businessman looking for a web
page developer to create a website for them.
• Adobe Photoshop excels in digital photography and is used to perform subtle
changes, combine different images and keep images organized.
• Adobe InDesign is a design application program that allows user to integrate,
text, graphics and images.
• Vectorworks uses combination of tools and concepts to create sophisticated
drawing and models.
Knowledge: The students will know...
• The Dreamweaver program
• The importance of E-mail
• The ways of designing and editing photos using Adobe Photoshop
• The InDesign program
• The elements and interface of Vectorworks
Sessions / 45 min. each
Transfer Goal:
I want my students to learn Web Design, Creative Design, Desktop
Publishing and Vectorworks so that in the long run, they will be able to:
• Identify the different programs that are used in producing creative
outputs
• Integrate the said programs in creating artistic and useful information
• Create a Webpage
Essential Questions:
• What is the importance of having the skills in developing a webpage?
• What software can be used to modify and optimize digital photos and
images?
• What design application can be used to produce quality documents
for print, web and other applications?
• What is a powerful program that can be used by range of
professionals?
Skills: The students will be able to...
• Identify the different tools/commands in Dreamweaver
• Create a Webpage using Adobe Dreamweaver
• Enumerate the steps in creating E-mail address
• Use the tools in modifying an image
• List the different tools found in Adobe Photoshop
• Identify the InDesign tools
• Create a layout for a publication using InDesign
• Familiarize the Vectorworks elements
• Create a simple house plan using Vectorworks
 STAGE 2: ASSESSMENT EVIDENCE

Performance Task Description #1 (Hands-on 1 on page 145) Performance Task Description #4 (Hands-on 4 on page 145)
Goal – Create your company's e-mail account Goal – Create a product sales website
Role – Businessman Role – Businessman
Audience – Clients/ Customer Audience – Clients/Customers
Situation – The students will create an e-mail account and send messages Situation –. The students will create a product sales website for their company
introducing their company to the emails accounts of their classmates using MS Publisher template
company Product – Professional sales website
Product – Company e-mail account Standards – Their product must meet the standards set in the Rubrics Score
Standards – Their product must meet the standards set in the Rubrics Score Sheet. See attachment for the rubric score sheet.
Sheet. See attachment for the rubric score sheet.

Performance Task Description #5 (Hands-on 1 on page 214)

Performance Task Description #2 (Hands-on 2 on page 145) Goal – Create a simple house plan
Goal – Create a simple webpage Role – Engineer/Architect
Role – Businessman Audience – Clients/Customer
Audience – Clients/ Customers Situation – The students will create a simple house plan using Vectorworks
Situation – The students will create a simple webpage for their company Product – Simple house plan
using Dreamweaver Standards – Their product must meet the standards set in the Rubrics Score
Product – Simple webpage Sheet. See attachment for the rubric score sheet.
Standards – Their product must meet the standards set in the Rubrics Score
Sheet. See attachment for the rubric score sheet.

Other Evidence:
Performance Task Description #3 (Hands-on 3 on page 145)
Goal – Create a professional services website • Student Word Samples
Role – Businessman − Activity sheets
Audience – Clients/Customers − Hands-on drills
Situation – The students will create a professional services website for their − Learning logs and journals
company using MS Publisher template. • Recitation
Product – Professional services website • Participation in group work
Standards – Their product must meet the standards set in the Rubrics Score
• Project
Sheet. See attachment for the rubric score sheet.
Criteria / Assessment tools
• Rubric
 STAGE 3: LEARNING PLAN
Resources /
Sessions / Lessons Essential Questions Teaching / Learning Sequence
Materials

SESSION 1 I. INTRODUCTION OF ESSENTIAL QUESTION Entrepreneurial

• What is the The teacher will post the essential questions on the board and remind the students to & Career
Lesson 1: importance of be guided by these questions. Development
Web Design and the having the skills in
Internet developing a II. MOTIVATION
webpage? The students will answer the following questions: Materials:
Time Frame: 45 min. • What software can • What is Internet? Computer
be used to modify • What is the advantage of having an internet? Rubric
OBJECTIVES: and optimize digital
In this session the photos and images? III. ENGAGING
students are • What design The students will answer the following questions:
expected to: application can be • What is a webpage?
• Know how to use used to produce • What are the different applications used in creating a webpage?
the internet and quality documents
E-mail for your for print, web and IV. FIRMING-UP STUDENT’S KNOWLEDGE
business other applications? LESSON DISCUSSION
• Learn to create a • What is a powerful The students will listen as the teacher explains the following:
simple webpage program that can be • What is Dreamweaver?
using Adobe used by range of • What are the ways to create files in Dreamweaver?
Dreamweaver professionals? • How to create a new webpage?
• How to enter a text, change font face, color and size, creating a heading,
paragraph, line break and ordered and unordered lists?

V. FIRMING-UP STUDENTS SKILLS

BOOK ACTIVITY: How Much Have You Learned
The students will answer Activities 1-4 on page 143-145 of the textbook.

VI. SYNTHESIS
REFLECTION LOG
The students will answer the following question on their notebooks:
"Aside from entering texts, what other elements can you add to make the webpage
presentable and engaging?"
 SESSION 2 I. INTRODUCTION OF ESSENTIAL QUESTION Entrepreneurial
• What is the The teacher will post the essential questions on the board and remind the students to & Career
Lesson 2 importance of be guided by these questions. Development
Creative Design having the skills in
developing a II. MOTIVATION
Time Frame: 45 min. webpage? The students will answer the following questions: Materials:
• What software can • Did you know that many companies are in need of employees with the creative and Computer
OBJECTIVES: be used to modify artistic skills? Rubric
In this session the and optimize digital • What are the possible jobs that require these types of skills?
students are photos and images? • What are the different software programs that can be used to master these skills?
expected to: • What design
application can be III. ENGAGING
• Design, create used to produce GROUP ACTIVITY
and modify photos quality documents The students will be grouped. Each group will create a graphic organizer wherein
and images using for print, web and they will put the answers to the posted questions:
Adobe Photoshop other applications? • What are the possible jobs that require these types of skills?
• What is a powerful • What are the different software programs that can be used to master these skills?
program that can be
used by range of IV. FIRMING-UP STUDENTS KNOWLEDGE
professionals? LESSON DISCUSSION
The students will listen as the teacher discuss the following:
• What is Photoshop?
• What are the elements of the Photoshop window?
• How to get and open images?
• What are the selection tools?
• What is feathering?
• How to use brightness and contrast?

V. FIRMING-UP STUDENTS SKILLS

BOOK ACTIVITY
The students will answer Activities 1-3 on page 169 of the textbook.

VI. SYNTHESIS
REFLECTION LOG The students will answer the questions below on their notebooks:
• What is the importance of feathering?
• What will happen if the image is too bright/dark?
• How will the use of these tools affect the image you are editing?
 SESSION 3 I. INTRODUCTION OF ESSENTIAL QUESTION Entrepreneurial
• What is the The teacher will post the essential questions on the board and remind the students to & Career
Lesson 3 importance of be guided by these questions. Development
Desktop Publishing having the skills in
developing a II. MOTIVATION
Time Frame: 45 min. webpage? The students will give examples of publications as the teacher lists it on the board. Materials:
• What software can After writing the given examples, the teacher will ask the students what software Computer
OBJECTIVES: be used to modify program can be used to layout such publications. Rubric
In this session the and optimize digital
students are photos and images? III. ENGAGING
expected to: • What design The students will answer the following questions:
application can be • What is Desktop Publishing?
• Learn to Design used to produce • What is Adobe InDesign
and Layout quality documents
publications using for print, web and IV. FIRMING-UP STUDENTS KNOWLEDGE
Adobe InDesign other applications? LESSON DISCUSSION
• What is a powerful The students will listen as the teacher discuss the following:
program that can be • What are the different elements seen in the InDesign workspace?
used by range of • How to create new document in InDesign?
professionals? • How to insert page numbering?
• What is bleed and slug?
• How to place, type, edit and import text?
• How to place graphics?

V. FIRMING-UP STUDENTS SKILLS

BOOK ACTIVITY
The students will answer Activities 1-3 on page 183 of the textbook.

VI. SYNTHESIS
The students will answer the following question:
• What is the reason why images/graphics are integrated to publishing such as
brochures and books?
• Aside from adding such elements, what other key elements should be given
consideration to make the publications pleasing to the eyes?
 SESSION 4 I. INTRODUCTION OF ESSENTIAL QUESTION Entrepreneurial
• What is the The teacher will post the essential questions on the board and remind the students to & Career
Lesson 4 importance of be guided by these questions. Development
Introduction to having the skills in
Vectorworks developing a II. MOTIVATION
webpage? The students will be asked to give professions that use drafting, drawing and Materials:
Time Frame: 45 min. • What software can modeling in their field of work. Computer
be used to modify Rubric
OBJECTIVES: and optimize digital III. ENGAGING
In this session the photos and images? The students will answer the following questions:
students are • What design • What are the tools/ materials that they use?
expected to: application can be • Is there any way for them to do their task with ease?
used to produce • What is CAD?
• Understand quality documents
Vectorworks for print, web and IV. FIRMING-UP STUDENTS KNOWLEDGE
• Identify its other applications? LESSON DISCUSSION
elements and • What is a powerful The students will listen as the teacher discuss the following:
interface program that can be • What is Vectorworks?
• Learn to draft, used by range of • What are the Vectorworks elements?
draw and create a professionals? • What is the workspace?
3D model using • What are the tool sets?
Vectorworks
V. FIRMING-UP STUDENTS SKILLS
BOOK ACTIVITY
The students will answer Activities 1-5 on page 213-214 of the textbook. Discussion
follows.

VI. VALUING AND CRITICAL THINKING

GROUP ACTIVITY
The students will be grouped. Each group will be given cut-out of icons. They will
identify its name and function.
 RUBRIC FOR PERFORMANCE TASK
Exceeds Meets Does not meet
Criteria Score
Expectations Expectations expectations
Points Earned 3 2 1
Complete the drill Complete the
Complete the drill
Speed before the drill beyond the
on time
expected time expected time
Performs the drill
Performs the drill
by himself with Performs the drill
by himself but
Mastery ease without but needs help
looks for
looking for from others
references
references
Follows some of
Follows all the Does not follow
the laboratory
laboratory rules any laboratory
rules and helps
Lab Etiquette and helps with rule and not help
with the
the laboratory in the laboratory
laboratory
cleanup cleanup
cleanup
The product is The product is
The product is
Quality of mostly clear but not clear, not
clear, complete
Information could be more complete and
and concise
concise not concise
Most text are Some text are
All text are clear
Text Formatting clear and clear and
and readable
readable readable