Web Technology I

Course Title: Web Technology I

Course No: BIT251

Nature of the Course: Theory + Lab

Semester: 4

Full Marks: 60 + 20 + 20

Pass Marks: 24 + 8 + 8

Credit Hours: 3

Course Description

This course covers the concepts of HTML, CSS, JavaScript and XML.

Course Objectives

The main objective of this course is to provide basic knowledge of HTML, CSS and client side scripting using JavaScript. In addition, the course covers the concepts of XML.

Course Contents

1. Introduction

4 hrs

1.1. Web Basics: Internet, Intranet, WWW, Web Page

1.2. Web Site: Static and Dynamic

1.3. Client Server Architecture

Single Tier

Two-Tier

Multi-Tier

1.4. Web Clients

1.5. Web Servers

1.6. HTTP: HTTP Request and Response

1.7. URL

1.8. Client Side Scripting

1.9. Server Side Scripting

1.10. Web 1.0, Web 2.0

2. Markup Language

11 hrs

2.1. Introduction to HTML

2.2. Elements of HTML Document: HTML, Head, and Body tags

2.3. HTML Elements and HTML Attributes

2.4. Document Type Declaration

2.5. Comments in HTML

2.6. Entity and Character References

2.7. Headings, Paragraph, Division

2.8. Formatting

Formatting tags: b, i, small, sup, sub

Spacing: Pre, Br

Formatting Text Phrases: span, strong, tt

2.9. Image element

2.10. Anchors

2.11. Lists: Ordered and Unordered and Definition

2.12. Tables

2.13. Frames

2.14. Forms

Form Elements

Meta Tag

2.15. HTML Events

Window Events

Form Element Events

Keyboard Events

Mouse Events

2.16. HTML5 Basics

Audio, Video, Canvas

Main, Section, Article, Header, Footer, Aside, Nav, Figure Tags

3. Style Sheets

10 hrs

3.1. Introduction

3.2. Cascading Style Sheets (CSS)

3.3. CSS Syntax

3.4. Inserting CSS: Inline, Internal, External

3.5. ID and Class Selectors

Normal Flow Box Layout: Basic Box Layout, Display Property, Padding, Margin

Positioning: Relative, Float, Absolute

3.14. CSS Media Queries

3.15. Basics of Responsive Web Designs

3.16. Slicing: Converting image design into HTML

4. Client Side Scripting

12 hrs

4.1. Introduction to JavaScript

4.2. Basic Syntax

4.3. Structure of JavaScript Program

4.4. Variables and Data Types

4.5. Statements: Expression, Keyword, Block

4.6. Operators

4.7. Flow Controls, Looping, Functions

4.8. Popup Boxes: Alert, Confirm, Prompt

4.9. Objects and properties

4.10. Constructors

4.11. Arrays

4.12. Built-in Objects

Window, String, Number, Boolean, Date, Math, RegExp, Form

User Defined Objects

4.13. Event Handling and Form Validation

4.14. Error Handling

4.15. Handling Cookies

4.16. Basics of AJAX and jQuery

8 hrs

5.8. XML Schema Languages

Document Type Definition (DTD)

XML Schema Definition (XSD)

5.9. XSD Simple Types, XSD Attributes

5.10. XSD Complex Types

5.11. XML Style Sheets (XSLT)

5.12. XQuery

Laboratory Works

The laboratory work includes creating web pages and applications with client side scripting using HTML, CSS, JavaScript and XML technologies.

1.HTML web page creation
2.CSS styling and responsive design
3.JavaScript client side scripting
4.XML document creation and processing

Text Books

1.Web Technologies: A Computer Science Perspective, Jeffrey C. Jackson, Pearson Prentice Hall

Reference Books

1.HTML5 and CSS3 for the Real World, Estelle Weyl, Louis Lazaris, Alexis Goldstein, Sitepoint
2.Dynamic Web Programming and HTML5, Paul S. Wang, CRC Press
3.HTML5 Programming with JavaScript for Dummies, John Paul Mueller
4.JavaScript: The Web Technologies Series, Don Gosseli, Course Technology Cengage Learning
5.Web Technologies: Html, Javascript, Php, Java, Jsp, Asp.Net, Xml And Ajax, Black Book, Dreamtech Press
6.An Introduction to XML and Web Technologies, Anders Moller and Michael I. Schwartzbach, Addison-Wesley
7.www.w3schools.com

Notes:

This syllabus follows the official BIT curriculum of Tribhuvan University. In case of any doubt or revision, the university’s published syllabus shall be considered authoritative.

Web Technology