Republic of the Philippines Course Syllabus

DAVAO DEL SUR STATE COLLEGE

Format V 3.0
INSTITUTE OF COMPUTING, ENGINEERING AND TECHNOLOGY INFORMATION SPAMAST
TECHNOLOGY DEPARTMENT

COURSE SYLLABUS
2nd Semester School Year 2019-2020
Course No. : ITE 221
Course Title : IT ELECTIVE 1 Prepared by: ROGER A. SUSADA JR.
Faculty
[email protected]
Course Description : This course introduces students to basic web design using
HTML (Hypertext Markup Language) and CSS (Cascading Style
Sheets). The course does not require any prior knowledge of Checked/ DOMINGO V. ORIGINES JR., MIM
HTML or web design. Throughout the course students are Reviewed by: Chairperson, IT Dept.
introduced to planning and designing effective web pages; 0929-2238-555
implementing web pages by writing HTML and CSS code;
enhancing web pages with the use of page layout techniques,
text formatting, graphics, images, and multimedia; and
producing a functional, multi-page website.

Approved by: MARK JUDE F. TRONDILLO,

Course Credit : 4.01 PH.D.
Dean, ICET
Prerequisite/s : __ [email protected]
Contact Hours/ Week : Lecture (2 hours Per Week)
Laboratory(3 Hours Per Week)

Page 1 of 9
PROGRAM OBJECTIVES

The graduates have the ability to:

1-5 (Common to all programs in all types of schools)
1. Articulate and discuss the latest developments in the specific field of practice (PQF level 6 descriptor)
2. Effectively communicate orally and in writing using both English and Filipino
3. Work effectively and independently in multi-disciplinary and multicultural teams (PQF level 6 descriptor)
4. Act in recognition of professional, social, and ethical responsibility
5. Preserve and promote “Filipino historical and cultural heritage” (based on RA 7722)

6-13 (Common to the discipline Teacher Education)

6. Demonstrate corporate and social responsibility;
7. Implement the basic functions of management and marketing;
8. Use Information and Communication Technology (ICT) effectively and efficiently;
9. Work well with others;
10. Use the proper decision tools to critically, analytically and creatively solve problems and drive results;
11. Understand and apply the concepts of agricultural productivity and sustainability in the context of national, regional and global developments;
12. Engage in agricultural production and post-production activities; and
13. Promote sound agricultural technologies to various clients and in the manpower development for agriculture.

14-15 (Common to graduates of a horizontal type of institution as defined in CMO 46, s. 2012)
14. Graduates of college are qualified for various types of employment and participate in various types of employment, development activities, and
public discourses, particularly in response to the needs of the communities one serves
15. Graduates of State Universities and Colleges (SUCs) must have the competencies to support “national, regional and local development plans”
(RA7722).

Page 2 of 9
 PROGRAM OUTCOMES

competencyProfessional

InnovativenesCreativity and

thinking skillsCritical

communicatioLanguage and
n skills

learningCapability for
life-long

skills Leadership,
teamwork and
interpersonal

al skillsEntrepreneuri

global Universal
SPAMAST GRADUATE ATTRIBUTES
(A SPAMAST Graduate shall possess. . .)

competencyoutlook and

responsivenes Socio-cultural,
s and gender environmental
sensitivity
Page 3 of 9
 1. Articulate and discuss the latest developments in the specific field of practice.

(PQF level 6 descriptor)
2. Effectively communicate orally and in writing using both English and Filipino 
3. Work effectively and independently in multi-disciplinary and multicultural teams.

(PQF level 6 descriptor)
4. Act in recognition of professional, social, and ethical responsibility 
5. Preserve and promote “Filipino historical and cultural heritage” (based on RA

7722)
6. Demonstrate mastery of subject matter/discipline. 
7. Facilitate learning using a wide range of teaching methodologies and delivery

modes appropriate to specific learners and their environments.
8. Develop innovative curricula, instructional plans, teaching approaches, and

resources for diverse learners.
9. Apply skills in the development and utilization of ICT to promote quality, relevant,
 
and sustainable educational practices.
10. Demonstrate a variety of thinking skills in planning, monitoring, assessing, and

reporting learning processes and outcomes.
11. Practice professional and ethical teaching standards sensitive to the local,

national, and global realities.
12. Pursue lifelong learning for personal and professional growth through varied

experiential and field-based opportunities.
13. Exhibit competence in mathematical concepts and procedures.  
14. Graduates of college are qualified for various types of employment and
 
participate in various types of employment
15. Graduates of State Universities and Colleges (SUCs) must have the
competencies to support “national, regional and local development plans” 
(RA7722).

PO10

PO11

PO16

PO17

PO18
PO12

PO13

PO14

PO15
COURSE INTENDED LEARNING OUTCOMES
PO1

PO2

PO3

PO4

PO5

PO6

PO7

PO8

PO9
At the end of the course, the students can:

CO 1. Recognize and understand HTML and apply CSS to format web page
I
elements
CO 2. Enhance web pages using text formatting, color, graphics, images, and
multimedia P P

CO 3. .Plan, design, and publish a multi-page website P P

Page 4 of 9
LEGEND:
I-INTRODUCED (The student get introduced to the concepts/principles)
P-PRACTICED (The student practices the competencies with supervision)
D-DEMONSTRATED (The student practices the competencies across different settings with minimal supervision)

COURSE PLAN
TEACHING AND
TIME STUDENT LEARNING MA COURSE CONTENT/ SUBJECT LEARNING ASSESSMENT RESOURCES
FRAME OUTCOMES P MATTER ACTIVITIES TASKS (ATs) NEEDED
(TLAs)
Week 1 At the end of the lesson, the -  SPAMAST’s Vision, Mission and Core Power point Oral Recitation DLP
students will be able to: Values (TOP ACCESS) presentation (Collect ideas from Institutions
 Converse the importance of  Program Educational Objectives (Lecture) the student what is InfoGraphics
the course in relation to the  Classroom Policies the implication of
attainment of the Institutions  Grading System Class Discussion OBE)
directions.  Assessment and Evaluation Guidelines
 identify the course and course Written Reflection
requirements (List at least 5
acquired traits in the
core values “TOP
ACCESS” for 2 years
staying in the
institution)

Chapter1:  Lecture/Discussio Class Participation

 Understand the history of Brief history of HTML and CSS3 n Quiz DLP
HTML and CSS Web Page Building Blocks  Film Viewing Oral Recitation Laptop
Week 2-3   A Basic HTML Page Laboratory exercise White Board
 Identify and Construct the  Semantic HTML: Markup with Marker
basic structure of HTML CO1 Meaning
  Markup: Elements, Attributes, and
Values
 A Web Page’s Text Content
 Links, Images, and Other Non-Text
Content
 File Names
 URLs/ Key Takeaways

Week 4  Create, edit, and save Web Chapter 2:  Lecture/Discussio Class Participation DLP
page files. Working with Web Page Files n Quiz Laptop
 Planning Your Site  Guided hands on Oral Recitation White Board
 Touch on some planning  Creating a New Web Page session Laboratory exercise Marker
and organizational CO1  Saving Your Web Page  Direct
considerations. CO2  Specifying a Default Page or observation and
Homepage

Page 5 of 9
 TEACHING AND
TIME STUDENT LEARNING MA COURSE CONTENT/ SUBJECT LEARNING ASSESSMENT RESOURCES
FRAME OUTCOMES P MATTER ACTIVITIES TASKS (ATs) NEEDED
(TLAs)
 Organizing Files questioning.
 Viewing Your Page in a Browser
 The Inspiration of Others

Week 5-6  Starting a Web page Chapter 3:  Lecture/Discussio Class Participation DLP
Basic HTML Structure n Quiz Laptop
 The HTML5 document
 Starting Your Web Page  Guided hands on Oral Recitation White Board
outline
 Creating a Title session Laboratory exercise Marker
CO2  Creating Headings  Direct s
 The h1–h6, hgroup, observation and
header, nav, article,  Understanding HTML5’s Document
Outline questioning
section, aside, footer,
and div elements (most  Grouping Headings
of which are new in  Common Page Constructs
HTML5.  Creating a Header
 Marking Navigation
 Know how ARIA role  Improving Accessibility with ARIA
attributes can improve your  Adding the Title Attribute to
page’s accessibility Elements
 Applying a class or id to
elements

 Applying the title attribute

to elements

 Adding comments to your

code
 Creating a clear and
consistent structure not
only sets up a good
semantic foundation for
your page

Week 7  Manipulate text in webpage Chapter 4:  Lecture/Discussio Class Participation DLP

using HTML Text n Quiz Laptop
 Starting a New Paragraph  Guided hands on Oral Recitation White Board
 Create figures in webpage  Adding Author Contact Information session Laboratory exercise Marker
using HTML CO2  Creating a Figure  Direct
 Specifying Time observation and
 Can create links that go to  Marking Important and Emphasized questioning
another page, jump within a Text
page, show an image, and  Indicating a Citation or Reference

Page 6 of 9
 TEACHING AND
TIME STUDENT LEARNING MA COURSE CONTENT/ SUBJECT LEARNING ASSESSMENT RESOURCES
FRAME OUTCOMES P MATTER ACTIVITIES TASKS (ATs) NEEDED
(TLAs)
download files.  Quoting Text
 Specifying Fine Print
 Can create a link to any  Creating a Line Break
URL-RSS feeds, files that  Creating Spans
you want visitors to be able  Other Elements
to download. Links
 Creating a Link to Another Web Page
 Creating Anchors
 Linking to a Specific Anchor
 Creating Other Kinds of Links

Week 8  Manipulate Style in Web Chapter 5:  Lecture/Discussio Class Participation DLP

pages using CSS3 CSS Building Blocks n Quiz Laptop
 Create an External Style Working with Style Sheets  Guided hands on Oral Recitation White Board
Sheet CO2 Defining Selectors session Laboratory exercise Marker
 Link to External Style Formatting Text with Styles  Direct
Sheets Layout with Styles observation and
 Apply Inline Styles questioning
 Use Media-Specific Style
Sheets
 Construct Selectors
 Specify Groups of Elements
 Specify Alternate Fonts
 Know how to considerate
when Beginning a Layout
 Determine How to Treat
Overflow

Written and practical Questionnaire

Week 9 examination Rubrics
MIDTERM EXAMINATION

Week 10-  Understand the mobile Chapter 6:  Lecture/Discussio Class Participation DLP
11 Strategies and CO1 Style Sheets for Mobile to Desktop n Quiz Laptop
Considerations Working with Web Fonts  Guided hands on Oral Recitation White Board
 Build a Page that Adapts Enhancements with CSS3 session Laboratory exercise Marker
with Media Queries  Direct Rubrics
 Manipulating webpage observation and
using CSS3 questioning

Page 7 of 9
 TEACHING AND
TIME STUDENT LEARNING MA COURSE CONTENT/ SUBJECT LEARNING ASSESSMENT RESOURCES
FRAME OUTCOMES P MATTER ACTIVITIES TASKS (ATs) NEEDED
(TLAs)
Week 12-  Create and Process Forms Chapter 7:  Lecture/Discussio Class Participation DLP
13  Create boxes and Buttons CO2 Forms n Quiz Laptop
 Create Email, Telephone, Video, Audio, and Other Multimedia  Guided hands on Oral Recitation White Board
and URL Boxes Tables session Laboratory exercise Marker
 Add Multimedia to Your  Direct Rubrics
Web Page observation and
 Add Controls and Autoplay questioning
to Audio in a Loop

Week 14-  Load an External Script Chapter 8:  Lecture/Discussio Class Participation DLP
17  Add an Embedded Script CO3 Working with Scripts n Quiz Laptop
 Test Your Page Testing & Debugging Web Pages  Guided hands on Oral Recitation White Board
 Transfer Files to the Server Publishing Your Pages on the Web session Laboratory exercise Marker
 Direct Rubrics
observation and
questioning

Week 18 Written and practical Questionnaire

FINAL TERM EXAMINATION
examination Rubrics

COURSE GRADING SYSTEM CLASSROOM POLICY

REQUIREMENTS

 Quizzes 50% - Midterm Grade Attendance is counted from the first day of regular classes regardless of the date of
 Major Exams 50% - Final Term Grade the student’s enrolment thus classes missed due to late enrolment shall be
 Assignments Final Grade = (MTG + FTG)/2 considered absent
 Compilation of
laboratory output Lecture (40%) A student who has incurred absences of more than 20% of total class meeting in a
30%: Classroom given time shall not be given credit for the course or subject
Participation
30% : Project Subjects with or without laboratory and more than 3 units subjects is as follows:
40% : Periodical Examination Any subject meeting 1 x a week = 3 absences max. = 4 absences over cut
(Mid Term and Final Term Any subject meeting 2 x a week = 7 absences max. = 8 absences over cut
100%Exam) Any subject meeting 3 x a week = 10 absences max.= 11 absences over cut
Any student who exceeds the prescribed maximum numbers of cuts for a particular
Page 8 of 9
 Laboratory (60%) subject is considered dropped, and shall receive a corresponding remark in the
30% : Laboratory Exercises Report of Grades of DROPPED for the semester regardless of his performance in the
30% : Project class as of the date of debarment.
40% : Practical Examination Note: Other classroom policies, please refer to the student handbook
(Mid Term and Final Term
100% Exam)

Grade Equivalent
0 Base equivalent percentage
computations is used with 75% for
Licensure programs & 50% for non-
board programs.

SUGGESTED READINGS AND REFERENCES Counterchecked by:

TEXTBOOK
 HTML5 and CSS3, Seventh Edition: Visual Quick Start Guide
Elizabeth Castro and Bruce Hyslop MABELL B. BRIGOLE,
MAED-LS
Director, Library Services

DOMINGO V. ORIGINES JR.,

MIM
IT-Department Chairperson

Page 9 of 9