COURSE SYLLABUS

Academics Year Semester Subject Title No. of Hours No. of Weeks

72 Hours 18 Weeks
2021 – 2022 1st Semester Web System and Technology Theoretical Practical
36 36
CORE SUBJECT DESCRIPTION:
This course covers a variety of tools and techniques for developing, deploying, and maintaining Web-based applications. It aims to provide fundamental understanding and an in-depth
study of how the Internet and the World Wide Web works and how to develop and maintain web sites. It enables students to be equipped with skills for current web programming
technology and web-oriented applications both server-side and client-side.

CORE SUBJECT REFERENCES:

• Ins and Outs of HTML5. Follow https://bit.ly/2Orjy0j
• Confident Web Design. Follow https://bit.ly/31qbGSc
• Official JavaScript Documentation. Follow https://bit.ly/2Or3sE5
Resources,
Teaching-Learning Assessment Time
Week Topics Intended Learning Outcome References, and
Activities Method Allotment
Teaching Devices
World Wide Web • Lectures and • Explain Internet and WWW • Individual 5 Hours Refer to Core
• Network and Internet Discussions • Identify the ways in Activities Subject Reference
• Internet Service Providers connecting to the Internet • Actual
Internet Address / IP Address Protocols • Explain the purpose of a web Computer
• The World Wide Web browser and identify the Activities
• Browsers components of a Web • Collaborative
• Web Addresses address Works
• Search Engines • Identify how to use a search • Quizzes and
Types of websites engine to search for Homework
Week 1-4 • Web Publishing information on the Web • Machine
• Services on the Internet • Identify the types of websites Problems
• Netiquette • Recognize how Web pages
HTML History and Versions use graphics, animation,
• The Structure of HTML audio, video, virtual reality,
• HTML Tags and plug-ins
• Indentions • Identify different services on
• Tag Attributes the net
• Formatting the Page • Identify the steps required
• Formatting text for Web publishing
 • Paragraphs • Identify the rules of
• Typeface and Type Size and Type netiquette
Color • Identify the history of
• Aligning Paragraphs different versions of HTML
• Block and Inline Tags • Enumerate what are needed
• HTML Lists to create webpages using
• Inserting Images and Image HTML
Attributes • State the uses of HTML
• Introduction to Hyperlinks • Describe the structure of an
• Formatting Tables HTML document
• Explain different HTML tags
• Discuss the
recommendations of W3C in
creating well-formed HTML
documents
• Explain the requirements in
creating HTML documents
• Produce a number of
webpages and websites thru
hands-on exercises and
personal website as a prelim
project using HTML and text
editor
• Create and use tables to
layout web pages
Week 5 PRELIMINARY EXAMINATION
CSS • Lectures and • Enhance the appearance of a • Individual 5 Hours Refer to Core
• Inserting graphics, music and videos Discussions website with the aid of Activities Subject Reference
and animations graphics and animations • Actual
Week 6-10 • Creating Frames • Insert music and videos to a Computer
• Images Maps and Rollovers page. Activities
• Create frames •
• The Cascading Style Sheets Collaborative
• Defining Style Sheets Works
2
 • Selectors • Create hyperlinks using • Quizzes and
• Multiple Style Sheets image maps Homework
• Properties • State how page presentation • Machine
• Creating Sections in a Page is separated from content Problems
• Formatting the Page using CSS • Identify properties that affect
element styles
• Create and use style sheets to
handle a presentation of a
page
• Create and use an external
style sheet to handle the
presentation of a website
Week 11 MIDTERM EXAMINATION
INTRODUCTION TO JAVASCRIPT • Lectures and • Define what is JavaScript • Individual 5 Hours Refer to Core
• Basic JavaScript Syntax Discussions • Learn the basics of JavaScript Activities Subject Reference
• Statements • Use control structure of • Actual
JavaScript Computer
VARIABLES • Define what JS HTML DOM Activities
• Variables • To teach students the • Collaborative
• JavaScript Operators JavaScript programming Works
• Scope skills and to enhance the
• Quizzes and
behavior of their web pages
JAVASCRIPT CONDITIONAL Homework
Week 10- STATEMENTS • Machine
17 • If…Else Statements Problems
• Else If Statements
• Switch Statements

JS FORM VALIDATION
• Checking for Non-Empty
• Checking for all numbers
• Checking for all letters
• Checking for numbers and letters

Week 18 FINALS EXAMINATION

3
CORE SUBJECT REQUIREMENTS: BASES OF GRADING:
1. 70 % of Attendance
2. Outputs
3. Major Assessment
PREPARED AND SUBMITTED BY: REVIEWED BY: APPROVED BY:

RICKY I. OLIVERIA MARY JOANNE B. OLINO RONALD J. CAMACHO

FACILITATOR ICT Department Coordinator VP for Finance Cum VP for Academics
DATE: DATE: DATE: