Question Bank for Web Technology (Course Code: R1UC602C)

Module 1: Web Site Basics and HTML5

1. Develop a webpage using HTML5 and CSS3 that highlights the use of the <article>,
<section>, and <footer> tags

2. How does HTML5 differ from HTML4 in terms of semantic tags? Provide examples.

3. Explain the structure of an HTTP request and response message with examples.

4. Develop a simple HTML5 webpage that uses a form to collect user information and a canvas
to display a graphical representation of the data.

5. What are the best practices in structuring HTML5 content for better SEO?

6. Name the tags used in the head tag with syntax.

7. Create a static website using HTML5 to showcase basic form elements, media elements, and
graphics (Canvas and SVG).

8. How can data validation be performed using HTML5 input types? Provide examples.

9. Explain how HTTP methods (GET, POST, PUT, DELETE) function in web communication.

10. Explain the concept of local storage and session storage in HTML5 with examples.

11. How does a web browser work?

12. Distinguish between web design and web enabling.

13. Develop a webpage that uses the HTML5 Canvas API to draw and animate a bouncing ball.

14. Write HTML5 code to create a webpage displaying a video and an audio file with controls
enabled.

15. Write HTML5 code to display an SVG animation that moves a circle across the screen.

Module 2: Front End Design using CSS3 and Bootstrap Framework

1. Write CSS code to create a flexbox layout with three columns of equal width.

2. List and describe the different types of CSS with suitable examples.

3. How can Bootstrap framework be used to design a responsive table? Write the necessary
code.

4. Write the CSS code to create a navigation bar with dropdown menus.

5. Explain XML schema and its importance in data representation.

6. Apply CSS by all the ways in a web page design.

7. How can media queries be used to implement responsive design? Provide a practical example.

8. Develop a webpage that uses a combination of Bootstrap and CSS3 for a card-style layout.

9. Create a CSS3 animation that simulates a bouncing ball effect.

10. Implement a Bootstrap carousel with images and captions.

12. How does the box model in CSS work? Illustrate with a diagram and code.

13. Explain how to use CSS3 transitions to create a hover effect on buttons.

14. Develop a webpage using Bootstrap that includes a grid layout with multiple sections for text
and images.

15. How can CSS3 be used to implement custom fonts? Provide an example.

Module 3: Dynamic Web Page Design using JavaScript and jQuery

1. Write a JavaScript function that calculates the factorial of a given number using recursion.

2. Explain the working of AJAX and its client-server architecture with an example.

3. Create a web application using JavaScript that dynamically updates content based on user
inputs.

4. Write a JavaScript program to validate an email ID.

5. Write a jQuery program to traverse the DOM and apply animation effects to elements.

6. How can event handling be implemented using jQuery? Illustrate with code.

7. Create a web page with three overlapping images. When the mouse hovers over an image, it
should move to the top and be fully displayed.

8. Develop a JavaScript program that generates a random password of a specified length.

9. Create a JavaScript object to store user information and display it in the console.

10. Write a JavaScript program that collects data from a form, stores it in local storage, and
displays it on the webpage.

11. Explain how JSON data can be fetched and displayed using AJAX.

12. Develop a jQuery program to animate the background color of a div when clicked.

13. Why is JavaScript Object Notation (JSON) important in web application? Explain with the help
of a suitable program.

14. Explain the concept of callback functions in JavaScript with a real-world example.

15. Write a program to use links, lists, tables, images, and videos. Also, implement a frameset.

Scenario-Based Questions:

1. A customer requests a website that displays data from a JSON file and updates it periodically
without reloading the page. How would you implement this functionality using AJAX?

2. You are asked to implement a shopping cart that dynamically updates the total cost when
items are added or removed. How would you implement this using JavaScript?

3. You are tasked with creating a dynamic content slider that automatically transitions between
images but also allows the user to pause, resume, and navigate through the images manually
using JavaScript.
4. A client wants a webpage with multiple sections, each displaying different data. The client
requests that the sections be collapsible and animated using jQuery. How would you
implement this?

5. You are developing an online quiz application where users can submit answers and receive
instant feedback without reloading the page. How would you achieve this using AJAX and
JavaScript?

6. A client requests a webpage with a registration form that provides real-time feedback on
password strength using JavaScript and jQuery. How would you approach this task?

7. You are tasked with creating a responsive login page that adjusts to various screen sizes using
Bootstrap. How would you approach this task?

8. A company wants a webpage where the user can drag and drop images into a designated area
and receive feedback on the number of images dropped. How would you design this using
HTML5 and JavaScript?

9. You are asked to create a product gallery webpage where hovering over a product image
displays additional information about the product using CSS3 animations and JavaScript. How
would you implement it?

10. A user wants to display a list of items that can be filtered based on categories using jQuery.
How would you implement the filtering mechanism?