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
