MALLIG PLAINS COLLEGES

Casili, Mallig, Isabela

SYLLABUS

Course No.: ICT 101 No. of Units: 3 Time: Days:

Descriptive Title: Website Creation
Course Objectives:
 Know the fundamentals in web-based application architectures and processes;
 Use java and related technologies in developing complete web based applications
 Learn how to test, verify, and debug web-based applications

PHILOSOPHY VISION MISSION GOALS CORE VALUES

Every individual A highly recognized Train students in 1. To produce • Modesty
has the right to Higher Education competencies and employable graduates • Professionalism
quality education Institution that produces values relevant to with honor, dignity and • Commitment
that empowers competent professional socio-economic integrity. • Integrity
him to perform and technical individuals development 2. To enhance • Fairness
efficiently his for social and economic comparable to global capabilities to • Honesty
duties and progress. standards. employers through • Excellence
obligation professional • Accountability
to society. development • Respect
program. • Teamwork
3. To render quality
services for the
satisfaction of
stakeholders.
4. To undertake
research to address
national and global
concerns.
 Objectives &
Learning Strategies / Expected Outcomes
Time Frame Topics Competencies
Assessment Activities and/or Results
Classification Levels
(1hr) Orientation Internalize the 1. Discussion 1. Sincerity
MPC – Philosophy, meaning and the 2. Group 2. Loyalty
Mission, Vision & message of the MPC 3. Buzzing 3. Obedience
Objectives and ICS Dept PVMO
ICS Dept - Mission,
Vision & Objectives

(9hrs) Chapter 1 –Introduction - Recognize and 1. Lecture-Discussion Clear knowledge and

to HTML conceptualize the 2. Actual Demonstration application of basic
What is the Internet? different web sites 3. Group Activity concepts about internet
- What is the World and Browsers 4. Library Work and HTML
wide web? - Learn to access the 5. Assignment
- What is a web site www and internet 6. Internet-based Research
? - Learn the difference
- What are between the internet 1. Recitation
hyperlinks? and intranet 2. Seatwork
- What are web 3. Group Activity
Browsers? 4. Quiz
- How to access 1. Application of 5. Actual Laboratory Work/
WWW and basic concepts Hands on
Internet? about internet and
- What is the HTML
meaning of web
hosting?
- What is an Knowledge (C1),
Intranet? Comprehension (C2),
- Intranet vs. Application (C3),
Internet web site Analysis (C4),
design Organization (A4)

(8hrs) Chapter 2 Basic HTML - Differentiate the 1. Lecture-Discussion Clear knowledge and
- Basic structure of basic tags of HTML 2. Actual Demonstration application of basic
HTML 3. Group Activity
 - Basic HTML - Learn the different 4. Library Work structure and elements
elements elements in HTML 5. Assignment of HTML
- Advance html - Learn to embed the 6. Internet-based Research
Elements elements tags in
- Creating and notepad
Editing web sites 1. Recitation
- Entering HTML 1. Application of 2. Seatwork
tags and text basic structure and 3. Group Activity
- Saving HTML files elements of HTML 4. Quiz
- Activating 5. Actual Laboratory Work/
Notepad Hands on
- Web Page Images Knowledge (C1),
- Viewing HTML Comprehension
source codes (C2), Application
(C3), Analysis
(C4), Organization
(A4))
PRELIM EXAMINATION
(5hrs) Chapter 3 Creating web - Learn to insert Links 1. Lecture-Discussion Clear knowledge and
pages with links, images and images in the 2. Actual Demonstration application of creating
and formatted text webpage 3. Group Activity links, image and
- Using links on a 4. Library Work formatted text in a
web page 1. Application of 5. Assignment webpage
- Adding a text creating links, 6. Internet-based Research
links image and
- Adding an image formatted text in a 1. Recitation
with wrapped text webpage 2. Seatwork
- Adding a text link 3. Group Activity
within a web page 4. Quiz
Knowledge (C1), 5. Actual Laboratory Work/
Comprehension Hands on
(C2), Application
(C3), Analysis (C4),
Organization (A4)
(5hrs) Chapter 4 Creating - Learn to create 1. Lecture-Discussion Clear knowledge and
tables in a web site tables in webpage 2. Actual Demonstration application of creating
 - Planning - Modify tables with 3. Group Activity tables and frames in a
designing and borders and cell 4. Library Work webpage
coding a table spacing 5. Assignment
- Using boarders - Learn to use frames 6. Internet-based Research
tables to position in web page design
images
- Creating tables 1. Application of
with borders creating tables and 1. Recitation
- Adding cell frames in a 2. Seatwork
spacing and cell webpage 3. Group Activity
padding and a 4. Quiz
caption Knowledge (C1), 5. Actual Laboratory Work/
- Spanning rows Comprehension Hands on
and columns (C2), Application
Chapter 5 Using frames (C3), Analysis
in a web site (C4), Organization
- Creating frames (A4)
- Planning and lay
outing frames
- Creating frame
definition files
(8hrs) Chapter 6 Creating forms - Learn to create form 1. Lecture-Discussion Clear knowledge and
on a web page in a web page 2. Actual Demonstration application of creating
- Creating a web - Learn to create 3. Group Activity forms in a webpage
page forms different buttons and 4. Library Work
- Adding radio text area in a web 5. Assignment
buttons and text page 6. Internet-based Research
area
- Submit and reset 1. Application of
buttons creating forms in a
- webpage 1. Recitation
2. Seatwork
Knowledge (C1), 3. Group Activity
Comprehension 4. Quiz
(C2), Application 5. Actual Laboratory Work/
(C3), Analysis Hands on
 Chapter 7 Indenting and (C4), Organization
CREATING SPACES (A4)
WITH   and
CREATING LISTS
Chapter 8 CREATING
LINKS

MIDTERM EXAMINATION
(18hrs) Introduction to Java - Learn to embed the 1. Lecture-Discussion Clear knowledge and
script Java script in HTML 2. Actual Demonstration application of
- JavaScript Basics - Learn the different 3. Group Activity embedding JavaScript in
- JavaScript Dialog element of Java script 4. Library Work a webpage
Box and its operation 5. Assignment
- Arithmetic 6. Internet-based Research
Operations in 1. Application of
JavaScript embedding
Relational Operators in JavaScript in a 1. Recitation
JavaScript webpage 2. Seatwork
Conditional Operators in 3. Group Activity
JavaScript Knowledge (C1), 4. Quiz
Comprehension 5. Actual Laboratory Work/
(C2), Application Hands on
(C3), Analysis
(C4), Organization
(A4)
FINAL EXAMINATION
Course Requirements:
1. Major Examinations
2. Attendance
3. Quizzes
4. Projects
5. Laboratory Activities
6. Participation in the class discussion
Grading System:
ClassStanding = 90%(Quiz+Recitation+Assignment+LaboratoryActivities+Project) + 10%(Attendance)
PrelimGrade = 2/3ClassStanding + 1/3PrelimExam
MidTermGrade = 2/3 PrelimGrade + 1/3MidTermTentativeGrade
FinalGrade = 2/3 PrelimGrade + 1/3FinalTentativeGrade
References:
Books
1. Bell, Mark, Build a Website for free, 2009
2. Cashman, Shelly, HTML Comprehensive Concepts and Techniques, 2006
3. West, Ray, Dreamweaver MX: a beginner’s guide, 2003
Websites
1. http://www.w3schools.com
2. http://www.webdevelopersnotes.com/tutorials/html/
3. http://gewa.gsfc.nasa.gov/clubs/web/html/
Online Journals
1. http://www.websitedevelopmentjournal.com/
2. http://www.web-source.net/
Prepared by: Noted by:

JERIKO G. PELIMIANO FELONILA L. CATUIZA, Ph.D.

Instructor Dean, College of Teacher Education