Republic of the Philippines

TAGUIG CITY UNIVERSITY

Gen., Santos Ave., Central Bicutan Taguig City Philippines

COLLEGE OF INFORMATION AND COMMUNICATION TECHNOLOGY

BACHELOR OF SCIENCE IN INFORMATION SYSTEM
COURSE SYLLABUS IN CC101 (INTRODUCTION TO COMPUTING (HTML&CSS))

PHILOSOPHY : Social Transformation for a caring community and an ecologically balanced country.
VISION : An eminent center of excellent higher education for societal advancement.
MISSION : To nurture a vibrant culture of academic wellness responsive to the challenges of Technology and the global community.

COURSE CODE : CC 101

COURSE TITLE : INTRODUCTION TO COMPUTING (HTML&CSS)

COURSE CREDIT : 3 Units - 54 hours Lecture

COURSE DESCRIPTION : Students will learn the course is designed as an introduction to the use of the computer in an interactive environment. It provides topics on
different types of software: application software and programming languages – from machine language to web programming language. The
course covers detailed information and application on Web programming concepts using Hypertext Markup Language (HTML) as a medium.
PRE-REQUISITE : None

GENERAL OBJECTIVES
.
COURSE REQUIREMENTS
: After completing the course, the student must be able to:
1. Describe several major trends occurring in computer software;
2. Give examples of several major types of applications and computer software;
3. Describes the main uses of programming languages particularly Web-oriented programming;
4. Demonstrate proficient use of computer software and the World Wide Web; and
5. Provide the students with basic know-how on Web programming and apply them in their respective fields.
: Lab exercises, recitations, homeworks, seatworks, quizzes, and exams. And his/her attitude towards work assessment.

Page 1 of 7
COURSE COVERAGE:
Week Methodology/ Instructional Evaluation/ Learning Outcomes/ No. of
Learning Objectives Topics to be discussed
No. Activities Materials/Resources Assessment Expected Outputs Hours
1. At the end of the o Orientation and Introduction 1. Lectures 1. Whiteboard Expectations
period the students to the Course: 2. Discussions 2. Whiteboard Vision and Results of exercises.
should be able to 3. Presentation Marker Mission 1. Independent Analysis
identify the theory TCU Vision, Mission, and 4. Brainstorming 3. Eraser 2. Self-determination
General and Specific Objectives; 6 hours
behind Introduction 4. Books/references How it started. 3. Awareness
1-2 Program Specific Objectives;
to computing 1. Exercises 4. Knowledge
weeks Course Policies and Guidelines
2. Recite the operation Student Handbook & Activities. 5. Decision making
of computer and its o Introduction and Computing TCU Manual
process. Student’s Policy Book

To be able to: Understanding the Web Design  Classroom 1. Whiteboard . .

 Describe the current Environment discussion 2. Whiteboard Marker 1. Quizzes Results of exercises.
state of HTML  The Current State of HTML  Example 3. Eraser 2. Exercises 1. Independent Analysis
 HTML: Then and Now 4. Books/references & Activities. 2. Self-determination
problem
 Describe browser  HTML and the World Wide Web 6 hours
compatibility issues Consortium  Graphical 5. Bond Paper 3. Awareness
Consider connection  The Limitations of HTML Illustrations 4. Knowledge
3-4 speed differences  The Need for Style Sheets  Board works 5. Decision making
Weeks  Organizing Information with  Seatwork 6. Critical understanding
 Explain Web concepts HTML
and be able to write an
HTML document.
Creating an HTML Document
 Understanding Web Concepts
 Planning an HTML Document
 Writing an HTML Document
 W3C Coding Standards
 Importing Web Content
 Marking up Web Page Content
 Printing an HTML Document

5-6 To apply HTML Formatting Page Elements  Classroom 1. Whiteboard Results of exercises.
Weeks formatting methods and  HTML Formatting Methods discussion 2. Whiteboard Marker 1. Quizzes 1. Independent Analysis
hyperlinks.  Aligning Text  Example 3. Eraser 2. Exercises & 2. Self-determination
 Formatting Characters 4. Books/references Activities. 3. Awareness 6 hours
problem
 Defining an Address Block
 Controlling Font Selection  Graphical 5. Bond Paper 4. Knowledge
 Customizing Fonts Illustrations 5. Decision making
 Creating Ordered Lists  Board works 6. Critical understanding

Page 2 of 7
  Creating Unordered Lists  Seatwork
Creating Links to Web Pages and
Other Files
 Planning a Web site
 Creating Internal Links
 Creating External Links
 Creating E-mail Links
Creating Jump Links
To be able to demonstrate Adding Graphics and Multimedia  Classroom 1. Whiteboard Results of exercises.
and apply graphics and  Planning Graphics Use discussion 2. Whiteboard Marker 1. Quizzes 1. Independent
multimedia.  Inserting Images  Example 3. Eraser 2. Exercises & Analysis 6 hours
 Adding a Background Image 4. Books/references Activities. 2. Self-determination
problem
 Linking Images
 Exploring Multimedia Options  Graphical 5. Bond Paper 3. Awareness
Using Multimedia Illustrations 4. Knowledge
7-8  Board works 5. Decision making
Weeks  Problem 6. Critical understanding
Solving
 Quizzes

9 week Midterm Exam

To be able to explore and Formatting with Cascading Style  Classroom 1. Whiteboard 1. Quizzes Results of exercises.
apply CSS. Sheets discussion 2. Whiteboard Marker 2. Exercises & 1. Independent
 Exploring CSS Formatting  Example 3. Eraser Activities. Analysis
 Controlling Text Formatting 4. Books/references 2. Self- 6 hours
problem
 Setting Background Colors and
Images  Graphical 5. Bond Paper determination
10-11  Setting Link Properties Illustrations 3. Awareness
Weeks  Applying Margins  Board works 4. Knowledge
 Applying Text Alignment and  Seatwork 5. Decision
Formatting List making
 Using CSS Class Rules 6. Critical
Using Linked Style Sheets understanding

To be able to create Working with Tables  Classroom 1. Whiteboard 1. Quizzes Results of exercises.
tables.  Planning a table discussion 2. Whiteboard Marker 2. Exercises & 1. Independent
 Creating a Simple Table  Example 3. Eraser Activities. Analysis
 Spanning and Aligning Columns 4. Books/references 2. Self-determination 6 hours
problem
12-13 and Rows
 Formatting Table Content  Graphical 5. Bond Paper 3. Awareness
Weeks 4. Knowledge
 Formatting Borders Illustrations
 Modifying Table Backgrounds  Board works 5. Decision making
 Changing Table Dimensions  Quizzes 6. Critical understanding
Positioning Page Elements
Page 3 of 7
 To be able to use Forms  Classroom 1. Whiteboard 1. Quizzes Results of exercises.
forms to control input.  Planning a Form discussion 2. Whiteboard Marker 2. Exercises & 1. Independent
 Creating a Text Field  Example 3. Eraser Activities. Analysis
 Adding a Radio Button 4. Books/references 2. Self-determination 6 hours
problem
14-15  Adding Check-boxes
 Creating a Pull-down Menu  Graphical 5. Bond Paper 3. Awareness
Weeks 4. Knowledge
 Adding a Comment Box Illustrations
 Adding a Push Button  Board works 5. Decision making
Connecting a Form’s Back End  Seatwork 6. Critical understanding

To be able to control Controlling Page Layout with Frames  Classroom 1. Whiteboard . Results of exercises.
page layout with and Tables discussion 2. Whiteboard Marker 1. Quizzes 1. Independent
frames and tables.  Understanding Layout Tools  Example 3. Eraser 2. Exercises & Analysis
 Creating Navigation Bar 4. Books/references Activities. 2. Self-determination 3 hours
problem
 Creating a Frameset
 Targeting Links  Graphical 5. Bond Paper 3. Awareness
16 4. Knowledge
 Formatting Frame Borders Illustrations
Week
 Using Nested Frames  Board works 5. Decision making
 Creating Structuring Table  Seatwork 6. Critical understanding
Creating a Template

To be able to: Publishing and Maintaining Your Web  Classroom 1. Whiteboard 1. Quizzes Results of exercises.
 Publish and test Site discussion 2. Whiteboard 2. Exercises & 1. Independent
the Web site  The Internet Explorer Window  Example Marker Activities. Analysis
 Refine and update  Choosing a Web Hosting Service 3. Eraser 2. Self-determination 3 hours
problem
17 the content Provider
Attract notice to Web  Registering a Domain Name  Graphical 4. Books/references 3. Awareness
Week 5. Bond Paper 4. Knowledge
site  ISP Comparison Checklist Illustrations
Attracting Notice to our Web Site  Board works 5. Decision making
 Seatwork 6. Critical understanding

18
Final Examination
week

Page 4 of 7
RUBRICS

PASS FAIL
Exceed Expectations Meets Expectations Somewhat Meets Expectations Below Expectations

3.0 – 1.25 Grade 5.0 Grade

At least 75% produce output No Output
Perform Well in all from varied assessment Absent more than 10 days
activities and See separate sheet for rating & No Major Exam
examination. evaluation for assessment. No Quiz
Class Participation No Assignments
No Video Production
No attendance
PASS FAIL
Exceed Expectations Meets Expectations Somewhat Meets Expectations Below Expectations

Weekly Written
Assignment At least produce No Assignments/seatwork
assignments/seatwork, passing Poor in attendance, quizzes and major exams
mark in all quizzes.

VIII. COURSE METHODOLOGY

 Lecture/Discussion
IX. COURSE REQUIREMENTS
 Attendance
 Class Participation
 Assignment/Seatwork
 Quizzes
 Mid-term Exam
 Final Exam

Page 5 of 7
X. COMPUTATION OF GRADES
MIDTERM GRADING (50%)
Attendance 10%
Assignment/Seatwork/Recitation 20%
Quizzes 30%
Midterm Exam 40%
100%

FINAL GRADING (50%)

Attendance 10%
Assignment/Seatwork/Recitation 20%
Quizzes 30%
Final Exam 40%
100%

X. COURSE TEXTBOOKS

REFERENCES :
CRC Press Taylor & Francis Group. (2018). Introduction to Web Interaction Design With HTML and CSS. United States: CRC Press.
Dean, J. (2019). WEB PROGRAMMING with HTML5, CSS,and JavaScript. Burlington, MA: Jones & Bartlett Learning, LLC.
Knapp, M. (2017). HTML & CSS Learn the Fundamentals in 7 Days.
Lemay, L. ,Coburn R. & Kyrnin,J. (2016). Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day, 7th Ed. United States of America: Pearson
Education, Inc.
Robbins, J. (2018). Learning Web Design, Fifth Edition. Canada: O’Reilly Media, Inc.
Robson, E. & Freeman, E. (2012). Head First HTML and CSS. Canada.: O’Reilly Media, Inc.,.

Page 6 of 7
Prepared by : GRACELYN T. CONDEZ Checked by: EDMAR G. TAN, MSIT
Faculty Coordinator, BSIS

Approved by:

____________________________________
REYNALDO G. ALVEZ, MSIT
Dean, College of Information and Communication Technology

____________________________________
DR. OFELIA M. CARAGUE
VP for Academic Affairs

Page 7 of 7