La Union Colleges of Science and Technology, Inc.

Pezcadores Street, Central West, Bauang, La Union

COURSE SYLLABUS
BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY (BSIT)
WEB DEVELOPMENT

La Union Colleges of Science and Technology, Inc. envisions itself to be a learning community characterized by academic excellence,
VISION creative activity, social responsibility and integrity
La Union Colleges of Science and Technology, Inc. commits itself to provide well-rounded educational trainings and experiences to students
MISSION whose knowledge, skills and value system will enable them to adjust to an ever-changing society, be competitive in the global market and
contribute to the fulfillment of the quality of life.
The La Union Colleges of Science and Technology, Inc. adheres to the fulfillment of improving the quality of life of the people by giving
EDUCATIONAL direction to individuals basic potentialities and talents, producing high caliber manpower that jibes with the requirements of services area and
the industries, inculcating values conforming to the ethical standards of society, accelerating active quest for information and producing new
PHILOSOPHY ideas needed to adjust to an ever-changing society.
Guided by the vision-mission and educational philosophy, as a private educational institution, the ultimate goal of LUCST is to produce holistic
graduates who have realized their vast potentialities and responsibilities to the society and to the world as a whole aided by relevant curriculum
and instruction, competent learning facilitators, meaningful lifelong experiences as well as presence of complete and adequate facilities.
It is expected that their stay in the institution, the graduates will have been molded as men and women who:
Realized their role and obligations to themselves, their fellowmen, to their country and the world and to their Creator
GOALS OF AN LUCST Are academically competent and morally nurtured
EDUCATION Respect and maintain their Filipino identity and share their giftedness to the rest of the world
Contribute to nation building and sustainable development.
CORE GOALS:
Relevant Academic Excellence
Responsible Professional Leadership and Loyal Public Servant
Committed Social Awareness
Technology and Industry Awareness

The Bachelor of Science in Information Technology (BSIT) program prepares students to be IT professionals, be well versed on application,
installation, operation, development, maintenance and administration and familiar with hardware installation, operation and maintenance.
PROGRAM The Bachelor of Science in Information Technology (BSIT) is a four-year degree with ladderized system where students can choose to pursue
DESCRIPTION a four-year program or track the two-year Computer Programming (ComProg NCII) or two-year Computer Hardware Servicing (CHS NCII) under
the Technical Vocational Curriculum. The program combines both theory and practice in order to prepare the necessary knowledge, skills and
values of the would-be programmers or computer experts. The BSIT program trains the future computer experts to support the development and
innovations of technology necessary to improve quality of life for themselves, the society and community, the country and the world as a whole.

1
 ICON
After complying to the requirements of the program, the graduates of Bachelor of Science in Information Technology should be
able to:

DOMAINS

KNOWLEDGE PK
1. Perform work activities effectively and efficiently to the standards expected in the operation required in the information PK1
technology industry
2. Articulate, discuss and contribute professionally in the innovations or developments of information technology needed to PK2
improve the quality of life.
3. Exhibit a deep and principled understanding of personal, social and professional responsibilities necessary in the expedition PK3
of competitive life.
4. Take part in research studies in the quest for the improvement of life and undertake extension service beneficial to all sort PK4
of community under whatever personal and vocational affiliation committed upon.
5. Employ own self to technical and academic developments to improve capabilities to serve in whatever way the profession PK5
requires.

SKILLS PS
PROGRAM 1. Apply basic techniques in performing prescribed range of specific functions in the areas of programming, hardware PS1
OUTCOMES servicing, operations of database networks and multimedia system, software integration testing and documentation,
system management and administration and maintenance as required in the industry of computer and information
technology.
2. Effectively communicate in oral and written forms using multilingual sort of communication in multi-disciplinary and multi- PS2
cultural, local or global community.
3. Employ own self to develop technical skills for personal and social development and exploit own self to explore and initiate PS3
innovation for improvement of life.
4. Take part in the national quest for computer literacy in whatever vocational way to assist in technological development of PS4
community and country and to compete effectively in the global market.

VALUES PV
1. Work efficiently and competitively with multidisciplinary and multicultural environment and society with a great sense of PV1
leadership and patriotic idealism.
2. Act with respect to professional duty, social liability and ethical responsibility in the local and global community. PV2
3. Observe commitment and dedication to own vocation to benefit own self, the society and the world in any form of PV3
affiliation in the journey of own profession.
4. Practice Christian way of service in own personal and professional endeavors and be proud of personal and cultural PV4
identity in the service of the society and divine providence.
5. Employ a sense of responsibility, self-esteem, sociability, self-management, integrity, and honesty in the field of professional PV5
vocation to attain personal and professional progress in the ventures of technological world.

2
 COURSE TITLE WEB DEVELOPMENT

COURSE CODE IT-WD

3 units
COURSE CREDIT

Lecture : 2 units Laboratory : 3 units

5 hours
CONTACT HOURS PER
WEEK Lecture : 2 hours Laboratory : 3 hours

YEAR AND SEMESTER

First Year : First Semester
OFFERED

COURSE
None
PREREQUISITE

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
COURSE DESCRIPTION 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.

At the end of the term, the would-be entrepreneurs are expected to: ICON

3
 DOMAIN
KNOWLEDGE: COK
1. Be able to read and write basic HTML and CSS code COK1
2. Create a full functioning website COK2
3. Understand how to upload websites to a web server COK3
4. Be familiar with different web design theories and understand web terminology COK4
COS
SKILLS:
COURSE 1. Create local HTML pages and move them to a remote web server. COS1
OUTCOMES 2. Design and develop basic web pages using HTML and CSS. COS2
3. Design and develop web pages using CSS styles, internal and/or external style sheets. COS3
4. Design and develop web pages using CSS for layout. COS4

VALUES: COV
1. Apply sound principles of aesthetic and interface design in developing web pages and sites. COV1
2. Be aware of the huge array of online resources that can help them improve and advance their knowledge of web design. COV2
3. Understand the evolution of design on the Web and current issues in web design, both aesthetic and technical. COV3

CONTENT TOPICS COURSE LEARNING OUTOMES CLOs

PRELIMS
i. Introduction to the Internet At the end of the term, the future computer experts should be able to:
ii. Creating a Basic Web Page
1. Know the history of the internet CLO1
iii. Attributes, Lists and Tables
2. Identify the different principles in creating a web page CLO2
iv. Links and Images
3. Show how to create list and table in a web page CLO3
v. Cascading Style Sheets
4. Use and insert different images and creating links on web pages CLO4
Introduction
5. Discover the use of CSS CLO5

4
 MIDTERMS
vi. CSS - Selector Type, Values,
Common Properties 6. Practice the different uses of selectors CLO6
vii. CSS - Common Properties 7. Design web page using CSS CLO7
(Cont'd), Directory Structure, 8. Optimize the different techniques on how to design web page CLO8
Some Common Tags 9. Identify the different parts of a Dreamweaver user interface CLO9
viii. Web Page Layout Techniques 10. Use and practice using the different features of Dreamweaver CLO10
ix. Introduction to Dreamweaver
x. More Features of
Dreamweaver

FINAL
xi. CSS Improvement -
Typography, Imagery 11. Practice using the different CSS features. CLO11
xii. JavaScript Introduction 12. Determine the different parts of JavaScript interface. CLO12
xiii. Variable, If-Else, Switch 13. Apply basic syntax of JavaScript. CLO13
xiv. Operators, Popups, Functions, 14. Write a simple program in a web page using JavaScript.
Loops 15. Identify the different errors encounter in creating a program CLO14
xv. Forms, Events, and Event 16. Practice creating programs and to interface it in a web page CLO15
Handling 17. Design a complete web page from JavaScript. CLO16
xvi. Try-Catch, Some Guidelines of CLO17
JavaScript Programming
xvii. Introduction to JavaScript
Object

I CORSE LEARNING OUTCOMES

C
COURSE O C C C C C C C C C C C C C C C C C
OUTCOMES N L L L L L L L L L L L L L L L L L
S O O O O O O O O O O O O O O O O O
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

COK
KNOWLEDGE
COK1
1. Be able to read and write
basic HTML and CSS code

2. Create a full functioning COK2

website

5
3. Understand how to upload
COK3
websites to a web server

4. Be familiar with different web COK4

design theories and
understand web terminology
SKILLS COS
1. Create local HTML pages and COS1
move them to a remote web
server.

2. Design and develop basic COS2

web pages using HTML and
CSS.

3. Design and develop web COS3

pages using CSS styles, internal
and/or external style sheets.

4. Design and develop web COS4

pages using CSS for layout.

VALUES COV
1. Apply sound principles of
COV1
aesthetic and interface design
in developing web pages and
sites.

2. Be aware of the huge array of COV2

online resources that can help
them improve and advance
their knowledge of web
design.

3. Understand the evolution of COV3

design on the Web and current
issues in web design, both
aesthetic and technical.
norms, and industry standards

6
 A student is expected to comply with the following:
COURSE REQUIREMENTS (1) Must have at least 80% attendance of the prescribed number of days;
(2) Obtain satisfactory ratings for the quizzes (a minimum of two ) and the major examinations ( four or three ) given for the
course;
(3) Submit a compilation of hands-on exercises; and
(4) Submit a major project.

PRELIMS = Class standing 60% + Prelim Examination 40%

Class standing 60% - quizzes - 40%,

- seatworks, assignments, recitation - 10%,
- project and other performance -10%
+ Prelim Examination -40%
GRADING SYSTEM

MIDTERM = [(Class Standing -60% + Midterm Exam 40%) x 2) + Prelim Grade]

3

FINALS = [(Class Standing -60% + Final Exam 40%) x 2) + Midterm Gr.]

3

BOOK(S):

Marty Stepp, Jessica Miller, and Victoria Kirst, Web Programming: Step by Step
HTML5 and CSS3 (7th edition) by Elizabeth Castro and Bruce
Jennifer Niederst Robbins, 2012. Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics,
Rosen, Elisabeth and Eric Freeman. 2012. Head First HTML with CSS & XHTML

COURSE REFERENCES
ELECTRONIC SOURCE(S):
http://www.cs.pitt.edu/~mehmud/cs134-2084/
http://www.cwu.edu/~gellenbe/250/

7
 OTHER RESOURCE(S):
Styling Web Pages with CSS: Visual QuickProject Guide, By Tom Negrino, Dori SmithAndes A. Sr. & Andes, A Jr. (2003).
Web Development and Design Foundations with HTML (6th Edition) By Terry Felke-Morris

WEEKLY LEARNING ACTIVITIES PLAN

COURSE TIME LEARNING LEARNING LEARNING

LEARNING OUTCOMES FRAME CONTENT ACTIVITIES RESOURCES ASSESSMENT REFERENCE
P R E L I M S

Week 1: 5 hours i. Introduction to the - Introductory - Handouts - Class -Rosen,

Know the history of the internet Internet Discussion - LCD Participation Elisabeth and
a. Brief History of - Interactive Projector - Verbal Stimuli Eric Freeman.
Internet Listening - Published - Reflection 2012. Head First
b. What is World Wide - Verbal Books - Short Quiz HTML with CSS
Web Response - Library & XHTML
c. Why create a web - Real-World Research
site Interrelation

Week 2: 5 hours ii. Creating a Basic Web

Identify the different principles in creating a web page Page
a. Web Standards - Facilitated - Handouts - Class -Rosen,
b. 2.5 Audience Discussion - LCD Participation Elisabeth and
requirement. - Interactive Projector - Verbal Stimuli Eric Freeman.
c. What is HTML Listening - Published - Reflection 2012. Head
- Verbal Books - Short Quiz First HTML with
Response - Library CSS & XHTML
- Real-World Research
Interrelation - Computer
Hardware

Week 3: 5 hours iii. Attributes, Lists and Tables

Show how to create list and table in a web page a. Introduction to
elements of HTML - Facilitated - Handouts - Class - Rosen,
b. Working with Text Discussion - LCD Participation Elisabeth and
c. Working with Lists, - Interactive Projector - Verbal Stimuli Eric Freeman.

8
 Tables and Frames Listening - Published - Reflection 2012. Head
Books - Short Quiz First HTML with
- Library CSS & XHTML
Research
iv. Links and Images
Week 4: 5 hours a. Working with
Use and insert different images and creating links on web Hyperlinks, Images - Verbal - Handouts - Group -Rosen,
pages and Multimedia Response - LCD Participation Elisabeth and
b. Working with Forms - Real-World Projector - Verbal Stimuli Eric Freeman.
and controls. Interrelation - Published - Reflection 2012. Head First
- Problem Books HTML with CSS
Analysis - Library & XHTML
- Problem Research
Solving
v. Cascading Style Sheets
Week 5: 5 hours Introduction
Discover the use of CSS a. Concept of CSS
b. Creating Style Sheet - Structured - Handouts - Class -HTML5 and
c. CSS Properties Discussion - LCD Participation CSS3 (7th
- Interactive Projector - Verbal Stimuli edition) by
Listening - Published - Reflection Elizabeth
- Verbal Books - Short Quiz Castro and
Response - Library - Preliminary Bruce
Research Examination

WEEKLY LEARNING ACTIVITIES PLAN

COURSE TIME CONTENT LEARNING LEARNING LEARNING REFERENCE

LEARNING OUTCOMES FRAME ACTIVITIES RESOURCES ASSESSMENT

M I D T E R M S

Week 6: vi. Selector Type, Values,

Practice the different uses of selectors Common Properties
a. CSS
Styling(Background, - Handouts - Class -HTML5 and
Text Format, - Real-World - LCD Participation CSS3 (7th
5 hours Controlling Fonts) Interrelation Projector - Verbal Stimuli edition) by
b. Working with block - Demonstration - Published - Reflection Elizabeth

9
 elements and objects Books - Short Quiz Castro and
c. Working with Lists and - Library Bruce
Tables Research

Week 7: vii. Common Properties

Design web page using CSS Directory Structure, Some
Common Tags
a. CSS
5 hours Styling(Background,
Text Format,
Controlling Fonts) - Demonstration - Handouts - Group - HTML5 and
b. Working with block - Interactive - LCD Interaction CSS3 (7th
elements and objects Listening Projector - Verbal Stimuli edition) by
c. Working with Lists and - Verbal - Published - Reflection Elizabeth
Tables Response Books - Hands-On Castro and
- Library - Short Quiz Bruce
Week 8: viii. Web Page Layout Research
Optimize the different techniques on how to design web Techniques
page a. CSS Id and Class
b. Box Model
5 hours c. CSS Advanced - Demonstration - Handouts - Group - HTML5 and
- Facilitated - LCD Interaction CSS3 (7th
Discussion Projector - Verbal Stimuli edition) by
- Interactive - Published - Reflection Elizabeth
Listening Books - Hands-On Castro and
- Verbal - Library Bruce
Response Research
Week 9: ix. Introduction to - Real-World - Computer
Identify the different parts of a Dreamweaver user Dreamweaver Interrelation Software
interface a. Screen Elements - Problem
b. The Toolbox Analysis
c. The Controls - Problem
d. Dreamweaver Solving
Environment
5 hours - Class
- Structured - Handouts Participation
Discussion - LCD - Verbal Stimuli
- Interactive Projector - Reflection
Listening - Published - Enrichment
Books Activities
- Library
Research

10
Week 10: 5 hours x. More Features of
Use and practice using the different features of Dreamweaver - Jennifer
Dreamweaver a. Identifiers - Verbal - Handouts - Group Niederst
b. Literals Response - LCD Participation Robbins,
c. Comments - Real-World Projector - Verbal Stimuli 2012. Learnin
d. Separators Interrelation - Published - Reflection g Web
e. Dreamweaver - Demonstration Books - Coursework Design: A
Keywords - Library - Hands-On Beginner's
Research - Midterm Guide to
- Computer Examination HTML, CSS,
Software JavaScript,
and Web
Graphics

Week 11: 5 hours xi. CSS Improvement -

Practice using the different CSS features. Typography, Imagery
a. Concept of CSS - Demonstratio - Handouts - Group -Jennifer
b. Creating Style Sheet n - LCD Interaction Niederst
c. CSS Properties - Interactive Projector - Verbal Stimuli Robbins,
Listening - Published - Reflection 2012. Learnin
- Verbal Books - Short Quiz g Web
Response - Library Design: A
- Demonstratio Research Beginner's
n - Computer Guide to
Software HTML, CSS,
JavaScript,
and Web
Graphics,

Week 12: 5 hours xii. JavaScript Introduction

Determine the different parts of JavaScript interface. a. The Creation of Java - Facilitated - Handouts - Group - Jennifer
b. Importance to the Discussion - LCD Projector Interaction Niederst
Internet - Interactive - Published - Verbal Robbins,
c. Applets and Listening Books Stimuli 2012. Learning
Applications - Verbal - Library - Reflection Web Design:
Response Research - Hands-On A Beginner's
- Real-World - Software Guide to

11
 Interrelation HTML, CSS,
- Problem JavaScript,
Analysis and Web
- Problem Graphics,
Solving

Week 13: 5 hours xiii. Variable, If-Else, Switch

Apply basic syntax of JavaScript. a. If-Else Statement - Facilitated - Module - Individual - Jennifer
b. Nested Ifs Discussion - LCD Projector Output Niederst
c. If-Else-If ladder - Interactive - Published - Verbal Robbins,
d. Switch Statement Listening Books Stimuli 2012. Learning
e. Switch Case - Demonstration - Internet - Reflection Web Design:
Statements Research - Enrichment A Beginner's
f. Nested Switch Activities Guide to
- Research- HTML, CSS,
Based JavaScript,
- Hands-On and Web
Graphics,

Week 14: 5 hours xiv. Operators, Popups,

Write a simple program in a web page using JavaScript. Functions, Loops - Verbal - Module - Individual - Jennifer
a. MS PowerPoint (Tools Response - LCD Projector Output Niederst
and Menus) - Real-World - Published - Verbal Robbins,
b. Creating and Interrelation Books Stimuli 2012. Learning
Designing a Slide - Demonstration - Internet - Reflection Web Design:
Presentation Research - Enrichment A Beginner's
- Computer Activities Guide to
Software - Research- HTML, CSS,
Based JavaScript,
and Web
Graphics,

Week 15: 5 hours xv. Forms, Events, and Event

Identify the different errors encounter in creating a Handling - Demonstration - Module - Individual -Jennifer
program a. Streams - Interactive - LCD Projector Output Niederst
b. Reading Console Listening - Published - Verbal Robbins,
Input events - Verbal Books Stimuli 2012. Learning
c. Reading Console Response - Library - Reflection Web Design:
Output Research - Enrichment A Beginner's
d. Reading a String - Computer Activities Guide to
event handling Software - Research- HTML, CSS,

12
 Based JavaScript,
- Hands-On and Web
Graphics,

Week 16: 5 hours

Use appropriate slide animations xvi. Try-Catch, Some
Guidelines of JavaScript
Programming - Demonstration - Module - Individual -Marty Stepp,
a. JavaScript Sample - Facilitated - LCD Projector Output Jessica Miller,
Programs Discussion - Published - Verbal and Victoria
b. Compile Java - Interactive Books Stimuli Kirst, Web
program Listening - Reflection Programming:
c. Run or Execute - Enrichment Step by Step
JavaScript Programs Activities

Week 17: 5 hours xvii. Introduction to

Practice creating programs and to interface it in a web JavaScript Object - Verbal - Library and - Research- - Marty Stepp,
page a. Procedure Oriented Response Internet Based Jessica Miller,
High-Level Lang. - Real-World Research - Course and Victoria
b. Event-Driven Lang. Interrelation - Computer Work Kirst, Web
c. Concepts of Classes, Software - Hands-On Programming:
Objects, Properties, - Final Step by Step
Methods, and Examination

13
PREPARED BY: CHECKED BY:

ROLANDO CARLOS E. FLORES ALVARO D. GACUSAN,Jr. MAME

INSTRUCTOR DEAN of ACADEMIC AFFAIRS

VERIFIED BY: NOTED BY:

JAIME A. BIGORNIA JOSE A. AMANDO, PhD.

PROGRAM HEAD VICE PRESIDENT for ACADEMIC AFFAIRS

APPROVED BY:

MARIE CHERRY M. QUINTO, MBA

PRESIDENT

14