Scribd
Upload
42 views

Lab Question Web Technology

The document outlines 25 lab questions for a web technology course. The questions cover a range of HTML, CSS, JavaScript, jQuery, PHP and MySQL topics including building webpages, forms, tables, animations, cookies, file uploads and encryption. Students are asked to write code to create interactive elements, handle events, save data, validate input and integrate client-side and server-side technologies.

Uploaded by

Praveen Gajurel
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
42 views

Lab Question Web Technology

The document outlines 25 lab questions for a web technology course. The questions cover a range of HTML, CSS, JavaScript, jQuery, PHP and MySQL topics including building webpages, forms, tables, animations, cookies, file uploads and encryption. Students are asked to write code to create interactive elements, handle events, save data, validate input and integrate client-side and server-side technologies.

Uploaded by

Praveen Gajurel
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Ambition College

Web Technology Lab Sheet


Lab Question 1:
Build a webpage containing an image, hyperlinks, an unordered list, and an ordered list. Write the HTML
code for displaying the image, creating hyperlinks to external websites, and listing items in both an unordered
and an ordered list.

Lab Question 2:
Design a table with headers, rows, and cells. Include both row spans and column spans within the table.
Write the HTML code for the table structure, demonstrating how to merge cells both vertically and horizontally.

Lab Question 3:
Construct a webpage that integrates audio and video elements. Include an audio file with playback controls
and a video with autoplay, loop, and a poster image. Write the HTML code to embed the audio and video
elements, specifying their attributes as described.

Lab Question 4:
Implement various HTML events such as window onload, form input handling, keyboard events, and mouse
events. Create interactive examples for each event type. Provide the HTML and JavaScript code for each
example and describe the behavior observed when interacting with these elements.

Lab Question 5:
Develop a contact form with fields for name, email, gender, department selection, interests checkboxes, and
a message textarea. Implement validation for required fields and radio buttons. Write the HTML code for the
form elements and include JavaScript validation to ensure all required fields are filled and at least one interest
checkbox is selected.

Lab Question 6:
Build an interactive webpage with sections and a navigation menu. Create content for each section and add
corresponding links in the navigation. Write the HTML and CSS code for styling the sections and navigation
menu. Ensure each link scrolls smoothly to the corresponding section when clicked.

Lab Question 7:
Write the HTML and CSS code to create a flipping card animation. Use the provided styles for the front and
back faces of the card. Test the animation to ensure the card flips when hovered.

Lab Question 8:
Implement the animated logo in the navigation bar. Write the necessary HTML and CSS code to create a
rotating logo. Ensure the animation is smooth and continuous.

Lab Question 9:
Create a particle animation using HTML and CSS. Write the code to generate multiple particles moving
diagonally across the container. Experiment with different sizes and animation durations.
Ambition College

Lab Question 10:


Expand the raindrop animation. Write HTML and CSS code to create a rainy effect on the webpage. Add
more raindrops at different positions and adjust the animation delay for a realistic raindrop fall.

Lab Question 11:


Modify the flame animation to create a larger fire effect. Write the code to increase the size of the flames and
adjust their positions. Experiment with different colors to represent different parts of the fire.

Lab Question 12:


Enhance the rockslide animation. Write HTML and CSS code to create a rockslide effect on the webpage.
Add more rocks at different positions and adjust the animation delay for a more dynamic rockslide.

Lab Question 13:


Customize the moving flag animation. Write the code to create a flag of your choice (e.g., a country flag) and
make it move horizontally across the screen. Adjust the animation duration for the desired speed.

Lab Question 14:


Create a blooming flower animation. Write HTML and CSS code to represent a flower bud that gradually
opens into a full bloom. Experiment with different colors and animation durations to achieve a realistic
blooming effect.

Lab Question 15:


Develop a flowing water animation. Write the code to create a tap with flowing water. Adjust the animation
duration and height to simulate a continuous flow. Experiment with different colors for the water flow.

Lab Question 16:


Write the HTML and JavaScript code for a user preferences form. Include fields for background color
selection and font size. Implement functions to save these preferences to localStorage as JSON and load
them back to update the page's appearance dynamically.

Lab Question 17:


Create an HTML page with a paragraph and a button. Implement jQuery to change the text of the paragraph
to "Text changed with jQuery!" when the button is clicked. Include the necessary HTML, jQuery library import,
and JavaScript code for this functionality.

Lab Question 18:


Build a JavaScript example that changes the text of a paragraph when a button is clicked. Use plain
JavaScript to achieve this. Include the HTML for the paragraph and button, along with the JavaScript function
to change the paragraph's text content.
Ambition College

Lab Question 19:


Implement a hover effect using jQuery. Create a paragraph with an id of "hoverElement". Use jQuery to
change the text color to red when the paragraph is hovered over and back to black when the hover ends.
Include jQuery library import, the necessary HTML, and JavaScript code for this effect.

Lab Question 20:


Create a JavaScript example to check the existence of a specific cookie. Write HTML with a button.
Implement a JavaScript function that checks if a cookie named "username" exists and displays an appropriate
alert message. Include the necessary HTML and JavaScript code for this functionality.

Lab Question 21:


Write JavaScript functions to retrieve and set a specific cookie named "username". Create HTML with buttons
to trigger these functions. Use JavaScript to retrieve the value of the "username" cookie and display it in an
alert. Additionally, set the "username" cookie to "Firoj Raut". Include the necessary HTML and JavaScript
code for these actions.

Lab Question 22:


Create a form for entering student information. Include fields for first name, last name, student ID, major, and
email. Implement JavaScript to validate the form fields and display the student's information in a list item
below the form when submitted. Include HTML for the form and JavaScript for form validation and display of
student information.

Lab Question 23:


Create a web application using PHP and MySQL for user authentication. Implement a registration system
where users can create accounts with a username and password. After registration, users should be able to
log in securely and view a personalized home page. Ensure that passwords are securely hashed before
storing them in the database.

Lab Question 24:


Create a file upload system using PHP. Users should be able to upload files through a form, and the uploaded
files should be stored on the server in a specific directory. Implement validation and error handling to ensure
secure and successful file uploads.

Lab Question 25:


Create a secure file upload and encryption system using PHP. Users should be able to upload files through
a form, and the uploaded files should be stored on the server in a specific directory. Implement encryption
on the uploaded file content using AES-256-CBC encryption algorithm for security.

You might also like