MAHARASHTRA STATE BOARD OF TECHNICAL

EDUCATION (MUMBAI)
A

MICRO PROJECT REPORT ON

Webpage Using All Elements

Submitted by Enrollment Number

1. Yogesh Borude 2111690027

Guided By: Kad K.T

Department Of Computer Engineering

HSBPVT’s Parikrama Polytechnic Kashti.

 HSBPVT’s Parikrama Polytechnic Kashti.

CERTIFICATE

This is to certify that

/Mr. Yogesh Borude

of Third year ( fifth Semester) have successfully completed the Micro-Project

work entitled
“ Webpage Using All Elements” in the Client Side Scripting of Program
Diploma in Computer Engineering of Maharashtra State of Technical
Education, Mumbai, Maharashtra State.

Date :- Enrollment No :- 2111690027

Place :- Kashti. Exam Seat No:- 442562

Guided HOD Principal

 INDEX

Sr.NO Content Page No

1. Rational 1

2. Course Outcome 2

3. Literature Review 3

4. Proposed Methodology 4

5. Resources Required 5

5. Output of Micro Project 6

7. Skills Developed 7

8. Application Of Micro Project 8

9. Conclusion 9

10. Reference 10
 Rational

Scripting languages are a type of computer language that may be used to Communicate
with other software, such as a web browser, server, or standalone

Programmed. Scripting languages, such as JavaScript, PHP, Ruby, Python, and others,
are Among today’s most popular coding languages.

It’s no surprise that scripting languages are frequently utilized in web development Since
they make coding easier and faster.

HTML, or HyperText Markup Language, is used to build web pages.

Web pages have Traditionally been rather static, consisting primarily of text and
graphics.

Modern web Design, on the other hand, makes use of more interactive material.

This can range from basic changes in the colour of a button when a user drags their

Mouse over it to sophisticated interactive online games. Dynamic web pages are defined
as

Online pages with interactive information.

Scripting may be used to add dynamic content to web pages. A script is a series of

Instructions that are carried out under specific circumstances. Validating a user’s entries,
for

Example, is a good practise when they fill out an online form. This is when scripting
enters
 The picture. Small programmes called web scripts are run when a user interacts with a
webpage.

Course Outcome

The theory, practical experiences and Relevant soft skills associated with this course are to be
taught and implemented, so that the student demonstrates the following industry oriented Cos
associated with the above mentioned competency:

1. Create interactive web pages using Program flow control structure.

2. Implement Arrays and functions inJava script.
3. Create event based web forms usingJava script.
4. Use JavaScript for handling cookies.
5. Create interactive webpage using Regular expressions for validations.
6. Create Menus and navigations in web Pages.
 Literature Review

An event is a signal that something has happened. Events are actions or Occurrences that
happen in the system you are programming, which the system tells you About so your
code can react to them.

 Mouse events (Mouse Event): mousedown, mouseup, click, dblclick,

mousemove,Mouseover, mousewheel, mouseout, contextmenu

 Touch events (TouchEvent): touchstart, touchmove, touchend, touchcancel

 Keyboard events (KeyboardEvent): keydown, keypress, keyup

 Form events: focus, blur, change, submit

 Window events: scroll, resize, hashchange, load, unload

 Proposed Methodology

Events are used to respond when a user clicks somewhere, focuses on a link with their
keyboard, and changes the text in a form. When I first started learning JavaScript, I wrote
complicated event listeners. More recently, I've learned how to reduce both the amount of
code I write and the number of listeners I need.

Mouse events:

 click - when the mouse clicks on an element (touchscreen devices generate it

on a tap).
 contextmenu - when the mouse right-clicks on an element.
mouseover / mouseout - when the mouse cursor comes over / leaves an
element.
 mousedown /mouseup - when the mouse button is pressed / released over
an element.
 mousemove - when the mouse is moved.

Keyboard events:

 keydown and keyup- when a keyboard key is pressed and released.

Form element events:

 submit- when the visitor submits a <form>.

 focus -when the visitor focuses on an element, e.g. on an <input>.

Document events:

 DOMContentLoaded- when the HTML İs loaded and processed, DOM İs fully

. built.

CSS events:

 transitioned -when a CSS-animation finishes.

 Resources Required

Sr.no Name Of Resources Specifications Quantity Remark

1. Computer 8gb RAM,1TB storage 1 -

2. Sublime Text Build 3222 1 -

3. Book Textbook 1 -
Output Of Micro Project
 Skills Developed /Learning from this Micro Project

 In this Micro-Project, we are learn and understand how to create a form

using all event handling.

 Also, see the JavaScript is an important client-side scripting language and

widely used in dynamic websites.

 The first thing that happens is that the browser loads the site from a server.
Then the client-side scripts are run in the same browser without call|-backs to the
server to process requests.

 But firstly, we will understand d the how to Nork al event and we Will
understand the how to implement the all event in the form using script tag.

Application of this Micro Project

Scripting languages are used in many areas:

 Scripting languages are used in web applications. It is used in server side as well
as client side. Server-side scripting languages are: JavaScript, PHP, Perl etc. and
Client-side scripting languages are: JavaScript, AJAX, jQuery etc.

 Scripting languages are used in system administration. For example: Shell, Perl,
Python scripts etc.

 It is used in Games application and Multimedia.

 It is used to create plugins and extensions for existing applications .

 Conclusion

Creating a well-structured and comprehensive webpage involves utilizing various elements to

engage users effectively. By integrating elements such as a visually appealing layout, intuitive
navigation, informative content, multimedia components, interactive features, and responsive
design, a webpage can deliver an immersive and user-friendly experience. Ensuring
accessibility, compatibility, and fast loading times further enhance the webpage’s overall
usability and accessibility. By carefully balancing these elements, a webpage can successfully
convey its message, promote user engagement, and leave a lasting impression on its visitors,
contributing to a positive and impactful online presence.
 Reference

https://www.scribd.com/document/576787635/CSS-MICRO-PROJECT-DONE

https://chat.openai.com/c/88e37a67-f7aa-45b3-8629-c3d5688c58d6

https://copy-text-on-screen.en.uptodown.com/android