Page 1 of 5

Republic of the Philippines

TAGUIG CITY UNIVERSITY Gen., Santos Ave., Central Bicutan Taguig City Philippines

COLLEGE OF EGINEERING, TECHNOLOGY AND COMPUTER SCIENCE BACHELOR OF SCIENCE IN COMPUTER SCIENCE

COURSE SYLLABUS IN Web Programming

COURSE CODE : WEBPRO1

COURSE TITLE : WEB PROGRAMMING 1

COURSE CREDIT : 3 Units - 90 HOURS (54 hours LEC, 36 hours LAB) COURSE DESCRIPTION : 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 : Computer 1 – Introduction to Computer and DOS GENERAL OBJECTIVES : 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.

COURSE REQUIREMENTS : Lab exercises, recitations, homeworks, seatworks, quizzes, and exams. TEXT BOOK : Cox, V.L., Wermers, L., and Reding, E., HTML (Illustrated Series), Third Edition, USA Thomson Course

Technology, 2007

MELJUN CORTES, MBA,MPA,MSCS

Page 2 of 5

REFERENCES :

Shelly, Cashman, Forsythe, Intorduction to the World Wide Web, Thomson, 2006

Sklar, Joel, Principles of Web Design, 3rd edition, Thomson, 2006

Hester, Nolan, Creating Web Page in Dreamweaver, 2005

Suh, WooJong, Web Engineering and Techniques, Integrated Book Technology, 2005

Anderson-Freed, Susan, Weaving a Website: Programming in HTML, Javascript, Perl, and Java, Prentice Hall, 2002 COMPUTATION OF CLASS GRADES :

Midterm Grade

Prelim Exam 30%

Class standing 40%

Quizzes

Laboratory

Midterm Exam 30%

Final Grade

Midterm Grade 40%

Class Standing 20%

Quizzes

Laboratory

Pre- Final Exam 20%

Final Exam 20%

Page 3 of 5

Time

Allotment Topic Outline Learning Objectives Methodology Teaching Aid Evaluation Assignments

1st – 2

nd

week Orientation and Introduction to the Course

TFVC’S Vision, Mission, and General and Specific Objectives; Program Specific Objectives; Course Policies and Guidelines

To be able to understand the Vision, Mission and General and Specific Objectives of TFVC

Class Discussion

Hand-Outs Multimedia Presentation on the Vision, Mission and General and Specific Objectives of TFVC

Understanding the Web Design Environment

The Current State of HTML HTML: Then and Now HTML and the World Wide

Web Consortium The Limitations of HTML The Need for Style Sheets Organizing Information with

HTML

To be able to: Describe the current

state of HTML Describe browser

compatibility issues Consider

connection speed differences

Multimedia Presentation on the Web Design Environment

Internet Explorer Starting Internet

Explorer The Internet

Explorer Window Display

Area Title Bar Menu Bar Standard

Button Toolbar

Address Bar Links Bar

3rd

week 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 Understanding File

Transfer Methods Transferring Files with FTP

To understand Web concepts and be able to write an HTML document.

Class Discussion

Multimedia Presentation on Creating an HTML Document

HTML Basic Tags

Visual Workshop, HTML Third Edition, pp. A-24

Page 4 of 5

Commander

4th week Formatting Page Elements

HTML Formatting Methods Aligning Text Formatting Characters Defining an Address Block Controlling Font Selection Customizing Fonts Creating Ordered Lists Creating Unordered Lists

To understand and be able to apply HTML formatting methods.

Class Discussion

Multimedia Presentation on Formatting Page Elements

Formatting Page Elements Quiz 1

Visual Workshop, HTML Third Edition, pp. B-24

5th week Creating Links to Web Pages

and Other Files Planning a Web site Creating Internal Links Creating Links to Other

Directories Creating External Links Creating E-mail Links Creating Jump Links

To be able to understand and apply hyperlinks.

Class Discussion

Multimedia Presentation on Hyperlinks

Anchor Element Visual Workshop, HTML Third Edition, pp. C-26

6th week

PRELIMINARY EXAMINATION To evaluate student comprehension

7th – 8

th

week Adding Graphics and Multimedia

Planning Graphics Use Inserting Images Adding a Background

Image Linking Images Exploring Multimedia

Options Using Multimedia

To be able to understand and apply graphics and multimedia.

Class Discussion

Multimedia Presentation on adding graphics and videos

IMG and Embed Tags

Visual Workshop, HTML Third Edition, pp. D-26

9th week

MIDTERM EXAMINATION WEEK

10th – 11

th

week Formatting with Cascading Style Sheets

Exploring CSS Formatting Controlling Text Formatting Setting Background Colors

and Images Setting Link Properties Applying Margins Applying Text Alignment

and Formatting List Using CSS Class Rules

To be able to explore and apply CSS.

Class Discussion

Multimedia Presentation on CSS

CSS Activity Visual Workshop, HTML Third Edition, pp. E-24

Page 5 of 5

Using Linked Style Sheets

11th – 12

th

week Working with Tables

Planning a table Creating a Simple Table Spanning and Aligning

Columns and Rows Formatting Table Content Formatting Borders Modifying Table

Backgrounds Changing Table

Dimensions Positioning Page Elements

To be able to create tables.

Class Discussion

Multimedia Presentation on Table Element

Table Element Visual Workshop, HTML Third Edition, pp. F-24

13th – 14

th

week Forms

Planning a Form Creating a Text Field Adding a Radio Button Adding Check-boxes Creating a Pull-down Menu Adding a Comment Box Adding a Push Button Connecting a Form’s Back

End

To be able to use forms to control input.

Class Discussion

Multimedia Presentation on Forms

Form, Input, Textarea, Select and Option Tag

Visual Workshop, HTML Third Edition, pp. H-24

15th – 16

th

week Controlling Page Layout with Frames and Tables

Understanding Layout Tools

Creating Navigation Bar Creating a Frameset Targeting Links Formatting Frame Borders Using Nested Frames Creating Structuring Table Creating a Template

To be able to control page layout with frames and tables.

Class Discussion

Multimedia Presentation on Page Layout

Quiz 3 Visual Workshop, HTML Third Edition, pp. AP-2

17th week Publishing and Maintaining Your

Web Site The Internet Explorer Window

Choosing a Web Hosting Service Provider

Registering a Domain Name ISP Comparison Checklist Attracting Notice to our Web

Site

To be able to: Publish and

test the Web site

Refine and update the content

Attract notice to Web site

Class Discussion

Multimedia Presentation on Publishing and Maintaining Web site

18th week Final Examination Week