WD – BETCE13304
General Question Bank
UNIT – 1 – Introduction to Web Technology and Design
Q:1 What is HTTP? How do browser and server communicate using HTTP request and response?
Explain with example.
Q:2 Define term: WWW.
Q:3 Elaborate HTTP Protocol Header, HTTP Request and HTTP Response.
Q:4 Discuss HTTP. Explain HTTP request and HTTP response mechanism over the Internet.
Q:5 Give the full form of following acronyms.
1. DOM 2. FTP 3. HTML 4. URI 5. DHTML 6. ISP 7. TCP 8. PHP
Q:6 What is HTTP? Explain HTTP Header with example.
Q:7 List and explain effective web design in details.
Q:8 Explain the Architecture of Web Browser.
Q:9 Explain Web design issues with example.
Q:10 Explain difference between static and dynamic website design.
UNIT – 2 – HTML & CSS
Q:1 What is Meta Tag in HTML? Write HTML meta tags code to solve following.
1) To make your webpage Responsive.
2) Refresh document every 40seconds.
3) Set an expiration date Stop the page from being listed.
Q:2 Write an HTML code to take birth date between 01-01-2020 to 31-12-2020.
Q:3 Write an HTML & CSS code to create Horizontal and Vertical Menu.
Q:4 What is CSS Box Model? Write CSS code to implement following output.
1) Make an ordered list with red border, padding and font size 20.
2) Use [Link] as Background and repeat it.
3) Change background color of text box when focused.
4) Create a fixed position link at bottom with scrolling page. Give
name of the link “#top”.
Q:5 Create an HTML page to create following Table. Apply random color to each box using CSS.
Q:6 Demonstrate CSS Pseudo classes with example.
Q:7 List out any four HTML Tag and describe their functionality.
Q:8 Write full form of CSS. Describe types and advantages of CSS.
Q:9 Create HTML Form for BE 1st Year Student registration which includes all personal details.
Q:10 Explain term: Class, ID, Wild card selectors, Media Queries for CSS.
Q:11 Define term: Boot Strap for CSS
Q:12 Explain the use of HTML table element for designing the web page layouts with appropriate
examples.
Q:13 How many types of lists are supported by HTML? Explain each one in brief.
Q:14 Explain CSS positioning with Example.
Q:15 What is Cascading Style Sheet (CSS)? Explain different types of CSS with example.
Q:16 What is meta tag? How it is useful by search engine?
Q:17 Explain Class and ID Selector is CSS with examples.
Q:18 What is frameset? Explain the use of frameset in web site design with proper example.
Q:19 What does the floating and positioning element do in CSS explain with example
Q:20 Discuss how display resolution affects web site design
Page 1 of 4
Q:21 Explain Meta Tag with example.
Q:22 What do you mean by “class” and “id” in CSS? Explain with Example.
Q:23 Design web page to detect the visitor’s browser name and its version.
Q:24 Explain ordered and unordered list with example.
Q:25 Explain any three attributes of <Table> Tag in HTML. Write code to display following table.
Q:26 What is CSS? Explain different types of CSS.
Q:27 What is Metadata? Explain with example how Metadata is included in a document? Also show
how can following be achieved with the help of Metadata?
(i) Stop the page from being listed.
(ii) Set an expiration date
(iii) Stop the browser from caching a page.
(iv) Give a context for date so that it can take format DD-MM-YYYY
Q:28 Write an HTML snippet with CSS for following effects
1. link: after visited red color and before visited blue color
2. table with odd rows blue and even rows green color.
3. Text color-green, Text case-uppercase
UNIT – 3 – JavaScript
Q:1 Differentiate between Java Programming language and Java Scripting Language.
Q:2 What is DOM in Java Script? Write a Java Script code to display all <a> elements that have a
name attribute.
Q:3 What is event handling in Java? Write a Java Script code to change the size of image if mouse
cursor is over the image and reduce back to normal when cursor is out.
Q:4 Write a Java Script code to display Fibonacci Series of given number. Number should be
entered by user through text box.
Q:5 Write java script function to find maximum value among three different values entered by
user.
Q:6 Prepare a java script solution to validate registration form including email address entered by
user.
Q:7 Discuss Java script alert, prompt, confirm with example.
Q:8 Demonstrate functionality of following java script methods: substring, Slice, getDate, charAt
Q:9 Prepare a java script to find whether entered number by user is Prime or Not.
Q:10 Explain Events in JavaScript with the help of example.
Q:11 Write a JavaScript code to find whether given number is prime or not.
Q:12 Write a JavaScript to validate email address entered by user.
Q:13 What is JavaScript? Discuss advantages of JavaScript.
Q:14 Explain different types of pop box in JavaScript with example.
Q:15 What are objects in JavaScript? Explain properties, methods and event of window object of
JavaScript.
Q:16 Explain following terms: DOM
Q:17 Write JavaScript code that display the text “Gujarat Technological University” with increasing
font size in interval of 50ms in blue color. When font size reaches to 50px it should stop.
Q:18 Demonstrate onChange event handler in java script code when input focus exits after the user
modifies its text.
Q:19 Explain Callback function in JavaScript with example
Page 2 of 4
Q:20 Difference between for and forEach method in JavaScript
Q:21 Write Java Script for find first 10 prime numbers.
Q:22 Write a function that takes 3 parameters, price, tax rate, balance, and prints yes in an alert box
if someone has adequate balance to purchase an item at the specified price with the given tax
rate. Otherwise, print out no in an alert box.
Q:23 Write arrow function in JavaScript to calculate the sum of two digits when user click on button.
Q:24 Differentiate between Client-Side Scripting and Server-Side Scripting.
Q:25 Write JavaScript code to print following pattern.
1
01
101
0101
10101
Q:26 Explain DOM structure of HTML. Write JavaScript code to know which mouse button was
clicked and number of elements in form.
Q:27 Design a login form using HTML & JavaScript with following validations using Regular
Expression on username and password fields.
1. Username and Password should not be both blank
2. Username should not start with digit, _, @ or #
3. Password length must be 8 to 16 characters
Q:28 Write a JavaScript program to validate an Email address.
Q:29 Write a JavaScript that handles following events.
(i) Gives the key code for the key pressed.
(ii) The script should give message that "vowel is pressed" if vowel keys are pressed.
(iii) Background color should change to red after releasing the pressed key.
Q:30 Write an HTML and JavaScript program which accepts N as input and print first N odd
numbers.
Q:31 Show the use of events for the following with example.
(i) Trap the exiting of the user from a page.
(ii) Show the heading. When the mouse is over the Heading the background color should be
yellow and when the mouse goes out of the heading, color should change to black.
Q:32 Create an HTML form to submit student data for Admission. Upload pdf copy of mark sheet,
passport size photo and address proof.
UNIT – 4 – Bootstrap
Q:1 What are the key principles of responsive typography?
Q:2 How can you use CSS to set a responsive font size?
Q:3 What is the difference between web-safe fonts and web fonts?
Q:4 How do you implement Google Fonts in a web project?
Q:5 What are the benefits of using the srcset attribute for responsive images?
Q:6 Explain the difference between img, picture, and figure elements in HTML.
Q:7 How can you optimize images for faster loading on a website?
Q:8 What is the sizes attribute used for in responsive images?
Q:9 How can you make an HTML table responsive?
Q:10 What is the purpose of the <caption> element in an HTML table?
Q:11 How do you use CSS to style tables for better readability?
Q:12 What is the purpose of a container in responsive web design?
Q:13 How do you define breakpoints in CSS for responsive design?
Q:14 What are the default breakpoints in Bootstrap?
Q:15 Explain how the Bootstrap grid system works.
Q:16 How do you create a responsive grid layout using CSS Grid?
Q:17 What are some best practices for designing user-friendly forms?
Page 3 of 4
Q:18 How can you use Bootstrap to style forms?
Q:19 Name at least five key components provided by Bootstrap.
Q:20 How do you use the Bootstrap modal component?
Q:21 What are helper classes in Bootstrap, and how do you use them?
Q:22 Give examples of commonly used Bootstrap helper classes.
Q:23 What are Bootstrap utility classes, and why are they useful?
Q:24 How do you use Bootstrap utilities to manage spacing in your layout?
Q:25 How do you integrate Font Awesome icons into a web project?
Q:26 What are the advantages of using icon libraries like Font Awesome?
Q:27 What are SVG icons, and why are they preferred over traditional image icons?
Q:28 How do you include SVG icons directly in HTML?
UNIT – 5 – Advance Web designing
Q:1 What does AJAX stand for, and what is its primary purpose in web development?
Q:2 How does AJAX improve the user experience on a website?
Q:3 Explain the difference between synchronous and asynchronous requests in the context of AJAX.
Q:4 How can AJAX be used to update a portion of a webpage without reloading the entire page?
Q:5 Describe a real-world scenario where using AJAX would be beneficial for a web application.
Q:6 What is the XMLHttpRequest object, and why is it fundamental to AJAX?
Q:7 How do you create an instance of the XMLHttpRequest object in JavaScript?
Q:8 What are the key differences between the open() and send() methods of the XMLHttpRequest object?
Q:9 Explain the purpose and usage of the readyState property in the XMLHttpRequest object.
Q:10 What is the significance of the status property, and what are the common status codes encountered
when using XMLHttpRequest?
Q:11 Describe the onreadystatechange event and how it is used in conjunction with the XMLHttpRequest
object.
Q:12 How do you set request headers using the XMLHttpRequest object, and why might you need to do this?
Q:13 What are the purposes of the getResponseHeader() and getAllResponseHeaders() methods?
Q:14 How can you handle different data formats (e.g., JSON, XML, HTML) returned from an AJAX request?
Q:15 What is the role of the timeout property in the XMLHttpRequest object, and how can it be used to
manage long-running requests?
Q:16 What are jQuery plugins, and how can they extend the functionality of a jQuery-based project?
Q:17 Describe the steps to include and use a jQuery plugin in a web project.
Q:18 How can you create a custom jQuery plugin, and what are the key elements that need to be included in
the plugin structure?
Q:19 What are the essential steps to create a basic image slider using jQuery or a jQuery plugin?
Q:20 Describe how you can add features such as navigation controls, autoplay, and transition effects to an
image slider using jQuery or a jQuery plugin.
Q:21 What are some popular third-party libraries for generating charts from data in web applications?
Q:22 Explain how to integrate a charting library, such as [Link] or [Link], into a web project and create a
basic chart.
Q:23 How can you customize the appearance and behavior of charts generated by third-party libraries?
Q:24 Describe the process of binding dynamic data to a chart created with a third-party library to ensure the
chart updates automatically as the data changes.
Q:25 What are the advantages and potential drawbacks of using third-party charting libraries in web
development?
Prepared By: Prof. Trupti H. Dharkar.
Department: Information Technology.
E-mail: thdharkar@[Link]
Page 4 of 4