Internet and webtechnology Practical program
🔧 HTML & CSS
1. Create a simple HTML page that includes a heading, a paragraph, and an image.
2. Design a basic webpage layout using CSS with a header, sidebar, content area, and footer.
3. Create a form in HTML with fields for name, email, and password, including a submit button.
4. Style the form created in the previous question using CSS to make it visually appealing.
5. Create an HTML table to display student records (Name, Roll Number, Grade) with
appropriate styling.
⚙️JavaScript
6. Write a JavaScript function that takes a number and returns whether it is even or odd.
7. Create a dynamic web page that displays the current date and time using JavaScript.
8. Add form validation using JavaScript to check if all fields in a form are filled before
submission.
9. Make a simple calculator using HTML and JavaScript to perform basic arithmetic operations.
10. Create an image slideshow using JavaScript that automatically transitions between images.
🌐 Internet Basics & Protocols
11. Demonstrate the use of ping and tracert/traceroute commands and explain the output.
12. Use a packet sniffer tool like Wireshark to monitor HTTP traffic and identify a GET request.
13. Set up a local server using XAMPP or Python and host a static HTML page.
14. Create a simple website and upload it to a free hosting platform like GitHub Pages.
15. Illustrate the working of DNS by resolving a domain name to an IP address using the
nslookup tool.
🔐 Web Security & Performance
16. Demonstrate how to create a secure login page using HTTPS and hashed passwords (basic
concept).
17. Analyze a web page using browser DevTools and list the time taken by each resource to
load.
18. Check and explain browser cookies stored after visiting a specific website.
19. Implement a basic CAPTCHA in a web form using a simple math question.
20. Create a responsive webpage using media queries to adapt layout on desktop and mobile
screens.