You are on page 1of 80

DYNAMIC_WEB_PAGE_DEVELOPMENT

LAB MANUAL
Term No: 211 DYNAMIC_WEB_PAGE_DEVELOPMENT(3350702)

Term No. Faculty Name Designation Subject/ Semester/ Lab/


Subject code Branch Week
211 LECTURER DWPD 5TH SEM/ 2
3350702 COMPUTER

Purpose of the laboratory: The Internet has grown from the simple desire to a
phenomenon which is leaving hardly any aspects of our daily lives untouched. For
facilitating users, web sites carry many types of features. Today developing professional
web sites includes a gamut of many kinds of technologies and tools involving GUI,
animations, Content management, database, blogs etc. For designing and publishing web
documents creating user interfaces, animation and informative reports are basic
requirement of the software industry today. After completion of this course the student will
be able to utilize these technologies and tools to create a professional website using
scripting, blogging tool and a content-management system, database, animation tools

How to use/read this manual


This manual is divided into different sections. Each section corresponds to a logical unit in the lab as
per GTU Course work. Each of the sessions is self-contained and includes the intention that you will
need.

This manual has Lab sessions which made of different program. All solution will be lead to the
concrete understanding of the topics of GTU Course work. Students needs to write code/case studies
in to file pages.
INDEX
Sr. Title Start End Page Sign Mark
No Date Date No.
.
1 Introduction to html & CSS

2 Basics of PHP

3 Functions

4 User data input through forms

5 Establishing a Connection, Working With


Database

COURSE OUTCOMES
CO CO
Number Statement
CO1 Design stylized static web pages using HTML, internal CSS and external CSS.
Develop dynamic web pages using programming concepts of PHP like
CO2
Variables, Operators and Flow of Control Statements.
Create dynamic PHP web pages using advanced programming concepts like
CO3
Arrays and User-Defined Functions.
Develop interactive web pages by processing user data using PHP & HTML
CO4
form elements.
Implement database operations like create, insert, update, delete and search in
CO5
PHP web pages using MySQL Functionalities.

1|Page
RUBRICS FOR LABORATORY PRACTICALS ASSESSMENT

SUBJECT NAME: DYNAMIC WEB PAGE DEVELOPMENT


SUBJECT CODE: 3350702
TERM: 211

Rubrics Criteria Marks Good (2) Satisfactory (1) Need Improvement


ID (0)
RB1 Regularity 2 High (>70%) Moderate (40- Poor (0-40%)
70%)
RB2 Problem 2 Apt & Full Limited Very Less
Analysis Identification Identification of Identification of the
of the the Problem Problem
Problem
RB3 Development 2 Complete Incomplete Very Less Solution
of the Solution for Solution for the for the Problem
Solution the Problem Problem
RB4 Testing of 2 Correct Partially Correct Very less correct
the Solution Solution as Solution for the solution for the
required Problem problem
RB5 Mock viva 2 All questions Delayed & Very few questions
test responded partially correct answered correctly
correctly response

SIGN OF FACULTY

2|Page
LABORATORY PRACTICALS ASSESSMENT

SUBJECT NAME: DYNAMIC WEB PAGE DEVELOPMENT


SUBJECT CODE: 3350702
TERM: 211

ENROLL NO.: ______________________________


NAME: ________________________________________________________________
CLASS: _____________ BATCH: _____________

PR. NO. CO NO. RB1 RB2 RB3 RB4 RB5 TOTAL DATE STUDENT SIGN FACULTY SIGN
1 1
2 2
3 3
4 4
5 5

3|Page
R.C.TECHNICAL INSTITUTE
OPP. CIVIL, Nr. GUJARAT HIGH COURT, SOLA
AHMEDABAD-380060

COMPUTER DEPARTMENT

Subject / Semester / Issue Date Due Date


Subject Code Branch
DWPD/ 3350702 5th/Computer

Lab # 1
Introduction to html & CSS

1. Write a HTML code for displaying image and demonstrate hyper


linking.

4|Page
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

5|Page
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

2. Write HTML code to attach video on webpage using embed tag


in html.

6|Page
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

7|Page
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

3. Create a Feedback Form Using Form handling.

8|Page
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

9|Page
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

4. Create a contact form using form handling.

10 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

11 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

5. Write a code for creating static page design using division tag.

12 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

13 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

6. Write a code for design menu system using list tag

14 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

15 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

7. Design Google Page using HTML5

16 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

17 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

8. Apply CSS formatting to created pages and explore it fully. Also


use readymade CSS templates.

18 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

19 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

Subject / Semester / Issue Date Due Date


Subject Code Branch
DWPD/ 3350702 th
5 /Computer

Lab # 2
Basics of PHP

1. Write a PHP script to display Welcome message.

20 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

2. Write a PHP script to demonstrate arithmetic operators,


comparison operators and logical operators.

21 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

22 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

3. Write a PHP script to get type of variable using gettype() and


settype().

23 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

4. Write a PHP script to set type of variable using type casting.

24 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

5. Write PHP Script to print Fibonacci series.

25 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

26 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

6. Write PHP Script to generate result and display grade.

27 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

28 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

7. Write PHP Script to find maximum number out of three given


numbers.

29 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

30 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

Subject / Semester / Issue Date Due Date


Subject Code Branch
DWPD/ 3350702 th
5 /Computer

Lab # 3
FUNCTIONS

1. Write PHP Script using two dimensional arrays such as


addition of two 2x2 matrices.

31 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

32 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

2. Write PHP Script to demonstrate use of associative arrays for


FOR EACH loop execution.

33 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

34 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

3. Write PHP script Using user defined function.

35 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

36 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

4. Write PHP script to demonstrate string functions.

37 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

38 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

5. Write PHP script to display date formats using date-time


functions.

39 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

40 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

6. Write PHP script to demonstrate Math functions.

41 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

42 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

Subject / Semester / Issue Date Due Date


Subject Code Branch
DWPD/ 3350702 th
5 /Computer

Lab # 4
USER DATA INPUT THROUGH FORMS

1. Create login page.

43 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

44 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

2. Create form using text box, check box, radio button, select,
submit button. And display user inserted value in new PHP page
(e.g. student registration/inventory/library form).

45 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

46 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

3. Write two different PHP script to demonstrate passing variables


through a URL.

47 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

48 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

4. Write two different PHP script to demonstrate passing variables


through Hidden Variables (Hidden Fields).

49 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

50 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

5. Write two different PHP script to demonstrate passing variables


with sessions.

51 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

52 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

6. Write PHP script to demonstrate passing variables with cookies.

53 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

54 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

7. Write a program to keep track of how many times a visitor


has loaded the page.

55 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

56 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

8. Write a Program to upload image with extension gif or jpeg.

57 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

58 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

13. Write a PHP script to create watermarks using


imagecopymerge.

59 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

60 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

14. Write a PHP script to convert images to grayscale.

61 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

62 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

Subject / Semester / Issue Date Due Date


Subject Code Branch
DWPD/ 3350702 th
5 /Computer

Lab # 5
Establishing a Connection, Working With Database

1. Write a PHP script to connect MYSQL server from your web


application.

63 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

64 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

2. Write a PHP script to create database and drop database.

65 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

66 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

3. Write steps to create database using phpMyAdmin.

67 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

68 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

4. Write a program to read input data, from table and display all
these information in table format on output screen.

69 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

70 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

5. Writea program to manipulate data from table and display all


this information using table format.

71 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

72 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

6. Develop small PHP application using forms and database using


PHP-MySQL.

73 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

74 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

75 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

Additional Practice Programs


(1) Write a PHP code to add two numbers.
(2) Write a PHP code to find maximum number from two numbers.
(3) Write a PHP code to sort 10 numbers.
(4) Write PHP code to find maximum out of three numbers.
(5) Write a program to develop student registration form and display all the
submitted data on another page. OR Write a PHP script to read student
information like roll_no, name, city, mobile_no from student table and
display all these in tabular format in output.
(6) Write a program that displays a different message based on time of day.
For example page should display “Good Morning” if it is accessed in the
morning.
(7) Write a program to read customer information like Cust_no, Cust_name,
Item_purchased and Mob_no from Customer table and display all these
information in table format on output screen.
(8) Write a program that keeps track of how many times a visitor has loaded
the page.
(9) Write php code to sort array of five cities in ascending order.
(10) Write a program to upload image with extension either gif or jpeg. OR
Write PHP code to upload image.
(11) Write a program to develop user biodata form and display all the
submitted data on another page.
(12)Write a program to read Employee informations like Emp_no,
Emp_name, Designation and Salary from EMP table and display all
these informations in table format on output screen.
(13) Write a program that formats a block of text based on options chosen by
the user. Give your user an option for setting color of text and font size.
Display output on a new page.
(14) Write a program for editing and deleting a particular record from
database. OR Write a PHP script for editing and deleting database table
record. OR Write a PHP script to retrieve all the records from MySQL
table Student and display them in table on output
(15) Write a PHP script to sort array of 10 student’s name.
76 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)

(16) Write a PHP script to generate JPEG image having inserted shapes like
Rectangle, Polygon and Ellipse inside it using GD library.
(17) Write a script to create MySQL table named Student having fields
Stu_Id, Name, Address, and Department. Also write code to insert three
records to it.
(18) Write PHP code to store image in a database table.
(19) Write PHP code to implement Querystring (passing variables using
URL) concept.
(20) Write PHP code to develop E-mail registration form and store all the
submitted data in database table.

77 | P a g e

You might also like