MISSION:

The College is committed to

Batanes State College
provide holistic education Information Technology Education Department
relevant to business and industry, COURSE SYLLABUS
supportive of sustainable
development for world-class SUBJECT CODE: ITM 36
SUBJECT TITLE : INTERNET DESIGN AND TECHNOLOGY
human resources who are self-
SUBJECT PRE-REQUISITES: None
reliant for better quality of lives SUBJECT CO-REQUISITE : INTERNET DESIGN AND TECHNOLOGY LABORATORY
and preservation of Ivatan and CREDIT UNIT/S : 3 UNITS
Filipino culture. NO. OF CONTACT HOURS : 2 HOURS LECTURE AND 3 HOURS LAB PERWEEK

VISION: I – Subject Description:

Batanes State College 2020, a This course provides the students with the fundamental understanding of developing web-based applications and its corresponding
globally competitive higher systems. The course requires the use of different technologies in order to implement various web-based software applications.
learning institution II – Goals and Objectives:
At the end of the course, the student is expected to:
1. Know the fundamental of web-based architecture and processes;
2. Use available technologies in developing complete web-based applications;
3. Learn how to test, verify, and debug web-based applications.

III – Instructional Modes

1. Lecture Method using the sequential (logical presentation of topics) and transitional (in-depth treatment of the topics) technique.
2. Discussion- Graded and ungraded recitation technique. Make students focus their attention on certain set of questions about a specific
topic.
3. Activity Method – Students are energized to action to accomplish a learning (laboratory) activity.
4. Inductive Method – Process of generalizing that is from simplex to complex.
5. Investigative Method –using the problem solving technique.
IV Course Outline
Time Suggested Laboratory
Topics Specific Objectives Evaluation
Table Activities Equipment
Course Orientation: Rules & Regulations. Students must be able to learn Film Showing Laptop/ PC Assignments
Session Mission & Vision, Goals and Objectives.  The evolution of the Internet, Internet PowerPoint Projector Oral Exam
1-2 Chapter 1: Introduction to the Internet and the standards organizations and the difference Interactive DVD/TV Quizzes
(2 Hrs) World Wide Web between the Internet, intranets, and extranets Learning Mini Hands-on
1.1 Evolution of the Internet  The beginning of the Word Wide Web, ethical Component exercises
1.2 Internet, Intranets and Extranets use of information on the Web, Web
1.3 Standards and Coordination accessibility, and future Internet trends
1.4 Standards and the World-Wide Web C  The client/server model, Internet protocols,
Consortium networks, URL and Domain names, and make
1.5 Network Overview languages
1.6 Client/Server Model
1.7 Internet Protocols
1.8 URls, URLs, and Domain Names
1.9 Mark-up Languages
1.10 Internet and Web Trends
Session Chapter 2: XHTML Basics Students must be able to Film Showing Laptop/ PC Assignments
3-4 2.1 XHTML PowerPoint Projector Oral Exam
(2 Hrs) 2.2 Document Type Definition  Understand and apply XHTML syntax, elements and Interactive DVD/TV Quizzes
2.3 XHRML (body and Text Basics, List documents type definitions Learning Mini Hands-on
Basics, Text Formatting , Hyperlinks and  Create simple web pages following the rules of Component exercises
Validation) XHTML

Session Chapter 3:Configuring Color and Text with CSS Students must be able to Film Showing Laptop/ PC Assignments
5-6 3.1 Overview of Cascading Style Sheets PowerPoint Projector Oral Exam
(2 Hrs) 3.2 Using Color on Web Pages  Describe the Evolution of Stylesheets from print Interactive DVD/TV Quizzes
3.3 Configuring Color with Inline Text media Learning Mini Hands-on
3.4 Configuring Color with Embedded Styles  Use style sheets to configure common color and text Component exercises
3.5 Configuring text with CSS properties
3.6 The class and ID Sectors  Validate CSS
3.7 Using External Style Sheets
3.8 CSS Validation
 Chapter 4: Visual Elements and Graphics Students must be able to Film Showing Laptop/ PC Assignments
Session 4.1 Configuring Lines and Borders  Create and format lines and borders on web pages PowerPoint Projector Oral Exam
7-8 4.2 Types of Graphics  Follow recommended web design guidelines when Interactive DVD/TV Quizzes
(2 Hrs) 4.3 Using Graphics using graphics on Web pages Learning Mini Hands-on
4.4 XHTML Graphics Component exercises
4.5 Sources and Guidelines for Graphics

Session Chapter 5: Web Design Students must be able to Film Showing Laptop/ PC Assignments
9-10 5.1 Web Design Organization PowerPoint Projector Oral Exam
(4Hrs) 5.2 Web Site Navigation –Best Practices  Describe the most common types of web Interactive DVD/TV Quizzes
5.3 Design Principles organizations Learning Mini Hands-on
5.4 Web Page Design –Best Practices  Create, clear and easy web site navigation Component exercises
5.5 Page Layout Design Techniques  Design user-friendly websites
5.6 Text Design-Best Practices  Use graphics appropriately
5.7 Graphics Design- Best Practices  Create accessible web pages
5.8 Designing to Provide Accessibility  Describe the design principles
 Apply best practices of web design

Session Chapter 6: Page Layout with CSS Students must be able to Film Showing Laptop/ PC Assignments
11-12 6.1 CSS Page Layout Overview PowerPoint Projector Oral Exam
(2 Hrs) 6.2 The Box Model  Describe reasons to use CSS for page layout Interactive DVD/TV Quizzes
6.3 CSS Positioning Properties  Use relative and absolute positioning Learning Mini Hands-on
6.4 Exploring CSS Web Layout  Apply CSS box model Component exercises
6.5 Two-Column Page Layout  Configure basic page layout using CSS
6.6 CSS Debugging Tips  Locate CSS page layout resources

PRELIMS
Session Chapter 7: Links, Lists and Layout Students must be able to Film Showing Laptop/ PC Assignments
13-16 7.1 XHTML Links  Code relative hyperlinks to Web pages in folders PowerPoint Projector Oral Exam
(4Hrs) 7.2 CSS Pseudo Classes and Links within a web site Interactive DVD/TV Quizzes
7.3 CSS Navigation Layout Using Lists  Configure a hyperlink to a named fragment internal Learning Mini Hands-on
7.4 CSS Styling Print to a web page Component exercises
7.5 CSS Styling for the Mobile Web  Add interactivity to web pages with CSS pseudo
7.6 Cascade classes
 Configure navigation layout list with CSS
 Utilize “cascade” in CSS
Session Chapter 8: Tables Student must be able to Film Showing Laptop/ PC Assignments
17-18 8.1 Using Tables on Web Pages PowerPoint Projector Oral Exam
(4 Hrs) 8.2 XHTML Table Page Layout  Create a table on a Webpage Interactive DVD/TV Quizzes
8.3 Using CSS to Style a Table  Apply attributes to format table rows and table cells Learning Mini Hand-on
 Use CSS to configure an XHTML table Component exercises

MIDTERM
Session Chapter 9: XHTML Forms Students must be able to Film Showing Laptop/ PC Assignments
19-20 9.1 Forms Overview  Describe common uses of forms on web pages PowerPoint Projector Oral Exam
(2Hrs) 9.2 Form Enhancements  Create forms that provide additional accessibility
9.3 Using CSS to Style a Form
Interactive DVD/TV Quizzes
 Describe the features and common uses of server side scripting
9.4 Server Side Processing  Invoke server-side processing to handle form data
Learning Mini Hands-on
Component exercises
Chapter 10: Web Site Development Student must be able to Film Showing Laptop/ PC Assignments
10.1 Successful Large Scale Development  Describe the skills, functions and job roles needed PowerPoint Projector Oral Exam
10.2 The Development Process
Session 10.3 Domain name Overview for a successful Web project development Interactive DVD/TV Quizzes
21-24 10.4 Wen Hosting Choosing a Virtual Host  Apply SDLC to web development projects Learning Mini Hands-on
(3 Hrs)  Verify functionality of the Web site and use a test Component exercises
plan
 Find the right web host provider for a website
Chapter 11: Web Multimedia and Interactivity Students must be able to Film Showing Laptop/ PC Assignments
11.1 Helper Applications and Pug-ins  Understand helper application and plug-ins PowerPoint Projector Oral Exam
11.2 Multimedia File Types
11.3 Using Sounds on a Web Page  Identify audio file types and video file types and how Interactive DVD/TV Quizzes
11.4 Using Video on a Web Page to obtain them Learning Mini Hands-on
11.5 Browser Compatibility and  Add sound to a webpage and learn podcasting Component exercises
Session Accessibility
 Add videos to a web page
25-27 11.6 Copyright Issues and Media Files
11.7 Adobe Flash  Know the features and common uses of Java applets
(15Hrs)
11.8 Java  Know the features and common uses of JavaScript
11.9 Java Script  Know the features and common uses of DHTML
11.10 Dynamic HTML
11.11Ajax  Know the features and common uses Ajax
11.12 Accessibility and Multimedia Interactivity

Session Chapter 12: Web Promotion Student must be able to Film Showing Laptop/ PC Assignments
12.1 Search Engine Overview
28-29  Identify commonly uses search engines and search PowerPoint Projector Oral Exam
12.2 Components of Search Engines
(2Hrs) 12.3 Designing Web Pages for Promotion indexes Interactive DVD/TV Quizzes
12.4 Listing in a Search Engine and Search Index  Describe the common components of search engine Learning Mini Hands-on
12.5 Monitoring Search Listings Component exercises
 12.6 Link Popularity  Design web pages that are friendly to search engines
12.7 Social Media Optimization
12.8 Other Site Promotion Strategies
 Submit a website for inclusion in a search engine or
12.9 Serving Dynamic Content with Inline Frames search directory
 Monitor a search engine listing
 Describe other website promotion activities
Chapter 13: Overview of JavaScript Student must be able to Film Showing Laptop/ PC Assignments
13.1 JavaScript  Describe common uses of JavaScript in Web Page PowerPoint Projector Oral Exam
13.2 Popular Uses of JavaScript
13.3 Adding JavaScript to a Web Page  Describe the purpose of the Document Object Model Interactive DVD/TV Quizzes
Session Learning Mini Hands-on
13.4 Document Object Overview and List some common events
30-33 Component exercises
13.5 Events and Event Handlers  Create simple JavaScript applications
(4Hrs) 13.6 Variables and Programming Concepts
 Describe considerations for XHTML conformance
13.7 Form Handling
13.8 Accessibility and JavaScript and JavaScript

FINALS

V - Student Requirements:

1. Quizzes
2. Major Exams (Prelim, Midterm, Finals)
3. Assignments, Class Participation and Board works
4. Laboratory Activities
5. Research works

VI – Grading System

1. Periodical Tests (Prelims, Midterms, Finals) 30%

2. Quizzes/Recitations, Assignments 30%
3. Projects/Laboratory Exercises 40%
100%
Passing Mark: 75%
VII – Textbook

Felke =-Morris, Terry, WEB Development and Design Foundations with XHTML ( 5th Edition), 2011
VIII – References

A. Information Technology Books

 Freeman, Elizabeth et.Al., Head First Design Patterns, 2004
 Freeman, Eric, Head First HTML5 Programming: Building Web Apps with JavaScript, 2009
B. Websites
www.w3schools.com ,www.webopedia.com, www.google.com, www.wikipedia.com, etc.
IX – Committee:

Course Title: Date Effective: Date Revised: Prepared by: Recommended by: Approved by:

Internet Design and 1st Semester July 5, 2012 ____________________ ____________________ ____________________
Technology SY 2013-2014 RANDALL G. CASTILLO RICARDO Q. CABUGAO APOLINARIA A. CIELO
Instructor I Chairman Director of Instructions