BINANGONAN CATHOLIC COLLEGE

College Department INFORMATION TECHNOLOGY

DEPARTMENT
Libid, Binangonan, Rizal 1

OUTCOMES-BASED TEACHING AND LEARNING PLAN FOR WEB DESIGN

Course Title Web Design Course Code

Credit Units Course Pre-requisites None
Course Description This course will provide a basic understanding of the methods and techniques of developing a simple to moderately complex web site.
Using the current standard web page language, students will be instructed on creating and maintaining a simple web site. After the
foundation language has been established, the aid of an web editor will be introduced. A second web-based language will be included
to further enhance the web sites.
Course Intended After successful completion of , students are expected to:
Learning Outcomes 1. Understanding Basic HTML , Web Technologies and how does website works.
2. Demonstrate competency in the use of common HTML code.
3. Demonstrate proficiency in the use of a WYSIWYG design software.
4. Evaluate the functions of specific types of web pages in relationship to an entire web site.
5. Design electronic text and web pages that include the standard textual components needed on web pages.
6. Create web pages that meet accessibility needs of those with physical disabilities.
7. Understand how CSS will affect web page creation.
8. Understand the role of JavaScript in web page creation.
9. Modify CSS and JavaScript for use on a web site.
10. Understand the function of copyright in relationship to web design and coding.
11. Utilize graphic design to enhance web pages.

Duration Program Outcomes Course Topics Course Performance Teaching/Le Assessment Assessment
Week Outcomes Indicator arning Tasks (ATs) Tools
Activities
(TLAs)
1. Orientation Lecture Participation Rubrics
1.1. School’s Mission/Vision
1.2. School policies Interactive Oral and Point System
1.3. Course outline discussion Written Test

Lesson 1 Introduction to Web Technologies Inductive Recitation

 BINANGONAN CATHOLIC COLLEGE
College Department INFORMATION TECHNOLOGY
DEPARTMENT
Libid, Binangonan, Rizal 2

 Careers in Web Technologies and teaching

1 Understanding Basic Job Roles Understanding
HTML , Web  How the Website Works? Basic HTML , Web
Technologies and how Technologies and
does website works.  Client and Server Scripting Languages how does website
 Domains and Hosting works.
 Responsive Web Designing
 Types of Websites (Static and Dynamic Evaluate the
Evaluate the functions functions of specific Collaborative Rubrics
Websites)
of specific types of web types of web pages Learning
pages in relationship to  Web Standards and W3C in relationship to an
2 -3 recommendations Group
an entire web site. entire web site.
interaction Case Activity
Understand the Understand the
Case Study
function of copyright in function of copyright
relationship to web in relationship to
design and coding. web design and
coding. Activity /
laboratory

Demonstrate Lesson 2 Introduction to HTML Demonstrate Lecture Participation Rubrics

competency in the use  What is Markup Language competency in the
of common HTML  Basic Structure of HTML use of common Interactive Oral and Point system
code. HTML code. discussion Written Test
 Difference Between HTML and XHTML
 Head Section and Elements of Head
4 Inductive Recitation
Section teaching
 Meta Tags Group activity
 Css Tags
 Script Tag
 Table Tag
 BINANGONAN CATHOLIC COLLEGE
College Department INFORMATION TECHNOLOGY
DEPARTMENT
Libid, Binangonan, Rizal 3

 Div Tag
 Header Tags
Demonstrate Demonstrate
 Paragraph, Span, Pre Tags
proficiency in the use proficiency in the
of a WYSIWYG design  Anchor Links and Named Anchors use of a WYSIWYG
software.  Image Tag design software.
 Object Tag
Design electronic text Design electronic
5-6 and web pages that text and web pages
include the standard Lesson 3 Applying Forms that include the
textual components  Form Tag standard textual
needed on web pages. components
 Attributes of Form
needed on web
 POST and GET Method pages.
 Fieldset and Legend
 Text input, Text area .
 Checkbox and Radio Button
 Dropdown, List and Option group
 File Upload and Hidden Fields
 Submit, Image, Normal, Reset Button
 Creating a Live Website Form
 HTML Validators
MIDTERM EXAMINATION
Duration Program Outcomes Course/Topics Course Performance Teaching/Le Assessment Assessment
Week Outcome Indicator arning Tasks (ATs) Tools
Activities
(TLAs)
Lesson 4 Cascading Style Sheet Lecture Participation Rubrics
 Introduction to Cascading Style Sheets Create web pages
Create web pages that  Types of CSS that meet Interactive Oral and Point system
meet accessibility accessibility needs discussion Written Test
of those with
 BINANGONAN CATHOLIC COLLEGE
College Department INFORMATION TECHNOLOGY
DEPARTMENT
Libid, Binangonan, Rizal 4

7-8 needs of those with physical disabilities

physical disabilities Inductive Recitation
Lesson 5 CSS Selectors teaching
 Universal Selector Seatwork and
Understand how CSS  ID Selector Understand how activities Rubrics
will affect web page  Tag Selector CSS will affect web
creation.  Class Selector page creation.
 Sub Selector
Modify CSS and
 Child Combinatory Selector
JavaScript for use
 Adjacent Sibling Selector on a web site.
Modify CSS and
 Attribute Selector
JavaScript for use on a
web site.  Group selector Utilize graphic
 First-line and First-letter selector design to enhance
Utilize graphic design  Before and After Selector web pages.
to enhance web pages.
Utilize graphic
Utilize graphic design design to enhance
to enhance web pages. web pages.

Lesson 6 Introduction to JavaScript

Understand the role of  Introduction to Client Side Scripting Understand the role
JavaScript in web page  Introduction to Java Script of JavaScript in web
creation.  JavaScript Types page creation.
9-10  Variables in JS
Modify CSS and  Operators in JS Modify CSS and
JavaScript for use on a JavaScript for use
 Conditions Statements
web site.
 Java Script Loops
 BINANGONAN CATHOLIC COLLEGE
College Department INFORMATION TECHNOLOGY
DEPARTMENT
Libid, Binangonan, Rizal 5

 JS Popup Boxes
 JS Events on a web site.
 JS Arrays
 Working with Arrays
 JS Objects
 JS Functions

11-12

Project Development

FINAL EXAMINATION

References

Electronic
References
Course Assessment GRADING SYSTEM
Prelim Midterm Finals
Class Standing 60% 60% 60%
Exams 40% 40% 40%
Total 100% 100% 100%
Grade % 30% 30% 40% = 100% FINAL GRADE

Course Policies  Attendance: A student is considered absent if he comes beyond the grace period- 15 minutes.
 Three is the maximum number of absences.
 Quizzes, recitation, case study, group activity and group project.
 No eating and bringing in of food/drinks
 Use of mobile phones is NOT allowed
 BINANGONAN CATHOLIC COLLEGE
College Department INFORMATION TECHNOLOGY
DEPARTMENT
Libid, Binangonan, Rizal 6

Committee Members Cluster Leader:

Members:
Consultation Faculty Member :
Schedule Email-address :
Consultation Day/s :
Time and Venue :
Course Title AY 2019-2020 Prepared by: Reviewed by: Approved by:
First Semester H. B. Semana Herbert Semana Mr. Luisito Suinan
Program Chair College Dean
Note: This syllabus Please write your comments/suggestions/recommendations below: (Please affix your name and signature)
is effective for 3
years.