SOUTH ILOCANDIA COLLEGE OF ARTS AND TECHNOLOGY

San Eugenio, Aringay, La Union 2503

COMPUTER DEPARTMENT

REF:
LEARNING PLAN FOR WEBPROG
WEB PROGRAMMING
I.

SICAT-CD1-CSS1-WEBPROG2016

MISSION AND VISION

Mission of SICAT
Provide quality education by designing competent curriculum to keep a progressive interaction with the innovative modern era and
to contribute to public service by producing accomplished and highly merited graduates.
Vision of SICAT
Exemplify professionalism, integrity, and discipline in their chosen crafts and perpetually aspire to become a premiere educational
institution.
Department Mission and Vision
Provide an excellent education in all computer-related fields to prepare for career opportunities requiring a high-level of technical
knowledge and skills. Provide aesthetic and hands-on approach in instruction to develop more responsive strategies to the rapidly
changing demands of the computing profession.
Objectives of the Computer Department
1. To produce graduates equipped with the knowledge and skills in computing required for professional careers.
2. To provide flexible and dynamic curriculum that is responsive to the computing innovation.
3. To strengthen the partnership that facilitates the collaboration of industry, government, and education.
4. To excel in the field of research both theoretical and applied.
5. To enhance teachers-learners relationships in order to create wholesome and productive teaching-learning environment.

II.

PROGRAM OUTCOMES
The Bachelor of Science in Computer Science (BSCS) is a four-year degree program designed to prepare students to be Computer
Scientists with sub-specialists. The program provides progressive structures in which students are able to gain ever-wider knowledge and
understanding, appropriate skills, and ethics. The program outcomes include three domains such as knowledge, skills, and values to
introduce students to the theory and practice of Computer Science, including software development techniques and the technologies
underlying specific application areas such as computer systems servicing and computer programming.
1

After finishing the B.S. Computer Science program, the graduates should be able to:
Domains
Knowledge:
1. Analyze requirements for rapidly changing computing problems and information system environments;
PK1
2. Identify scientific terms, facts, concepts, principles, theories and methods;
3. Design well-tested solutions for rapidly changing computing problems and information system environments;
PK3
4. Employ technical and academic developments to improve capabilities in the field of Computing profession.
PK4

PK

Skills:
1. Utilize fundamental to complex skills and tools necessary for computing practices;
PSI
2. Obtain materials, tools and equipment in accordance with job requirements;
PS2
3. Participate in workplace communication, practice career professionalism, and occupational health and safety
procedures;
4. Communicate effectively by writing, speaking, listening, and computing with peers, experts, educators and a range
of audiences.
PS4

PS

Values:
PV
1. Awareness of the implications of computer science on the individual and on society;
PV1
2. Participate in service-oriented endeavors in the field of Computing profession;
PV2
3. Promote Filipino historical and cultural heritage by showing a deep and principled understanding;
PV3
4. Use computer systems to communicate and solve problems in an ethical way;
PV4
5. Practice Christian way of service in their personal and professional deeds as Sicatians in the service of the society and
divine providence.
PV5
III.

DEGREE: Bachelor of Science in Computer Science

2

PK2

PS3

IV.
COURSE INFORMATION
Course Code
Course Description

WEBPROG
Web programming

Semester and Year Offered

First Semester

First Year

Credit Units

Three (3) Credit Units

Contact Hours Per Week

Four (4) Hours

Course Pre-requisite
(if there is any)

PCOP PC Operations Keyboarding and Computer Productivity

Course Description

This course uses HTML, CSS, JavaScript, and PHP to design and create web pages. It requires the student
to build multiple web pages and implement at least one major website design that interacts with a database.
Particular attention is given to server-side applications.
Today many people are developing web pages including students, business executives, and even
educators as well as professional web developers, each person has his own style and the resulting web pages
are as diverse as the people who create it. Most web pages however, include several elements and parts that
lie with standard elements and parts of a web page.

Course Outcomes

At the end of the term, the would-be Computer Scientists are expected to:

Lecture: Two (2) units

Laboratory: One (1) unit
Lecture: Two (2) hours
Laboratory: Two (2) hours

Knowledge:
1. Plan web pages logically
2. Determine the functional and logical web divisions
3. Identify the HTML tags, CSS rules, and PHP with mastery in MySQL databases
4. Understand web typography including multimedia and development of forms
Skills:
1. Apply acquired knowledge in designing web pages within allocated time
2. Design a combination of CSS, HTML, and PHP effectively
3

COK
COK1
COK2
COK3
COK4
COS
COS1
COS2

COS3
COS4

3. Apply HTML masters reference and database management

4. Create a webpage by choosing advanced HTML layout

COV
COV1
COV2
COV3

COV4

LO1
LO2
LO3
LO4
LO5
LO6
LO7
LO8
LO9
LO10
LO11
LO12

LO17

LO16

LO15

LO13
LO14
LO15
LO16
LO17

LO14

LO13

LO12

LO11

LO10

LO9

LO8

LO7

LO6

LO5

LO4

LO3

LO2

Course Outcomes

LO1

Values:
1. Consider eye catching ideas and effective web design taste
2. Participate in competitive building web layouts with group oriented activities
3. Focus on accomplishing specific task based on the clients needs
4. Utilize alternate ways to accomplish a task or some additional information that needs to
be highlighted
At the end of the term, the future Computer Scientists should be able to:
Prelim
1. Understand the world of internet and W3C
2. Be familiarize with the web page and site organization
3. Enhance creativity in designing web pages
4. Improve the appearance of a web page
Midterm
5. Link a web site to another web sites
6. Create an effective home page
7. Design a web page with images, considering the rule images, and links within a page
8. Realize e-mail relationship and other software
Learning Outcomes
Semi-Final
9. Create tables in a web site
10.Design with CSS
11.Incorporate with CSS
12.Create an image map
Final
13.Create frames on a web page
14.Perform CSS effects and JavaScript support
15.Create form in a web page
16.Determine the PHP, HTML, CSS, and JavaScript relationship
17.Show the importance of domain and the internet in creating a web page with creativity
Alignment of the Course Outcomes to Learning Outcomes
Learning Outcomes

Knowledge:
Plan web pages logically

COK1

Determine the functional and logical web divisions

COK2

Identify the HTML tags, CSS rules, and JavaScript data

types with mastery in database

COK3

Understand web typography including multimedia and

development of forms
Skills:
Apply acquired knowledge in designing web pages
within allocated time
Design a combination of CSS and HTML, or JS and PHP
effectively
Apply HTML masters reference and database
management
Create a webpage by choosing advanced HTML layout
Values:
Consider eye catching ideas and effective web design
taste
Participate in competitive building web layouts with
group oriented activities
Focus on accomplishing specific task based on the
clients needs
Utilize alternate ways to accomplish a task or some
additional information that needs to be highlighted
Indicator:
outcome

COK4
COS1
COS2
COS3
COS4
COV1
COV2
COV3
COV4

Has major contribution to the course outcome

Has minimal contribution to the course

Consultation Hours:
Day
Tuesday & Thursday
Tuesday & Thursday
Friday
Friday

Time
9:30 11:00
10:00 5:00
8:00 12:00
1:00 5:00

Room
Consultation Room
Consultation Room
Consultation Room
Consultation Room

Learning Plan
COURSE LEARNING OUTCOMES

CONTENTS

TIME
ACTIVITIES/
ALLOTMENT
STRATEGIES
PRELIM (16 hours)

ASSESSMENT
TOOLS

LEARNING
RESOURCES

Week 1:
I. Introducing HTML
Understand the world of internet
a. Viewing html pages
and W3C
b. Html elements and tags
c. Learning html
d. Formatting text and
pages
e. Linking page to the
world
Week 2:
Be familiarize with the web page
and site organization
II. Creating First HTML
Document
a. Applying structure and
viewing html
documents
b. Including fancier
Week 3:
formatting
Design a web page
c. Creating an external
link
III. Linking Way Around the
Web
a. Using anchor elements
Week 4:
using with internal
Improve the appearance of a web
links
page
b. Lay outs
c. Division of areas

4 hours

- Introductory
Discussion
- Interactive
Listening
- Verbal
Response
- Real-World

Class Participation
Verbal Stimuli
Reflection
Short Quiz

Handouts
LCD Projector
Published Books
Library Research

4 hours

- Facilitated
- Interactive
Listening
- Verbal
Response
- Real-World
Interrelation

Class Participation
Verbal Stimuli
Reflection
Short Quiz

Handouts
LCD Projector
Published Books
Library Research
Computer Software

4 hours

- Facilitated
Discussion
- Interactive
Listening

Class Participation
Verbal Stimuli
Reflection
Short Quiz

Handouts
LCD Projector
Published Books

- Verbal
Response
- Real-World
Interrelation
- Problem
Analysis
- Problem
Solving

Group Participation
Verbal Stimuli
Reflection

Handouts
LCD Projector
Published Books

4 hours

IV. Adding Graphics

a. Using element image
attribute
b. Sizing an image
c. HSPACE and VSPACE
d. Describing image with
alternate text
e. Creating images
7

Preliminary
Examination

Library Research

Library Research

COURSE LEARNING OUTCOMES

Week 5:
Link a web site to another web
sites

Week 6:
Create an effective home page

CONTENTS

TIME
ALLOTMENT

MIDTERM (16 hours)

V. Connection and
4 hours
- Structured
Relationships
Discussion
a. <link> relationship
- Interactive
tags
Listening
b. Other pages
- Verbal
c. <a > and effects
Response
d. Navigation panel
4 hours
- Real-World
VI.Extensive Layout
Interrelation
a. Creating tables
- Demonstration
b. Inserting images
c. Inserting heading
d. Creating text links
e. Creating an image map
f. View and print page
4 hours

Week 7:
VII. Links, Image, and a
Design a web page with images,
Home
considering the rule images, and
a. Style rule
links within a page
b. Hover effect
c. Image links
d. External pages in a
folder
e. Root
4 hours

Week 8:
Realize e-mail relationship and
other software

ACTIVITIES/
STRATEGIES

VIII.

Responsive Links
a. Emails pave the way
b. Notepad ++
c. IDE
d. Microsoft word as web
builder
8

ASSESSMENT
TOOLS

LEARNING
RESOURCES

Class Participation
Verbal Stimuli
Reflection
Short Quiz

Handouts
LCD Projector
Published Books
Library Research

Class Participation
Verbal Stimuli
Reflection
Short Quiz

Handouts
LCD Projector
Published Books
Library Research

- Demonstration - Interactive
Listening
- Verbal
Response
-

Group Interaction
Verbal Stimuli
Reflection
Hands-On
Short Quiz

Handouts
LCD Projector
Published Books

- Demonstration - Facilitated
Discussion
- Interactive
- Verbal
Response
- Real-World
Interrelation

Group Interaction
Verbal Stimuli
Reflection
Hands-On

Handouts
LCD Projector
Published Books

Midterm
Examination

Library Research
Computer Software

Library Research

TIME
ACTIVITIES/
ALLOTMENT
STRATEGIES
SEMI-FINAL (16 hours)
IX.Solid Design of Pure HTML
4 hours
- Structured
a. Cubes and boxes
Discussion
b. Colors and images
- Interactive
c. Col span and row span
Listening
d. Width and height
e. Properties beneath
f. Lay out

Class Participation
Verbal Stimuli
Reflection
Enrichment
Activities

Week 10:
Design with CSS

X. Purpose of CSS in Web

a. Style rule
b. Selectors
c. Class and id
d. DIV tag
e. Properties that
describes a design

4 hours

Group Participation
Verbal Stimuli
Reflection
Coursework
Hands-On

Week 11:
Incorporate with CSS

XI.Box Method and Hover

Effects
a. Speech bubbles and
more
b. Web kit
c. Other term
d. Simplifying method
e. Inserting images using
CSS alone

4 hours

COURSE LEARNING OUTCOMES

Week 9:
Create tables in a web site

Week 12:

Create an image map

- Verbal
Response
- Real-World
Interrelation
- Demonstration

- Demonstration
- Interactive
Listening
- Verbal
Response
- Demonstration

4 hours
XII.

ASSESSMENT
TOOLS

CONTENTS

Maps Like Google Map

a. Google map
b. Positioning proper
areas
c. Pointing to a links
d. Use it paint
e. Navigation upgrade
f. Conducive design
9

- Facilitated
Discussion
- Interactive
Listening
- Verbal
Response
- Real-World
Interrelation
- Analysis

Group Interaction
Verbal Stimuli
Reflection
Short Quiz

Group Interaction
Verbal Stimuli
Reflection
Hands-On

Semi-Final
Examination

LEARNING
RESOURCES
-

Handouts
LCD Projector
Published Books
Library Research

Handouts
LCD Projector
Published Books
Library Research
Computer Software

Handouts
LCD Projector
Published Books

Handouts
LCD Projector
Published Books

Library Research
Computer Software

Library Research

TIME
ACTIVITIES/
ALLOTMENT
STRATEGIES
FINAL (20 hours)
Week 13:
XIII. Room for Page
4 hours
- Facilitated
Create frames on a web page
a. Forcing page to be a
Discussion
part of a page
- Interactive
b. More than one in one
Listening
c. Escaping the hijack of
- Demonstration
frames
d. For better look use
frames
Week 14:
e. Power of frames
4 hours
- Verbal
Perform CSS effects and
XIV. JavaScript and CSS
Response
JavaScript support
Rocks
- Real-World
a. What JS can do
Interrelation
b. Object oriented design
- Demonstration
C. CSS paves the way
d. Professional look
Week 15:
4 hours
- Demonstration
Create form in a web page
XV. Dynamic Page
- Interactive
a. INPUT types
Listening
b. The form method
- Verbal
c. Selection methods
Response
d. Accepting data from
user and visitors
Week 16:
4 hours
- Demonstration
Determine the PHP, HTML, CSS, XVI. Static and Dynamic
- Facilitated
and JavaScript relationship
Page
Discussion
a. With PHP
- Interactive
b. With JS
Listening
c. Jack of all trades
language
Week 17:
d. Just like a pro
4 hours
- Verbal
Show the importance of domain
Response
and the internet in creating a webXVII. Uploading Web on
- Real-World
page with creativity
Internet
Interrelation
a. FTP
b. Database management
c. Hosting
COURSE LEARNING OUTCOMES

ASSESSMENT
TOOLS

CONTENTS

10

Individual Output
Verbal Stimuli
Reflection
Enrichment
Activities
- Research-Based
- Hands-On

LEARNING
RESOURCES

Module
LCD Projector
Published Books
Internet Research

Module
LCD Projector
Published Books
Internet Research
Computer Software

Module
LCD Projector
Published Books

Individual Output
Verbal Stimuli
Reflection
Enrichment
Activities
- Research-Based
-

Individual Output
Verbal Stimuli
Reflection
Enrichment
Activities
- Research-Based
- Hands-On
-

Individual Output
Verbal Stimuli
Reflection
Enrichment
Activities
- Research-Based

Library Research
Computer Software

- Module
- LCD Projector
- Published Books

- Library and Internet

Research
- Computer Software

- Course Work
- Hands-On
- Final Examination

d. W3C

Course Requirements:
A student is expected to comply with the following:
(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; and
(3) Submit a major project.
Note: Admission slips authorized by the SAS Office are required to be submitted on matters relevant to absences and tardiness and excused slips
to facilitate provisions on missed activities, quizzes, and major examinations.

Grading System

Use the grading system stipulated in the SICAT Handbook as reference

Assignments of percentages for class standing are as follows:

30 %

Participation in discussions and class activities

Reports
Written activities

40 %

Major requirements or outputs

Performance-based activities

30 %

Written exams (Prelim, Midterm, Semi-Final and Final)

Class Standing

Examinations
TOTAL

100 %

Grade per term and final grade

Computation of grades:
Class Standing + Major Exam
(Prelim Grade * 0.25) + (Midterm Grade * 0.25) + (Semi-Final Grade * 0.25) + (Final Grade * 0.25)

For the evaluation of the major requirements or outputs and other activities, rubrics, checklist, and peer assessment tools will be utilized.
11

Course References
A. Main Reference(s)
Benavitez, Romulo. (2009). Web Page Fundamentals. National Book Store, Makati City, Philippines
B. Journals / Magazines
Shellyn, Amie A. (2007). World Wide Web Pages: Principles, Practices, and Opportunities. 3rd Edition, Prentice Hall
Smith, Marlyn D. (2009). Introduction to Web Page Design.
Whitten, Jeffrey L. & Bently, Lonnie D. (2010). Introduction to Web Design. 1st Edition, McHarmie-Street Companies Inc., Boston
C. Published Books
Cashman, Shellyl (2000). HTML Complete Concepts and Techniques. ISBN 981-4057-89-4
Sybex (2000). HTML Complete. United States of America, Alameda CA 94501
D. Electronic Sources
http://www.Customguide.com
http://www.office.microsoft.com
E. E-books
Mallenheim, Donie (2003). Web Master and Site that Sucks.
Salhamse, Martin L. (2003). Easy WebPage 2003, Que.
W3C. (2003). Step-by-Step. HTML, Online Training Solutions, Inc.

12

Prepared by:

Course Instructor

Verified by:

Noted by:
JONALYN L. REOLIQUIO, MAEd
OIC-Registrar

JUBERT L. PADILLA, MIT

Program Head

Approved by:
JOHN Y. CHAN, MBA
President

RANDY F. VANDERLIPE

13