SEMESTER-III

COURSE 8: WEB TECHNOLOGIES

Theory Credits: 3 3 hrs/week
COURSE OBJECTIVES:
Provide students with a solid foundation in web development by introducing core
technologies such as HTML, CSS, JavaScript, DHTML, and XML, essential for
building and managing modern web applications.

Provide hands-on learning by guiding students through the development of fully

functional web pages and applications, focusing on real-world scenarios that require
the integration of content, design, and interactivity.

LEARNING OUTCOMES:
1. Demonstrate a comprehensive understanding of HTML basics, including tags,
attributes enabling the creation of well-structured web pages.
2. Apply Cascading Style Sheets (CSS) to enhance the presentation of web and
create custom styles to achieve desired visual effects.
3. Utilize JavaScript to introduce dynamic and interactive elements to web pages,
including form validations, handling user inputs, manipulating data.
4. Combine HTML, CSS, and JavaScript to create engaging web experiences to
enhance user interaction on websites.
5. Use XML to define, structure, and present data within web applications and
exploring web services for data exchange and integration.

SYLLABUS
UNIT I : HTML: Basic HTML Tags and Attributes, Document body, Text, Hyperlinks,
Adding more Formatting, Lists, Tables, Grouping, Images. More HTML: Multimedia
Objects, Frames, Forms, Headers.

UNIT II : Cascading Style Sheets: Introduction, Syntax, Selectors, Background Cursors, Text
Fonts, Lists, Tables, Box Model, Using Styles, Simple Examples, Creation of Own Styles,
Properties And Values In Styles, Formatting Blocks of Information, Layers.

UNIT III : Introduction to JavaScript: What is DHTML, JavaScript Basics, Variables, String
Manipulations, Mathematical Functions, Statements, Operators, Arrays and Functions.
UNIT IV : DHTML with JavaScript: Data Validation, Opening A New Window, Messages
And Confirmations, Status Bar, Different Frames, Rollover Buttons, Moving Images.

UNIT V : XML: Defining Data for Web Applications, Basic XML, Document Type
Definition, Presenting XML, Document Object Model, Web Services.

TEXT BOOKS:
1. Harvey M. Deitel and Paul J. Deitel, “Internet & World Wide Web How to Program”, 4/e,
Pearson Education.
2. Uttam Kumar Roy, Web Technologies from Oxford University Press Student Activities.
 Blueprint for WEB TECHNOLOGIES

Total No of
Section Marks
Unit-1 Unit-2 Unit-3 Unit-4 Unit-5 questi questions
allotted
o ns answered
Short
Sectio n- Answer
2 2 2 2 2 10 5 5X 4=20
A Questio
ns
Essay
Sectio n-
Questio 2 2 2 2 2 10 5 5X8=40
B
ns

Total Marks = 60

In Section –B, for each question internal choice has to be given

 Section A
Answer any FIVE questions. (5*4=20M)
1. How do you create a hyperlink in HTML? Provide an example.
2. Describe how to add images to an HTML document using the <img> tag.
3. What is the Box Model in CSS, and why is it important?
4. How can you apply styles to lists in CSS? Provide an example with both ordered and
unordered lists.
5. Explain how to declare and use variables in JavaScript.
6. Write a short note on arrays in JavaScript with an example.
7. Describe the process of opening a new window using JavaScript.
8. Explain the purpose of the status bar in a browser and how JavaScript can interact
with it.
9. What is XML? Explain its significance in web applications.
10. What are Web Services, and how are they related to XML?

Section B
Answer ALL questions (5*8=40M)

1. a) Discuss in detail the process of creating forms in HTML, including input types and
form attributes.
OR
b) Describe the different types of lists available in HTML and provide examples for
each.
2. a) Describe the syntax and usage of Cascading Style Sheets (CSS). How can CSS be
used to format tables?
OR
b) Describe the different types of CSS selectors. Explain with examples how these
selectors can be used to style HTML elements.

3. a) Discuss how JavaScript handles string manipulation. Provide examples of common

string functions and their usage.
OR
b) Explain the different types of loops in JavaScript and provide examples of their
application.
 4. a) How can JavaScript be used to open a new window and handle user confirmations?
Provide sample code.
OR
b) Discuss in detail the concept of data validation using JavaScript. Provide a practical
example of validating a form with multiple input fields.
5. a) Describe the process of defining and presenting data using XML. Provide an example of
an XML document with a corresponding DTD (Document Type Definition).
OR
b) Describe the basic structure of an XML document. How can XML be presented in different
formats using XSLT? Provide examples.

Question Bank
Short Answer Questions
1. What is the role of the <body> tag in an HTML document?
2. Define hyperlinks and explain how to create them in HTML.
3. List any four basic HTML formatting tags.
4. Explain the purpose of the <table> tag in HTML.
5. How do you insert an image into an HTML document? Provide the tag used.
6. What are multimedia objects in HTML? Give two examples.
7. Briefly describe the function of frames in HTML.
8. What are forms in HTML? Provide an example of a form element.
9. Explain the significance of headers in HTML.
10. What is a CSS Selector? Name two types of selectors.
11. How can you set a background image using CSS? Provide the CSS property used.
12. Define the Box Model in CSS.
13. Explain the use of the position property in CSS.
14. What is the role of z-index in CSS?
15. How do you create a custom style in CSS?
16. What is DHTML? Explain its components.
17. Define JavaScript variables with an example.
18. Write a JavaScript code to add two numbers and display the result.
 19. What is the purpose of the alert() function in JavaScript?
20. Briefly explain the concept of Document Object Model (DOM) in XML.
Long Answer Questions
1. Describe the structure of a basic HTML document with an example.
2. Explain hyperlink with all its attributes along with css style.
3. Discuss the different types of lists available in HTML with examples.
4. Illustrate the use of the <iframe> tag with a suitable example.
5. Explain how to create a table in HTML with rows and columns.
6. Explain the concept of grouping elements in HTML with the <div> and <span> tags.
7. Describe how to create a form with input fields, checkboxes, and a submit button in
HTML.
8. Explain the importance of CSS in web design and its advantages over inline styling.
9. Describe how to apply CSS styles to an HTML element using class and ID selectors.
10. Illustrate the difference between inline, internal, and external CSS with examples.
11. Discuss the concept of the Box Model in CSS and its components.
12. Describe the creation of layers in CSS using the z-index property.
13. Write a JavaScript program to calculate the factorial of a number using recursion.
14. Discuss the use of arrays in JavaScript with an example.
15. How can JavaScript be used to open a new window and handle user confirmations?
Provide sample code.
16. Explain how to validate a form in JavaScript with a suitable example.
17. Describe the process of creating a dynamic webpage using DHTML and JavaScript.
18. Discuss the role of XML in web applications and the process of defining data using
XML.
19. Describe the process of defining and presenting data using XML. Provide an example
of an XML document with a corresponding DTD (Document Type Definition).
20. Describe the basic structure of an XML document. How can XML be presented in
different formats using XSLT? Provide examples.
 SEMESTER-III
COURSE 8: WEB TECHNOLOGIES
Practical Credits: 1 2 hrs/week
1. Design web pages for your college containing a description of the courses, departments,
faculties, library etc, use href, list tags.
2. Create your class timetable using table tag.
3. Create a feedback form for your curriculum. Use textbox, text area, checkbox, radio Button
etc
4. Create a web page using frame. Divide the page into two parts with Navigation links on
left hand side of page (width=20%) and content page on right hand side of page (width =
80%). On clicking the navigation Links corresponding content must be shown on the right
hand side.
5. Write html code to develop a webpage having two frames that divide the webpage into two
equal rows and then divide the row into equal columns fill each frame with a different
background colour.
6. Create your resume using HTML tags. Experiment with colours, text, link, size and also
other tags you studied.
7. Design a web page of your College Day Celebrations with an attractive background colour,
text colour, images, font etc. Use CSS.
8. Use Inline CSS to format your resume that you created.
9. Use External CSS to format your class timetable as you created.
10. Use External, Internal, and Inline CSS to format web page of your start up.
11. Develop a JavaScript to display your admission details in the college.
12. Develop simple calculator for addition, subtraction, multiplication and division Operation
using JavaScript.
13. Create HTML page with JavaScript which takes integer number as input and tells
Whether the number is odd or even.
14. Create HTML page that contains form for registration of your participation in a
hackathon. Use relevant fields for input data. Write a JavaScript code to combine and display
the input information when the button is clicked.
15. Create a login form with id and password. Perform input validation