Scribd
Upload
92 views

Web Developement Lab

The document provides a list of 9 practical assignments for the subject "Web Technology" at the Madhuben and Bhanubhai Patel Institute of Technology. The assignments include designing an HTML class timetable and registration form, creating static web pages for an online book store including frames and navigation, using CSS for styling, JavaScript for form validation and basic calculations, DHTML for image manipulation, PHP for file uploading, login validation, and CRUD operations, and developing a website for an event.

Uploaded by

Tevsu
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
92 views

Web Developement Lab

The document provides a list of 9 practical assignments for the subject "Web Technology" at the Madhuben and Bhanubhai Patel Institute of Technology. The assignments include designing an HTML class timetable and registration form, creating static web pages for an online book store including frames and navigation, using CSS for styling, JavaScript for form validation and basic calculations, DHTML for image manipulation, PHP for file uploading, login validation, and CRUD operations, and developing a website for an event.

Uploaded by

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

Madhuben and Bhanubhai Patel

Institute of Technology
New Vallabh Vidyanagar

List of Practical / List of Tutorial


Term: Second Semester – Academic Year: 2020-2021
Subject Code: 3151606
Subject Name: Web Technology
Class and Division: 5IT
Name of Theory Teachers: Prof. Pritesh Pandey
Sr. Name of Practical
No.
1 Design your Class timetable using HTML and display it in tabular format

2 Create a “registration form “with the following fields


1) Full Name (Text field)
2) Password (password field)
3) E-mail id (text field)
4) Mobile number (text field)
5) Gender (radio button)
6) Date of birth (3 select boxes)
7) Languages known (check boxes – English, Telugu,
Hindi, Tamil)
8) Address (text area)
9) City, State, Country (Select box)
10) Submit, Reset, Cancel
3 Design the following static web pages required for an online book store web site.
HOME PAGE:
The static home page must contain three frames.
• Top frame: Logo and the college name and links to Home page, Login page,
Registration page, Catalogue page and Cart page (the description of these pages
will be given below).
• Left frame: At least four links for navigation, which will display the catalogue of
respective links.
For e.g.: When you click the link “BE CE” the catalogue for BE CE Books
should be displayed in the Right frame.
• Right frame: The pages to the links in the left frame must be loaded here.
Initially this page contains description of the web site.
Madhuben and Bhanubhai Patel
Institute of Technology
New Vallabh Vidyanagar

4 CSS
1) Develop and demonstrate the usage of inline and external style sheet using CSS.
2) Create a Fancy table as shown below.

3) Design a personal resume using different properties of CSS and HTML.

5 JavaScript
1) Write JavaScript to validate the following fields of the above registration page.
Name (Name should contains alphabets and the length should not be less than 5
characters). Password (Password should not be less than 6 characters length).E-mail
id (should not contain any invalid and must follow the standard pattern
[email protected]), Phone number (Phone number should contain 10 digits
only).
2) Write a JavaScript to design a simple calculator to perform the following operations:
sum, product, difference and quotient.
3) Write a JavaScript that calculates the squares and cubes of the numbers from 0 to
10and outputs HTML text that displays the resulting values in an HTML table
format.
4) Write a HTML page that has one input, which can take multi-line text and a submit
button. Once the user clicks the submit button, it should show the number of
characters, words and lines in the text entered using an alert message. Words are
separated with white spaces and lines are separated with new line character.
5) Write an HTML page that contains a selection box with a list of 5 countries. When
the user selects a country, its capital should be printed next to the list. Add CSS to
customize the properties of the font of the capital (color, bold and font size).

6 DHTML
1) Create image viewer with following buttons. Next, Previous, First, Last
2) Write a program that changes the Size of an
Image when you mouse over the Image and when mouse out image will be in original
size.
Madhuben and Bhanubhai Patel
Institute of Technology
New Vallabh Vidyanagar

7 1) PHP
Understand PHP Language, configure server-client environment in local system
using Xampp / Wamp and create first PHP Programme

8 PHP
1) Write a PHP script to upload a file to server.
2) Make a login form having following fields: Username, Password, Remember Me
(checkbox) and submit button. Write a PHP script to check for valid login and if
user selects “Remember Me” option, cookie will be created for keeping track of
user’s previous visit.
3) Write a simple PHP script which implement CRUD application.

9 Open Ended Problem


Develop an attractive website for an event to be organized in your institute.

You might also like