A
Micro project
On
“Create Web Page On CSS Imp Questions.”
Submitted By
Shravan Pokharkar
Guided By
Mrs.S.S.Kadam
Diploma Course in Computer Technology
(As per directives of I Scheme, MSBTE)
Sinhgad Institutes
Sinhgad Technical Education Society’s
SOU.VENUTAI CHAVAN POLYTECHNIC
PUNE - 411041
ACADEMIC YEAR 2023-2024
Maharashtra State Board of
Technical Education
Certificate
This is to certify that Mr. Shravan Virendra Pokharkar with Roll No. 43 of
Semester IV of Diploma in Computer Technology of Institute Sou. Venutai
Chavan Polytechnic (Code: 0040) has successfully completed the Micro-
Project in Client Side Scripting Language (22519) for the academic year
2023-2024 as prescribed in the curriculum.
Place: SVCP, Pune Enrollment No: 21500158
Date: Exam Seat No:
Mrs.S.S.Kadam Mrs.A.V.Kurkute Dr.(Mrs.) M.S. Jadhav
Subject Teacher HOD Principal
Maharashtra State Board of
Technical Education
Certificate
This is to certify that Mr. Viraj Kundlik Babar with Roll No. 44 of Semester IV of
Diploma in Computer Technology of Institute Sou. Venutai Chavan
Polytechnic (Code: 0040) has successfully completed the Micro-Project in
Client Side Scripting Language (22519) for the academic year 2023-2024 as
prescribed in the curriculum.
Place: SVCP, Pune Enrollment No: 21500159
Date: Exam Seat No:
Mrs.S.S.Kadam Mrs.A.V.Kurkute Dr.(Mrs.) M.S. Jadhav
Subject Teacher HOD Principal
Maharashtra State Board of
Technical Education
Certificate
This is to certify that Mr. Pratik Rajendra Shitole with Roll No. 28 of Semester IV
of Diploma in Computer Technology of Institute Sou. Venutai Chavan
Polytechnic (Code: 0040) has successfully completed the Micro-Project in
Client Side Scripting Language (22519) for the academic year 2023-2024 as
prescribed in the curriculum.
Place: SVCP, Pune Enrollment No: 21500115
Date: Exam Seat No:
Mrs.S.S.Kadam Mrs.A.V.Kurkute Dr.(Mrs.) M.S. Jadhav
Subject Teacher HOD Principal
Maharashtra State Board of
Technical Education
Certificate
This is to certify that Mr. Pranit Atul Shitole with Roll No. 29 of Semester IV of
Diploma in Computer Technology of Institute Sou. Venutai Chavan
Polytechnic (Code: 0040) has successfully completed the Micro-Project in
Client Side Scripting Language (22519) for the academic year 2023-2024 as
prescribed in the curriculum.
Place: SVCP, Pune Enrollment No: 21500116
Date: Exam Seat No:
Mrs.S.S.Kadam Mrs.A.V.Kurkute Dr.(Mrs.) M.S. Jadhav
Subject Teacher HOD Principal
INDEX
SR NO CONTENTS PAGE NO
1 Aim of the Micro-Project 1
2 Rationale 3
3 Course Outcomes Achieved 3
4 Literature Review 3
5 Actual Methodology Followed 4
6 Actual Resources Used 5
7 Skills Developed 15
8 Applications of Micro Project 15
Client Side Scripting -22519 Create a web page on css imp questions
22412
Annexure - I
Micro-Project Proposal
1.0 Aim of the Micro-Project:
To a “Create Web Page On CSS Imp Questions”
2.0 Intended Course Outcomes:
a) Create event based on web forms using javascript.
b) Create interactive web pages using program flow control structure .
3.0 Proposed methodology:
I. Study the concept of mouseover.
II. Study the concept of mouseon.
III. Study to create various types of frame.
IV. Study to create and divide frames .
V. Study to link one page to another page.
VI. Learned how to add image on click event
VII. Prepare the final report.
Department of Computer Technology Academic Year 2023-2024 1
Client Side Scripting -22519 Create a web page on css imp questions
22412
4.0 Action Plan:
Name of
Sr. Planned Planned
Details of Activity responsible
No. Start Date Finish Date
Team members
Identify the requirements of the
1 Shravan Pokharkar
project.
2 Design the structure of the project. Shravan Pokharkar
Develop the program using in
3 Shravan Pokharkar
CSS.
Debug code and eliminate errors
4 Shravan Pokharkar
occurred.
5 Test the project. Shravan Pokharkar
6 Prepare the final report. Shravan Pokharkar
5.0 Resources Required:
S. No. Resources required Specifications
1 Computer system Intel(R) Pentium CPU, RAM 4 GB
2 Operating System Windows 10, 64 Bit Operating System
3 Software’s Java JDK 15.02, Notepad++
6.0 Team members:
S. No. Roll. Name of Student
number
1 43 Shravan Pokharkar
Department of Computer Technology Academic Year 2023-2024 2
Client Side Scripting -22519 Create a web page on css imp questions
22412
Annexure - II
Micro-Project Report
1.0 Rationale:
JavaScript is limited featured client side programming language. JavaScript runs at the client end
through the user's browser without sending messages back and forth to the server. It is widely used
by the web developers to do things such as build dynamic web pages, respond to events, create
interactive forms, validate data that the visitor enters into a form, control the browser etc. This
course helps student to create highly interactive web pages using these features.
2.0 Aim of the Micro-Project:
To a “Create Web Page On CSS Imp Questions”
3.0 Course Outcomes Achieved:
a) Create event based on web forms using javascript.
c) Create interactive web pages using program flow control structure .
Department of Computer Technology Academic Year 2023-2024 3
Client Side Scripting -22519 Create a web page on css imp questions
22412
4.0 Literature Review:
i. A java package is a group of similar types of classes, interfaces and sub-packages.
ii. Package in java can be categorized in two form, built-in package and user-defined
package.
iii. There are many built-in packages such as java, lang, awt, javax, swing, net, io, util,
sql etc.
Advantages of JavaScript
i. Client-Side Security
ii. Less Overhead
iii. Inherently Fast
iv. JavaScript is easy to learn and implement
Disadvantages of JavaScript:
i. Security Risks
ii. Interoperability
iii. Server Load
iv. Debugging Tools aren't Advanced
Department of Computer Technology Academic Year 2023-2024 4
Client Side Scripting -22519 Create a web page on css imp questions
22412
5.0 Actual Methodology Followed:
i. Study the concept of mouseover.
ii. Study the concept of mouseon
iii. Study to create various types of frame.
iv. Study to create and divide frames .
v. Study to link one page to another page.
vi. Learned how to add image on click event
vii. Prepare the final report.
6.0 Actual Resources Used:
S. No. Resources required Specifications
1 Computer system Intel(R) Pentium CPU, RAM 4 GB
2 Operating System Windows 10, 64 Bit Operating System
3 Software’s Java JDK 15.02, Notepad++
7.0 Source code of program:
8 <!DOCTYPE html>
9 <html>
10 <head>
11 <title>Basic GUI</title>
12 <style>
13 /* Style for the container */
14 .container {
15 width: 300px;
16 margin: 0 auto;
17 text-align: center;
18 padding: 20px;
19 }
20
21 /* Style for the button */
22 .btn {
23 background-color: #007BFF;
Department of Computer Technology Academic Year 2023-2024 5
Client Side Scripting -22519 Create a web page on css imp questions
22412
24 color: white;
25 padding: 10px 20px;
26 border: none;
27 cursor: pointer;
28 border-radius: 5px;
29 }
30
31 /* Hover effect for the button */
32 .btn:hover {
33 background-color: #0056b3;
34 }
35
36 </style>
37 <script>
38 function b1()
39 {
40 document.forms.f1.btn1.value="BASICS OF JAVASCRIPT";
41 }
42 function bt1()
43 {
44 document.forms.f1.btn1.value="UNIT ONE";
45 }
46 function b2()
47 {
48 document.forms.f1.btn2.value="ARRAY,FUNCTIONS & STRING";
49 }
50 function bt2()
51 {
52 document.forms.f1.btn2.value="UNIT TWO";
53 }
54 function b3()
55 {
56 document.forms.f1.btn3.value="FORMS AND EVENT HANDLING";
57 }
58 function bt3()
59 {
60 document.forms.f1.btn3.value="UNIT THREE";
61 }
62 function b4()
63 {
64 document.forms.f1.btn4.value="COOKIES AND EVENT HANDLING";
65 }
66 function bt4()
67 {
68 document.forms.f1.btn4.value="UNIT FOUR";
69 }
70 function b5()
71 {
72 document.forms.f1.btn5.value="REGULAR EXPRESSION,ROLLOVER & FRAME";
Department of Computer Technology Academic Year 2023-2024 6
Client Side Scripting -22519 Create a web page on css imp questions
22412
73
74 }
75
76
77 function bt5()
78 {
79 document.forms.f1.btn5.value="UNIT FIVE";
80 }
81 function b6()
82 {
83 document.forms.f1.btn6.value="MEANUS,NAVIGATION AND WEB PAGE
PROTECTION";
84 }
85 function bt6()
86 {
87 document.forms.f1.btn6.value="UNIT SIX";
88 }
89
90
91
92 </script>
93 </head>
94
95 <body>
96
97
98 <form name="f1">
99
100 <div class="container">
101 <h1>IMPORTANT PROGRAMS OF CSS</h1>
102 <p>SELECT THE FOLLOWING UNIT .</p>
103 <input type="button" class="btn" value="UNIT ONE" name="btn1"
onmouseover="b1()" onmouseout="bt1()"
onclick="window.location.href='mainframe.html'"><br><br>
104 <input type="button" class="btn" value="UNIT TWO" name="btn2"
onmouseover="b2()" onmouseout="bt2()"
onclick="window.location.href='mainframe1.html'"><br><br>
105 <input type="button" class="btn" value="UNIT THREE" name="btn3"
onmouseover="b3()" onmouseout="bt3()"
onclick="window.location.href='mainframe3.html'"><br><br>
106 <input type="button" class="btn" value="UNIT FOUR" name="btn4"
onmouseover="b4()" onmouseout="bt4()"
onclick="window.location.href='mainframe4.html'"><br><br>
107 <input type="button" class="btn" value="UNIT FIVE" name="btn5"
onmouseover="b5()" onmouseout="bt5()"
onclick="window.location.href='mainframe5.html'"><br><br>
108 <input type="button" class="btn" value="UNIT SIX" name="btn6"
onmouseover="b6()" onmouseout="bt6()" onclick="ut6()"><br><br>
109
Department of Computer Technology Academic Year 2023-2024 7
Client Side Scripting -22519 Create a web page on css imp questions
22412
110
111 </script>
112 </div>
113 </form>
114
115 </body>
116 </html>
8.0 Output:
Fig. 1.1 Main Page
Fig. 1.2 Second Page
Fig. 1.3 Third Page
Department of Computer Technology Academic Year 2023-2024 8
Client Side Scripting -22519 Create a web page on css imp questions
22412
9.0 Skills Developed:
During the course of this micro-project, we learnt to create a web page and frame.
a) We learnt various syntaxes of frame.
b) We learnt to create and link one page to other page.
c) We also learnt to design gui.
10.0 Applications of this Micro-project:
This micro-project finds its application in:
a) For creation of frame.
b) For creation of mouseon and mouseover.
c) For accessing one pageto other page.
11.0 Area of future Improvement:
In today’s rapidly evolving digital landscape, UX/UI has taken centre stage and the
demand for tools and technologies which can support this faster and more
flexible development rate is ever-growing. As new frameworks emerge and the
complexity of web applications increases, developers seek innovative ways to harness
the power of CSS and create stunning, responsive designs.
12.0 Conclusion:
We learn to create a web page then we also learned to link one page to other page we
also learned to deploy our project on google.
13.0 Project Link
Click on the following link to see our micro project:
http://quiet-melba-4ab28c.netlify.app
Department of Computer Technology Academic Year 2023-2024 9
Client Side Scripting -22519 Create a web page on css imp questions
22412
Department of Computer Technology Academic Year 2023-2024 10
