Sarvajanik College of Engineering and Technology

COMPUTER ENGINEERING DEPARTMENT

B. Tech III SEM V
Web Technologies (BTCO13502)
Practical List
Sr Name of the experiment
No
1 HTML Practical 1.1:
Use the following Tags with their attributes as mentioned to test the HTML pages
- Test <h1> through <h6> tag
- Use <hr> and <br> tag for Line break and horizontal rule
- Use of <p> tag attribute align=”center”,……..
- Use of <ins> and <del> tag
- Use of preformatted text by using tags such as <i>, <b>, <em>, <blink>, <sup>,
<big>, <strong>, <small>, <sub>, <pre>
- Usage of quotation, abbreviation and acronym tags
- Commenting the code using <!-- Text goes Here -- >
- Use of tag < body with attributes bgcolor=…, vlink=……, text=……,link=…..,
background=…. Etc
- Use of hyperlinks using anchor tag <a href=”URL” > ……..</a> with attribute
Target . And also the use of anchor tag as to work as bookmark
- Use of <img> tag with attribute src, height, width, alt….
Write HTML code for following OUTPUT:
1.
2. HTML Practical 1.2:
- Usage of ordered and unordered lists using <ul> and <ol> and also nesting of list
with attribute type=…..
- Table tag and associated tags: <table>, <td> , <tr>, <th> and attributes such as
border, colspan, rowspan, cellpadding, cellspacing, width, height, valign……etc,
- Demonstrate how to link a mail message
- Use of <font> tag with attributes <color>, <size>, <face> etc
3. HTML Practical 1.3:
- Use of <frame> tag and <noframes> tag
- Creating a navigation frame
- Use of <iframe> tag
- HTML forms: <input> tag with attribute type=”text”, “password”, “checkbox”,
“radio”, “file”, “submit”, “image”, “button”, “reset”, “hidden”
- Use of tag <textarea> with attribute rows= …, cols=….., name=……
- Drop down menu with <select> tag and <option> tag with attributes value=….
- Use of tag <fieldset> and <legend>
4 CSS Practical:
Implement following concepts using CSS.
(1) Use different selectors in CSS (class, id, name) to apply color, text-align, background of the
html file.
(2) Use different types of CSS with above example (Internal, External and Inline).
(3) Use CSS animation properties by taking the appropriate example.
(4) Demonstrate the concepts of local and global variables in CSS.
(5) Use pseudo-class and pseudo-element concepts in CSS to design your web page.
(6) Implement the problem statement by using media query : "Change style by increasing font
size when the width gets larger than 600px.
5 JavaScript Practical:
1. Write a javascript program to display “hello world” using internal javascript and
external javascript.
2. Write a javascript program to demo of local and global variables.
3. Write a javascript program to demo alert box, conditional box and prompt box.
4. Write a javascript program to take user input as integer from user and find out that
number is prime or not.
5. Write a javascript program to calculate of a person age. Take user's birthdate from user
and current date from system.
6. Write a javascript program to print Fibonacci series using function.
7. Write a javascript function to find factorial of a given number and return the answer.
8. Create different variables of Array and string objects. And use all the functions related
to that.
9. Create javascript that scroll some message in Status window of browser.
10. Write a javascript program to change the background color of web page repeatedly.
11. Create a webpage containing one button. clicking on this button change the size of the
window & position.
12. Put three button “OPEN NEW WINDOW”,”CLOSE CHILD WINDOW”,”CLOSE MAIN
WINDOW” in main HTML page, on click of first button, execute some JavaScript code
that will open one child window. Clicking on second button child window will close and
third button main html page will close.
13. Write a javascript to get details from visitors browser.
14. Write a javascript program to rotate images.
15. Write a javascript program to zoom out the image. use mouseover event for the same.
16. Create a page that includes a select object to change the background color of the
current page. The property that needs to be set is bgColor, Similar things for
foreground color.
 17. A document contains two forms, named form1 and form2. In the form1 is a field
named acc1(type=text) and form2 contains field select(type=text). Write a program
that will copy
values of acc1 to select.
18. Create a webpage contains two textbox as userid and password and one submit
button. Check for validation for userid as mobile number and password should contains
minimum 8
character, with special symbol and one upper case letter.
19. Perform javascript validation for HTML assignment 1: Question No:5(Registration Page)
6 PHP Basics Practical:
1) Write PHP Script to print Fibonacci series.

2) Write PHP Script to find maximum number out of three given numbers.

3) Write a PHP program to compute the sum of the prime numbers less than 100.

4) Find the Transpose of a matrix, Multiplication of two matrices and Addition of two
matrices

5) Write PHP script Using user defined function.

6) Create form using text box, check box, radio button, select, submit button. And display
user inserted value in new PHP page.
7 PHP File & Session Management:
1) Write PHP Script to display content of file and display total number of lines, words and
characters.

2) Write a Program to upload image with extension gif or jpeg having size less than 200kB.

3) A web application that takes a name as input and on submit it shows a hello page where
name is taken from the request. It shows the start time at the right top corner of the page
and provides a logout button. On clicking this button, it should show a logout page with
Thank You message with the duration of usage (hint: Use session to store name and time).

4) Write PHP script to demonstrate variables with cookies.

5) Write a program to keep track of how many times a visitor has loaded the page.
8 PHP Database:
1) Understand the PHP interface, Study PHPMyAdmin and Perform following:

 Write a PHP script to create a database StudentDB.

 Write a PHP script to list all the databases available in mysql.
 Write a PHP script to list all the tables available in a particular database.
 Write a PHP script to create a table student(Enroll_no,name,age,marks) in the
database StudentDB.
 Write a PHP script to insert a row into the table student. The values to be inserted
 are taken from a HTML page.
 Write a PHP script to list all the records in the student table in tabular format.
 Write a PHP script to delete all rows from student table whose Enroll_no numbers
are between 1 and 3.
 Write a PHP script to display all rows from student table whose marks are >=35.
 Write a PHP script to update row from the table student whose age is 30.
 Write a PHP script to drop the table student and drop the database StudentDB.

2) Write a web application code using PHP, HTML and MySql for Employees that stores
employee’s id, name, department, designation, etc. in database. Create proper GUI
including buttons that run separate .php file for each database operation like insert,
update, delete, select etc.
ASSIGNMENT
1 HTML Assignment 1
• Assignment 1 Implement Web page for demonstration of BOOKMARK or Anchor Tag.
for e.g Table of Contents
Chapter 1: Introduction
Chapter 2: What is HTML?
Chapter 3: What is Javascript? . . . .
By clicking on the link takes to the respective topic within the same page.
• Assignment 2 Implement any application to IMAGE MAP as discussed in class.
• Assignment 3 Create your class time table using HTML.
• Assignment 4 Create our co-intra page layout with three different frame. Top frame,left
frame and right frame. On left side frame put links for different subjects of your class in this
semester. by clicking on these links syllabus of relevant subject will open on right side frame.
use FRAMESET and FRAME tag. • Assignment 5 Create webpage as follow:
2 HTML Assignment 2
(i) Demonstrate the use HTML media. (audio, video, youtube, plug-ins)
(ii) Implement drag and drop functionality and geo location by HTML API.
3 CSS Assignment
(1) Design Login and Registration Page using CSS.
(2) Design Our Department Intranet Home page using CSS. (In CSS, also use CSS Gradients and
Responsive Images with CSS)
(3) Design your own website/portfolio/blog using bootstrap.