Professional Documents
Culture Documents
Dynamic - Web - Page - Development: Lab Manual
Dynamic - Web - Page - Development: Lab Manual
LAB MANUAL
Term No: 211 DYNAMIC_WEB_PAGE_DEVELOPMENT(3350702)
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
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
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
SIGN OF FACULTY
2|Page
LABORATORY PRACTICALS ASSESSMENT
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
Lab # 1
Introduction to html & CSS
4|Page
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)
5|Page
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)
6|Page
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)
7|Page
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)
8|Page
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)
9|Page
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)
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)
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)
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)
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)
Lab # 2
Basics of PHP
20 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)
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)
23 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)
24 | P a g e
R C TECHNICAL INSTITUTE (640) DYNAMIC_WEB_PAGE_DEVELOPMENT (3350702)
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)
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)
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)
Lab # 3
FUNCTIONS
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)
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)
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)
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)
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)
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)
Lab # 4
USER DATA INPUT THROUGH FORMS
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)
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)
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)
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)
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)
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)
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)
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)
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)
Lab # 5
Establishing a Connection, Working With Database
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)
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)
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)
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)
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)
(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