Web Technologies-Question Bank –University Exam

Branch: ECS Class: TE ECS

A.Y=2023-2024

Module 1: Introduction to HTML 5

Q) What are HTML5 control elements.[V.Imp]

Q) HTML Tags (Explain: <form>, <table>, <iframe>, <doctype>/Links in

HTML/Illustrate the use of tables and lists/Images/Image map). .[V.Imp]

Q) Justify, why semantic elements are preferred over <div> element in HTML.[V.Imp]

Q) Differentiate between HTML and HTML 5.[V.Imp]

Q) Write HTML syntax to create a table with 3 columns and 5 rows. .[V.Imp]

(Some sample table may be given)

Q) Explain the Audio and Video elements in HTML5. [V.Imp]

Q) Create HTML form that accepts first name, last name, department and
designation from user. Create PHP code that stores this information in mysql
database named employee with existing table employees details having
appropriate schema and acknowledges user through appropriate message about
success or failure during data insertion. Assume suitable username and password
to access database. [V.Imp]
Q) HTML Table program example./WAP to display following output. [V.Imp]

AVERAGE RED EYES

HEIGHT WEIGHT
MALES 1.9 0.003 40%
FEMALES 1.7 0.002 43%
Q) Write HTML/CSS Code to construct the following content with nav-bar .By default
“Home” should be selected with the black color. The color of other nav-bar menu
should get changed automatically to “green” ,if you put the mouse cursor on the nav
bar menu.[V.Imp]

HOME HELLO WORLD

NEWS Some Text

CONTACT

Q) Create a form using basics of HTML to accept a number from the user with or
without ‘+’ or ‘-‘sign .if the user entered a pop up box should appear as a message
“You have entered a valid number”. If the number entered by the use is not valid
number, then a message “You have entered an invalid number” should appear in the
pop up box. [V.Imp]

Q) Write HTML code to build the following content. The user should be able to select
only one car from the available cars such: Audi, Nano, Nano, Alto, WagonR.If the user
clicks on “Submit” button, it should redirect it to “www.google.com”. [V.Imp]

My Favourite Cars

Choose Your Favourite Cars

Choose a car Volvo SUBMIT

Q) Write HTML5 code to drag a specific image and drop it on a specific location.
Q) Create a web page to show transformation effects so that image rotates by 75
degree
Q) Create a web page to display border effects by using transition effects in CSS3.
Q) Create HTML page showing msg “I use media query”. Write media query such the
text color changes to light grey when browser window is 600 pixels wide or less and
otherwise it is black. [V.Imp]

Module 2: Static web page design

Q) Differentiate between class and id attributes in CSS. [V.Imp]

Q) Give syntax for inline, internal and external styling in CSS. [V.Imp]

Q) What is inheritance in CSS. Explain CSS animation properties. [V.Imp]

Q) Explain box model of CSS with examples. [V.Imp]

Q) Write HTML and CSS code to construct the following navigation menus. [V.Imp]

Home - About Us – Products-Services-Portfolio-Contacts

Q) Design a HTML form with following elements: (elements like username password
date of birth drop down boxes uploading files etc can be asked. Students are
expected to use form elements). [V.Imp]

Q) Write HTML code to construct the following table. [V.Imp]

Sr No Name Author
1 Database management Henry Korth
2 Automata theory Jeffry Ulman
3 Data Mining Jiawei Han

Q) Write the code using appropriate language to change the color of a button to
yellow as soon as the mouse pointer is kept on the button. [V.Imp]

Q) Write CSS code for HTML page: to set the size of font, set background color.
Q) Write an external style sheet and link it with HTML code. The style sheet should
include: [V.Imp]

i. The web page will have background image ‘img1.jpg’

ii. The table headings will have a red background color.
iii. Background colors of alternate paragraphs are different.
iv. The hyperlinks on the web page will not have underlined.

Q) The style sheet should include the following, [V.Imp]

i) The web page should have background image,”img1.jpg.

ii) The table headings will have red background color,

iii) Background color of alternate paragraphs are differente.

iv) The hyperlinks on the web page will not have underline.

Q) Write an external CSS and link it with HTML code for the following task. [V.Imp]

Set the color of all elements with the class color text to red,
Also write a media query to set the font size of <div> to 80px,when screen size is
more than 600px wide, or less.

<body>

<h1>This is the body</h1>

<div>

<p>This is paragraph</p>

<p class=”colortext>This is paragraph</p>

<p class=”colortext>This is paragraph</p>

</div>

</body>

Q) Types of CSS selectors (Inline elements, Id, Class).[V.Imp}

Q) Pseudo classes and pseudo elements in CSS3.[V.Imp]
Q) Media queries with example.[V.Imp]

Module 3: Client side Scripting

Q) What is lexical structure in Javascript? [V.Imp]

Q) Differentiate between Javascript and JQuery or advantages of JQuery over

Javascript. [V.Imp]

Q) What are features of JQuery. [V.Imp]

Q) Write Javascript code to check if password and confirm password are same or not.

(Similar code for validation of registration and login form can be asked)

Q) Explain event handling in JQuery with examples. [V.Imp]

Q) Explain selection and selector methods in JQuery. [V.Imp]

Q) Write the code using HTML and Javascript ,which will display alert box with the
message “Please enter a pass phrase”.When clicked on “O.K” button,the code should
check whether the password entered the by user contains character a-z and number
0 to 9. [V.Imp]

If so,it should print the message “Password contains valid characters”.

If any speacial characters is present in the password,it should print the
message,”Invalid password”.

Q) Write a code to process online alumni information for your college. [V.Imp]

Create a form to get name,address,date of birth,and email Id.

Write Javascript code to validate the followings.

i) User has filled all the fields priore to form submission.

ii) Valid email ID(with ‘@’,and ‘.’).

iii)Age Validation using date of birth(>22 years)..

Q) Write an HTML code to create a registration form which accept the details.

Write the JS Validation code. [V.Imp]

Q) Explain buit in objects in Javascript. [V.Imp]

Q) Difference: GET and POST. [V.Imp]

Or
Write short notes on JQuery getters and setters.

Q) Explain JavaScript variables and their scope with examples. [V.Imp]

Q) DOM and its Manipulation methods on suitable example. [V.Imp]

Q) Validation in JS? Create a form that has username, password and confirm
password fields. Using JS, validate username and password. [V.Imp]

Q) How exceptions are handled in JS? Explain with example. [V.Imp]

Q) List down the JQuery Utility function? Explain any two with the help of example.

Q) Differentiate between JavaScript and Angular JS. [V.Imp]

Q) Explain jQuery framework with example. [V.Imp]

Q) JS program to display today’s day, date and time. [V.Imp]

Q) JS program to change the background color of web page automatically after every
5 seconds JS code to open a new window when link on page is clicked. The new
window opened is closed by placing button on the window and writing JS code on
click event of the buttons [V.Imp]
Q) Write code to process online Alumni information for your college. [V.Imp]

Create forms to get name, address, and date of birth and email id. Use check boxes
for taking hobbies and radio button for branch. Write JS code to validate:
i. User has filled all the fields prior to form submission.
ii. Valid email id (‘@’ and ‘.’)
iii. Age validation using DOB (>=22 years).

Module 4: Bootstrap

Q) What are advantages of Bootstrap? [V.Imp]

Q) Explain breadcrumbs in bootstrap with an example. [V.Imp]

Q) How would you implement carousel in bootstrap? [V.Imp]

Q) List and explain session tracking techniques.

Q) Explain different classes of the Bootstrap Grid system. [V.Imp]

Q) Explain how to use image icon abd thumbnails in bootstrap with examples.

Q) How does the grid system work in bootstrap?Illustrate with the help of an
example. [V.Imp]

Or (another Question)

Q) Write short notes on bootstrap grid system. Write the code using bootstrap to
divide a page into two parts vertically. In left hand side part, list your favorite
cricketers (any 4). In right hand side part, list your favourite scientists.[V.Imp]

Q) How to use navigation bar in bootstrap ?Explain with the help of example. [V.Imp]

Q) Create four buttons with different colors using bootstrap. All four buttons should
contain spinner (loading) symbol. Out of theses buttons, one button should be in
permanently disabled state. [V.Imp]

Module 5: Server side Scripting

Q) What are features of PHP? Write a program in PHP to calculate factorial of a

number. [V.Imp]
(Programs like calculating average of marks, inserting 2 to 3 form fields in database
etc also can be asked).[V.Imp]
Q) Explain session tracking in PHP with example

Q)
Write the code using PHP and JQuery, to create following web page. The
“Hide/Unhide me” button should be used to hide and unhide the text displayed on
the web page alternatively. [V.Imp]
Hide/Unhide me
I like web programing.
I like database management systems.

Q) Write the code in PHP to create a web page as shown below. When a file has been
successfully uploaded the message No image has been uploaded should be changed
to image has been successfully uploaded. Note: only the mentioned file formats
should be allowed for upload. [V.Imp]

Select Jpeg, GIF,PNG or TIF File Choose the file

No file chosen Upload

No image has been uploaded.

Q) Write the code in PHP to connect to the database called as “mydb”. The database
username is “root” and the password for the user root is: “Test123”. If the
connection is successful, it should display the message “Connection established” on
the screen. Otherwise it should print the message “Error in establishing connection”.
Now In this database create a table called “myguest” with the attributes, “id”, “first
_name”, “mobile no” using PHP. [V.Imp]

Q) Write the code using HTML and JavaScript, which will display alert box with the
message “please enter a pass phrase”. When clicked on “O.K” button, the code
should check, whether the password entered by the user contains characters a-z and
number 0-9.if so, it should print the message “password contains valid characters”. If
any special character is present in the password, it should print the message “invalid
password”. [V.Imp]

Q) What is session tracking? Ways of session tracking/How to track users?

/Session tracking using cookies. [V.Imp]

Q) Explain all features of PHP with an example. [V.Imp]

Q) Create HTML form that accepts name, address, gender and country from user.
Store it in a MySQL database using PHP. Display the same data back to user.[V.Imp]
Q) What is the purpose of implicit arrays $_POST and $_GET in PHP? [V.Imp]

Additional Questions
Q) Write a Php Program to create login and log out using sessions.
Q) Write PHP script to check whether cookie is set or not.
Q) Consider a web page displaying a form which contains two text boxes named as
n1 and n2 where user enters numeric data. Write PHP script to collect form data
and find greatest of two numbers and display the same.
Q) What is PHP? PHP string functions.
Q) Difference: Cookies and Session.
Q) List and explain all Control Structures in PHP.

Q) List all built in functions in PHP with its methods

Q) Write a program to sample create web page using PHP.

Module 6:Web development framework

Q) Describe the features of laravel framework? [V.Imp]

Q) Explain MVC architecture with the help of an example.List the advantages abd
disadvantages. [V.Imp]

Q) Write short notes on MVC Architecture. [V.Imp]

Q) How is deploying optimising and managing a web application done using laravel
framework? [V.Imp]

ALL THE BEST