Department of Computer Science &Engineering
SUBJECT: WEB TECHNOLOGY
Course Code CS135
Teaching Hours/Week(L-T-P-E) (3-0-0-0)
Credits 03
Total Contact Hours 42
Course objectives:
This course aims to establish a fundamental comprehension of the World Wide Web (WWW) and
covers web development along with client-side and server-side technologies, equipping students with
the skills necessary to create and launch websites on the Internet
Module–1 (08hrs.)
INTRODUCTION TO INTERNET
Introduction, Evolution of Internet, WEB2.0 and Evolution of WWW. Internet Protocol -TCP/IP,
UDP, HTTP, Http(https) Internet Addressing Scheme – Ipv4 & IPv6, Domain Name Server and IP
Addresses-Mapping. Building Web Sites: Planning for designing Web pages, site navigation, model
and structure of a Website, Web Servers, Web Browsers, Two Tier and Three Tier Web Based
Architecture
Module–2 (10hrs.)
HTML
Introduction to HTML, Essential Tags, Tags and Attributes, Text Styles and Text Arrangements,
Text, Effects, Exposure to Various Tags (DIV, MARQUEE, NOBR, DFN, HR, LISTING, Comment,
IMG), Color and Background of Web Pages, Lists and their Types, Attributes of Image Tag,
Hypertext, Hyperlink and Hypermedia, Links, Anchors and URLs, Links to External Documents,
Different Section of a Page and Graphics, Footnote and eMailing, Creating Table, Frame, Form and
Style Sheet
Module–3 (07 hrs.)
CSS AND DHTML
CSS: Selectors- HTML Selector, Class Selector, ID Selector,
External and Internal Style Sheets, Inline Style, and the class selector, div & span tags. Change
the properties like background images, colors, and manipulating texts, using fonts, borders and boxes,
margins, padding lists, positioning using CSS.
Dynamic HTML, Document Object Model, Features of DHTML, DHTML Events.
Module–4 (07 hrs.)
Java Script
Java Script – Java Script Object Model,
Objects, Methods, Events and Functions, Tags, Operators, Data Types, Literals and Type Casting in
JavaScript, Programming Construct, Array and Dialog Boxes, Relating JavaScript to DHTML,
Dynamically Changing Text, Style, Content.
Module-5 (08 Hrs.)
Introduction to PHP: Server Side Programming , Introduction to PHP, Basic Programming
Concepts of PHP: Variables, Data-types, Constants, Scope of Variables, Type of Variables, Type
Casting, Operators, Operators Precedence, References, Arrays; Control Structures: Branching, If
statement, Switch statement; Looping: for Loop, while Loop, do while Loop, for each Loop;
Functions: User Defined Functions, Built-in Function, Functions for Variables; Script Controlling
Functions, Array Functions, Date and Time Functions, Mathematical Functions, String Functions,
PHP Server Variables; Working with form, Uploading files to Web Server using PHP
Course outcomes:
At the end of the course, the student will be able to
CO1: Understand core internet concepts like WWW, IP addressing, DNS, and ISPs
CO2: Design, develop, and deploy interactive and responsive web applications using modern web
technologies such as HTML5,
CO3: Use CSS to style and format web content, create responsive designs, and enhance user
experiences across different devices and browsers.
CO4: Create interactive and dynamic web applications, manipulate the Document Object Model
(DOM), and implement client-side functionality for a wide range of web-based projects
CO5: Develop server-side web applications, manage databases, and build dynamic websites using
PHP, a versatile and widely-used scripting language
Text Books :
1. “Programming the world wide web” by Robert W Sebesta, Pearson, 4th Edition, 2011
2. “Internet & Web Technologies” By Rajkamal, Mcgraw Hill Education,1st Edition,2013
3. “Internet Technology And Web Design”by Isrd Group, Mcgraw Hill Education,1st
Edition,2014
Reference Books:
4. “Web Technologies: A Computer Science Perspective”, by Jackson, Pearson Education India,
1st Edition,2015
5. “Html5 Covers Css3 Javascript Xml Xhtml Ajax Php & Jquery Black Book” by
Na,Dreamtech ( Biztantra ),2nd Edition,2018
Open Source:
6. NPTEL video series, Internet technology Instructor: Prof. Indranil Sengupta
URL: NPTEL :: Computer Science and Engineering - Internet Technology
CO-PO Matrix
Modern Tool usage
Individual & Team
complex problems
Problem Analysis
Project mgmt &
Communication
Environment &
Investigation of
development of
Sustainability
Engineering
Engineer &
Knowledge
Life Long
Learning
Finance
Design/
Society
Ethics
PO10
PO12
PO11
work
PO1
PO2
PO3
PO4
PO5
PO6
PO7
PO8
PO9
CO 2 3 - - - - - - - - - 2
1
CO 3 3 2 - - - - - - - - 1
2
CO 2 3 - - - - - - - - - -
3
CO 3 3 3 1 1 - - - - - - -
4
CO 3 3 2 2 2 - 1 - - - - 1
5
Module No Module Name Required COs Reference
contact addressed s book
Hours Used
Module-1 INTRODUCTION TO INTERNET 08
Introduction, Evolution of Internet 1 1, 2 1-4
WEB2.0 and Evolution of WWW 1 1, 2 1-4
Introduction to Internet Protocol 1 1,2,4,5 1-4
TCP/IP, UDP, HTTP, Http(https) 1 1,2,4,5 1-4
Internet Addressing Scheme – Ipv4 & IPv6, 1 1,2,4,5 1-4
Domain Name Server and IP Addresses-
Mapping.
Internet Addressing Scheme – Ipv4 & 1 1,2,4,5 1-4
IPv6,Domain Name Server and IP Addresses-
Mapping.
Building Web Sites: Planning for designing 1 1,2,4,5 1-4
Web pages, site navigation, model and structure
of a Website
Web Servers, Web Browsers. 1 1,2,4,5 1-4
Two Tier and Three Tier Web Based
Architecture
Module-2 HTML 10
Introduction to HTML 5 1 1,2,4 1-4
Essential Tags, Tags and Attributes, Text 1 1,2,4,5 1-4
Styles and Text Arrangements
DIV, MARQUEE Tag 1 1,2,4,5 1-4
Text, Effects 1
NOBR, DFN, HR, LISTING Tag 1
Comment, IMG Tag 1 1,2,4,5 1-4
Color and Background of Web Pages, Lists 1 1,2,4 1-4
and their Types, Attributes of Image Tag,
Hypertext
Hyperlink and Hypermedia, Links, Anchors 1 1,2,3,5 1-4
and URLs
Links to External Documents, Creating Table 1 1,2,3,5 1-4
Form, Frame and Style Sheet 1 1,2,3,5 1-4
MODULE-3 CSS AND DHTML 07
CSS: Selectors- HTML Selector 1 1,2,4,5 1-4
Class Selector, ID Selector, External and 1 1,2,4,5 1-4
Internal Style Sheets
Inline Style, and the class selector, div & span 1 1,2,4,5 1-4
tags
Change the properties like background images, 3 1,2,4,5 1-4
colors, and manipulating texts, using fonts,
borders and boxes, margins, padding lists,
positioning using CSS.
Dynamic HTML, Document Object Model, 1 1,2,4,5 1-4
Features of DHTML, DHTML Events.
MODULE-4 Java Script 07
Introduction to JavaScript 1 1,2,4,5 1-4
Java Script Object Model 1 1,2,4,5 1-4
Variables-Constant – Expressions 1 1,2,4,5 1-4
Conditions-Relational Operators- Data Types. 1 1,2,4,5 1-4
Flow Control –if statement, Nested if, 1 2,4,5 1-4
loop
array, 2D-Array 1 2,4,5 1-4
Function 1 2,4,5 1-4
MODULE-5 Introduction to PHP 08
Server Side Programming , Introduction to 1 4,5 1-4
PHP
Basic Programming Concepts of PHP: 1 4,5 1-4
Variables, Data-types, Constants, Scope of
Variables, Type of Variables
Type Casting, Operators, Operators 1 4,5 1-4
Precedence, References, Arrays
1 4,5 1-4
Control Structures: Branching, If statement,
Switch statement; Looping: for Loop, while
Loop, do while Loop, for each Loop;
1 4,5 1-4
Functions: User Defined Functions, Built-in
Function, Functions for Variables
1 4,5 1-4
Script Controlling Functions, Array Functions,
Date and Time Functions, Mathematical
Functions, String Functions
1 4,5 1-4
PHP Server Variables; Working with form
1 4,5 1-4
Uploading files to Web Server using PHP
TOTAL 40
HOURS
Learning Assessments
Bloom’s Teacher Assessment / Formative Assessment (40 Summative
Level of %) Assessment (60 %)
Cognitive
Task
Quiz Assignme Experiential Attendance Mid End
(10%) nt (10%) learning * (10%) Sem Sem
(10%) (20%) (40%)
Level-1 Remember 40% 40% 20% 40% 30%
Understand
Level-2 Apply 70% 40% 40% 60% 50%
Analyze
Level-3 Evaluate 20% 40% 20%
Create
Total 100% 100% 100% 100% 100%
Department of Computer Science & Engineering
Subject : Web Technology Lab
Course Code: CS176
Teaching Hours/Week(L-T-P-E) (0-0-3-0)
Credits 02
Total Contact Hours/ Sem 30
Course objectives:
The Web technology labs are intended to provide the students a practical knowledge of Web
and to design web page or website.
It is designed to develop skills among students to understand web and implement tags to
design webpage or website. CSS helps to design style sheet.
Java Script allows design and develops application programs as well as real world objects
based problems. Object models helps to implement objects for object oriented programs.
Experiment 1: Design webpage to display your CV using all font effect.
Experiment 2: Write HTML code to illustrate the usage of the following:
Ordered List Unordered List Definition List
Experiment 3: Write HTML code to create a Home page having three links: About CGU,
Branches and Contact Us. Create separate web pages for the three links.
Experiment 4: Design a webpage for web face emoji using table and image caption
Experiment 5: Write an HTML code to create a Student Registration Form.
Experiment 6: Design a Cascading Style Sheet to demonstrate the usage of simple selector
(HTML Selector, Class Selector and ID selector)
Experiment 7: Write an HTML code to demonstrate the usage of external CSS.
Experiment8: Write java script code for following application programs:
Program to swap 2 numbers
Program to display a multiplication table using for loop
Program to display all prime numbers from 1 to N using do..while loop
Program to sort an array
Program to Find Sum of elements, Min element and Max element from a
Matrix
Experiment 9: Write a Java script to prompt for student name and branch and display the given
information on a dialog box.
Experiment10: Write java script example for String object, Math object, Array Object, Boolean
Object and Date Object.
Experiment11: To design a webpage that reflects the basic functionalities like variable, data type,
control statement of PHP.
Experiment12: Design a web page that shows the different types of functions like user-defined
functions, built-in, date & time functions, mathematical, array functions etc., of
PHP.
Course outcomes:
At the end of the course, the student will be able to
CO1: Develop a strong understanding of web applications including their tags and their
uses.
CO2: Design webpage with font effects, image, tables and forms.
CO3: Apply CSS in web page including internal and external Style sheet.
CO4: Develop java script program general applications.
CO5: Implement object models for object oriented program including web validation.
REFERENCES:
Open Sources/Virtual lab:
1. https://html-iitd.vlabs.ac.in (Virtual Labs for web design and development)
2. https://vlab.noaa.gov/web/vlab-showcase/css
CO-PO Matrix
Modern Tool usage
Individual & Team
complex problems
Problem Analysis
Project mgmt &
Communication
Environment &
Investigation of
development of
Sustainability
Engineering
Engineer &
Knowledge
Life Long
Learning
Finance
Design/
Society
Ethics
PO10
PO12
PO11
work
PO1
PO2
PO3
PO4
PO5
PO6
PO7
PO8
PO9
CO 2 3 - - - - - - - - - 2
1
CO 3 3 2 - - - - - - - - 1
2
CO 2 3 - - - - - - - - - -
3
CO 3 3 3 1 1 - - - - - - -
4
CO 3 3 2 2 2 - 1 - - - - 1
5
Course Utilization Plan/ Lesson Plan
NO Aim of the experiment Required CO - Reference
contact addressed used
Hours
1 Design webpage to display your CV using all font effect. 3 1,2 1-2
2 Write HTML code to illustrate the usage of the 3 1,2 1-2
following:
Ordered List Unordered List Definition List
3 Write HTML code to create a Home page having three 3 1,2 1-2
links: About CGU, Branches and Contact Us. Create
separate web pages for the three links.
4 Design a webpage for web face emoji using table and 3 1,2 1-2
image caption
5 Write an HTML code to create a Student Registration 3 2,3 1-2
Form.
6 Design a Cascading Style Sheet to demonstrate the 3 2,3 1-2
usage of simple selector (HTML Selector, Class Selector
and ID selector)
7 Write an HTML code to demonstrate the usage of 3 1, 2, 3 1-2
external CSS.
8 Write java script code for following application 3 1, 2, 3, 5 1-2
programs:
Program to swap 2 numbers
Program to display a multiplication table using
for loop
Program to display all prime numbers from 1 to
N using do..while loop
Program to sort an array
Program to Find Sum of elements, Min element
and Max element from a Matrix
9 Write a Java script to prompt for student name and 3 1, 2, 5 1-2
branch and display the given information on a dialog box.
10 Write java script example for String object, Math object, 3 4,5 1-2
Array Object, Boolean Object and Date Object.
11 Design a colorful dynamic webpage with array of colors 3 1, 5 1-2
using window object.
12 Design a HTML form with E-mail ID validation, Length 3 1, 3, 5 1-2
validation and retype password validation.
Learning Assessments
Continuous Learning Assessment / Formative Assessment (100 %)
Record / Procedure Lab Experiments Attendance Viva Voce /
Bloom’s Level of Cognitive Observatio (10 %) (50%) (10%) Implementation
Task n Note (20%)
(10%)
Level-1 Remember 40% 40% 20% 40%
Understand
Level-2 Apply 60% 40% 40% 60%
Analyze
Level-3 Evaluate 20% 40%
Create
Total 100% 100% 100% 100%
To design a student registration form by using HTML and Cascading Style Sheet to demonstrate the
usage of selectors like HTML Selector, Class Selector, ID selector, Attribute Selector, grouping
selector and universal selector.
