COURSE SYLLABUS

Course Title
Course Code
Course Credit
Prerequisite
Instructor
E-mail Address
Consultation
Schedule

Day
Wed/Sat

Web Development 1
ACT 4
Three (3)
IT 3 Multimedia 1
Jayson R. Sarabia
jsarabia@dmc.edu.ph
Time
9:00 12:00

Room
CISCO Laboratory

COURSE DESCRIPTION:
Web Development 1 is an introductory course for web application development. This course will develop the skills of the students to create web pages and apply the
gained skills they acquire in their Multimedia 1. In this course, the focus will be on the designing the web pages using HTML, CSS and JavaScript.
INSTITUTIONAL LEARNING OBJECTIVES:
1. Manifest academic excellence through their globally-competitive skills and desirable work ethics.
2. Demonstrate excellence as active partners in nation-building through research and innovation.
3. Exhibit leadership by developing socially-oriented programs for disadvantaged communities to promote social justice, equity and transformation leading to selfreliance.
4. Apply their acquired technology-based skills to their chosen field of practice.
5. Exemplify the qualities of a graduate who achieves optimum integral human development.
6. Advocate nationalism through athletics, culture and the arts.
CURRICULAR PROGRAM EDUCATIONAL OBJECTIVES:
By the end of their four-year stay at DMC, students should be able to:
1. To produce globally competitive Information Technology professionals equipped with advance knowledge and theories in personal skills, interpersonal skills geared
towards being an active partner in nation-building.
2. To train students to be flexible who can easily adapt to the current trends in technology while exemplifying social-responsiveness.
3. To demonstrate excellence through research and innovation by utilizing the advancement of information technology.
PROGRAM-LEVEL STUDENT LEARNING OUTCOMES:
1. Students can work harmoniously with other students and share their skills and abilities to attain a common goal.
2. Students can identify problems and formulate solutions through the use of the advancement in information technology.

Page 1 of 8

5. Students can produce research and innovations that is beneficial to nation building.
6. Students can utilize and evaluate the different resources available in information technology
COURSE-LEVEL STUDENT LEARNING OUTCOMES:
By the end of the semester, students should be able to :
1. Demonstrate skills in developing web pages
2. Demonstrate significant ability to design HTML based web pages.
2. Present their project in a clear way, explain and justify the significance of their project.
3. Obtain in-depth knowledge on the fundamental aspects of all elements found on web pages.
4. Understand and use the principles of user interface design to create user-friendly, easily navigated web pages.
5. Identify community problems that can be solved by dynamic web pages.
6. Make use of the different available resources for developing dynamic web pages.
7. Design web pages that are accessible to everyone regardless of their physical limitations or geographical location.
DESIRED LEARNING RESULTS
Expected DMCian Graduate Attribute
God Fearing
Knowledgeable

Talented/Versatile

Committed to Serve

Desired Learning Results: By the end of the course, the students are enabled to:
Inculcate within themselves the virtue of honesty by doing their work with integrity
Be proficient in implementing web pages
Demonstrate skills in applying HTML, CSS and JavaScript
Have a solid understanding of HTML, CSS and JavaScript
Develop their own applications using HTML, CSS and JavaScript
Reinforce the theoretical aspects covered in lectures by demonstrating skills in HTML, CSS and JavaScript
Demonstrate skills that are common to software development practices such as modular coding, appropriate commenting of
code debugging with Integrated Development Environment (IDE) and incremental development.
Work harmoniously with others
Share their skills and abilities to attain a common goal
Demonstrate commitment to improving his or her work

III. FINAL OUTPUT/FINAL PERFORMANCE

Expected DMCian Graduate Attribute Rubrics

A. God Fearing
Characteristics

Excellent

Very Satisfactory

Satisfactory

Lacking

Score

Page 2 of 8

Honesty

(4)
The submitted project is
genuinely made.

B. Knowledgeable
Characteristics
Goals and Objectives

Justification/Technica
l
Merit

Impact or Benefits

Presentation

Proficiency

(3)
The submitted project is
originally made however the
concept is taken from somebody
else or somewhere else.

Excellent
(4)
The overall objectives of the
student projects have been
clearly stated and the
students include quantifiable
targets and anticipated
outcomes.
The students have justified
and convinced the panel
why their project is needed
and the potential impact of
the project is large enough
to account for the time and
effort of the student and
from the panels.
The students have explained
that their project has the
potential to make a
significant impact and
indicated target group which
will benefit from the project.
The students have
presented their project in a
clear way and the
presentation is
understandable to a nonexpert audience.
The students were able to
answer all the questions
from the panels with strong
justification.

(2)
The submitted project is
originally made however some of
the codes are taken from the
internet.

(1)
The concepts of the project as
well as the codes are taken
from somewhere else like the
internet.

Very Satisfactory
(3)
The overall objectives of the
student projects have been
clearly stated however the
students did not include
quantifiable targets and
anticipated outcomes.
The students have justified and
convinced the panel why their
project is needed however the
potential impact of the project is
not enough to account for the
time and effort of the student
and from the panels.

Satisfactory
(2)
An objective about the project
has been presented but is not
clearly coherent to the desired
output.

Lacking
(1)
The objective of the project is
only for the sake of
submission.

The students have presented

some reasons why their project
is needed yet they were not
able to convince the panels of
its potential impact.

There is no justification of the

impact of the submitted
project.

The students have explained

that their project has the
potential to make a significant
impact however they were not
able to indicate a target group
which will benefit from the
project.
The students have presented
their project in a clear way
however the presentation is
very technical and requires
expertise or knowledge of the
presented topic.
The students were able to
answer most of the questions
with clear justifications.

The students have presented

that their project has the
potential impact but were not
able to convince the panels of
its justification.

There is no impact or benefit

that can be gain from the
submitted project.

The students have presented

their project with minor help
form the instructor on clarifying
some terms that are used in the
presentation.

The students have presented

their project by merely
reading the material that they
have prepared.

The students were able to

answer some of the questions
with ambiguous justifications.

The students contributed

minimal answers without any
justifications.

Score

Page 3 of 8

C. Talented/Versatile
Characteristics
Output
Correctness
Output Quality

Excellent
(4)
No errors in expected output

Very Satisfactory
(3)
Minor errors in expected output

Satisfactory
(2)
Many errors in expected output

Lacking
(1)
Output is only correct in
special or single case

Correct output format; very

visually compelling

Correct output format; somewhat

visually compelling

Some errors in output format

Significant errors in output

format; items are hard to
identify
Naming is inconsistent and
misleading.
No punctuation guidelines are
observed.
Program constructs are
excessively complex,
requiring significant effort to
comprehend.
No considerations are given to
layout, indentation, and
separation.
Horizontal and vertical spacing
are inexistent.
Program is unreadable.

All identifiers are descriptive

and follow naming
conventions.
Style and punctuation
guidelines are observed.
Simple and elegant program
constructs.

Neatness / Clarity Program layout, indentation,

and separation are
consistent and attractive.
Source code is highly
readable

Coding Style

Documentation

Documentation is exemplary
and provides accurate
information at an
appropriate level of details.
All required elements are
present and follow the
prescribed format.

D. Committed to Serve
Characteristics
Collaboration of

Excellent
(4)
The student conceptualize

Naming, style, and

punctuation are mostly
correct and consistent, but
occasional errors are found.
Program constructs are
appropriate.

Naming, style and punctuation

guidelines are generally
ignored.
Program constructs are
unnecessarily complex.

Score

Program layout, indentation, Minimal attention is given to

and separation are generally

layout, indentation, and
consistent.
separation.
Exceptions do not affect
Horizontal and vertical spacing
readability.
are mostly inexistent.
Selections of code are very

difficult to read.
Documentation follows the
Documentation is acceptable but The source code contains no
prescribed format but
ignores the prescribed format
documentation.
includes needed elements at
and may lack one or more
a level that is too general.
required items.

Very Satisfactory
(3)
The student contributes to some

Satisfactory
(2)
The student just merely agrees

Lacking
(1)
Student did not contribute

Score

Page 4 of 8

Idea

the entire idea of the

application

of the idea about the application.

Cooperation

Always present during group

meetings and actual
development task.

Harmoniously
worked with
others
Participation
towards the
completeness of
the project

Accomplished the assigned

task all the time

Always present on actual

development task and attends
most of the time during group
meetings.
Accomplished assigned task
most of the time

Student completely
contributed towards the
accomplishment of the
project

Student contributed most

towards the accomplishment of
the project

with the presented idea about

the application by his/her group
mate.
Seldom present on actual
development task and actual
development task.

anything to the idea of the

presented application.

Seldom accomplished assigned

task

Did no accomplished the

assigned task

Student shared minimal insight

Student did not share any

insight towards the
completeness of the project

Always unavailable on group

meetings and actual
development task.

IV. ACCEPTABLE EVIDENCE/GRADING PROCEDURE

Preliminary Grade (PG)
Main Task
25%
Hands-on Activity
20%
Quizzes
20%
Attendance
10%
Prelim Exam
25%
100%

Midterm Grade (MG)

Main Task
25%
Practical Skills Exam
20%
Quizzes
20%
Attendance
10%
Midterm Exam
25%
100%

Semi-final Grade (SFG)

Main Task
25%
Hands-on Activity
20%
Quizzes
20%
Attendance
10%
Semi Final Exam
25%
100%

Finals Grade (FG)

Final Project
60%
Hands-on Activity 20%
Quizzes
20%
100%

PG
MG
SFG
FG
SG

Semestral Grade (SG)

25%
25%
25%
25%
100%

POSSIBILITY: Prelim, Midterm and Semi-Final Periods have Similar Set of Assessments
Preliminary/Midterm
Criteria
Final
Main Task (May include minor tasks connected to main task)
40%
Final Task (May include minor tasks connected to main task)
Other Tasks (Homework/ Class Activities/ Exercises/ Projects)
Other Tasks (Homework/ Class Activities/ Exercises/ Projects)
20%
Written Quizzes
15%
Class Participation (Recitation, and other verbal and non-verbal
evidence of student participation)
Class Participation (Recitation, and other verbal and non-verbal evidence
of student participation)
15%
Attendance
10%
Attendance
Total
100%
Total

Criteria
60%
15%
15%
10%
100%

Page 5 of 8

Topics, Time Allotment

I. Introduction to Web Site Development
1. Description/Characteristic of a Web Site
2. Functionalities of a Web Site
3. Evaluation of the existing web sites
(6 hours)
II. Introduction to HTML
1. Overview of HTML
2. History
(3 hours)
III. Installation of the tools needed to
develop HTML bases web pages.
1. Browser
2. Text Editor
(3 hours)
IV. HTML Fundamentals
1. How HTML is written
2. Basic Elements of HTML
3. Content Structures
4. Content Markups
(6 hours)
V. Web Graphics, Links and Style
Structures and Tables

Student Learning Outcomes

(SLO) for Web Development 2 /
Activities
Students can understand the
properties of web pages.
Students can evaluate the
effectiveness of a specific web site.

Individual participation in class

discussion using a rubric to assess
the quality of participation.
Web site Evaluation

Outcomes-Based
Assessment/Results/Evidence
(OBARE)
Rubric score card on class
participation.
Rubric score card on Web site
Evaluation

Students will be familiar with the

ideas behind HTML.
Students will appreciate the
evolution of HTML.

Quiz

Quiz Score

Students can install the

development tools to use for
developing web pages using
HTML

Hands-on Exercise

Rubric score card on Hands-on

Exercise

Students can demonstrate the

knowledge and skills of the basics
of HTML

Hands-on Exercise

Rubric score card on Hands-on

Exercise

Students can use Graphics in Web

pages.
Students can use tables in web
pages
Students can link pages so that
they can create a web site.

Hands-on Exercise

Rubric score card on Hands-on

Exercise

Students can design and develop

web pages using CSS styles,

Hands-on Exercise

Rubric score card on Hands-on

Exercise

(6 hours)
VI. CSS
1. Internal CSS

Assessment Strategies
(AS)

Page 6 of 8

2. CSS Coding
3. Website Layouts Intro
4. External CSS

(12 hours)
VII. HTML Forms

Students can manipulate Form

data

Hands-on Exercise

Rubric score card on Hands-on

Exercise

Students will learn how to

implement JavaScript in a web
page
Students can apply the basics of
JavaScript in a web page

Hands-On Exercise

Rubric score card on Hands-on

Exercise

Students will learn how to

manipulate input data from Forms
using JavaScript
Students can implement event
handling events in web pages
Students will be able to produce a
dynamic website application

Hands-on Exercise

Rubric score card on Hands-on

Exercise

Final Project Presentation and

Defense

Rubric score card on Oral

Presentation and Project
Evaluation

(12 hours)
VIII. Introduction to JavaScript
1. Variable
2. If-Else
3. Switch
(12 hours)
IX. Events and Events Handling

(12 hours)
XIV. Application Development
(12 hours)

internal and/or external style

sheets.
Design and develop web pages
using CSS for layout.

VI. COURSE POLICIES

A. Each program and homework/assignment must be worked on individually unless directed to work in a team
B. Project presentation and defense will be done on the scheduled dates and time only. Failure to present on the given schedule will be given automatically a grade of
5 on the given project unless a valid reason will be presented. Statement of excuses should be presented in a written form signed by your parents or guardians,
otherwise it will not be honored.
C. All programs must be compiled or interpreted; otherwise no credit will be given to programs that are not compiled or interpreted.
D. Assignments must be submitted before the class begins; unless otherwise directed.
E. Assignments may be submitted up to 3 days late, with a penalty of 10% of the actual score of the assignment or activity for each day late. No credit will be given
after 3 days.
F. Special and make-up written outputs (long quizzes, assignments, seatwork) will be given only if you have justifiable reason/s for falling to submit them.
G. The use of cellular phones is prohibited during class hours, unless a special permission to use it is granted. In addition, the use of any electronic gadget is
prohibited unless otherwise relevant to the class lesson/discussion.
H. You are encouraged to discuss your class-related concerns with your subject-teacher

Page 7 of 8

REFERENCES
1. www.php.net
2. w3school.com
Prepared:
Jayson R. Sarabia
College of Computer Studies
Second Semester, SY 2014 - 2015
Endorsed:
Ma. Dara Saquin
Vice Dean, College of Computer Studies

Approved:
Dr. Gerald T. Concha
Dean, College of Computer Studies

Page 8 of 8