INDEX

Sr. No. Content Page No.

1. MICRO – PROJECT PROPOSAL 1

2. INTRODUCTION 5

3. CREATING A LOGIN PAGE USING CSS 6

4. RESULT/OUTPUT 10

5. WHAT IS LOGIN IN CSS? 10

SKILL DEVELOPMENT
6. 10

7. CONCLUSION 11
 1. MICRO - PROJECT PROPOSAL

TITLE: CREATING A LOGIN PAGE USING CSS.

1.0 RATIONAL:
Java is limited featured client side programming language. JavaScript runs at the client
end through the user’s browser without sending message 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 AIMS /BENEFITS OF THE MICRO PROJECT:

The user’s actions will result in an immediate response because they don’t require a trip to
the server. Fewer resources are used and needed on the web-server.

3.0 COURSE OUTCOMES ADDRESSED:

• Create interactive web pages using program flow control structure.
• Implement Arrays and functions in Java script.
• Create event based web forms using Java Script.
• Use JavaScript for handling cookies.
• Create interactive webpage using regular expressions for validations.
• Create Menus and navigations in web Pages.

4.0 LITERATURE REVIEW

In the introduction, you should: Define or identify the general topic, issue, or area of
concern, thus providing an appropriate context for reviewing the literature. In the body,
you should: group research studies and other types of literature (reviews, theoretical
articles,, case studies, etc.)

1
5.0 PROPOSED METHODOLOGY:

• Which Process & method follow.

• Which kind of information is required to know it.

• What u do in Client Side Scripting Language to know all.

• Lot of information include.

• Nearly analyzing everything about the environmental studies.

6.0 STEP WISE WORK DONE

• In this micro project, first of all have focused on section of appropriate topic for
micro project.
• Select the topic. i.e. Step by step work complete.
• Then we started with our brief study as well as a survey on our topic.
• Then we gathered all information based on the topic of microproject.
• We have done analysis and study of our topic in detail.
• Following all the above methodologies we successfully completed with our
microproject.

7.0 CONTRIBUTION OF INDIVIDUAL MEMBERS:

Sr. No. Name of members Contribution

1. Talwade Rupesh Sanjay Analyze everything properly

2. Surywanshi Yuvraj Narayan Select Relevant Topic ForMicro project

3. Pawar Pratik Prakash Make Project Report ForMicro Project

4 Shaikh Muaaj mahetab Make Project Report ForMicro Project

2
8.0 ACTUAL RESOURCES REQUIRED:

Sr. No. Name of Specifications Quantity Remarks

Resource /
Material
1. Computer System I7 processor, 8GB
1
RAM
2. Operating System Windows
10,Notepad,crome,firebox. 1
3. Browser Support Firefox (for data analysis)
1
9.0 ACTION PLANS :

Sr. No. Details of Activities Planned

Planned Name of
Start Date
Finish Responsible
Date Team Member

1 Study Basic of JavaScript 15/07/2024 30/07/2024 All

2 01/08/2024 10/08 All

Study on basic of JavaScript
/2024
program

3 11/08/2024 20/08/2024 All

Study on configuration and
working of JavaScript program

4 21/08/2024 10/08/2024 All

Select Relevant Topic for
Micro- Project .

5 11/09/2024 20/o9/2024 All

Perform JavaScript for Micro-
Project .

6 08/10/2024 20/10/2024 All

Make Project Report for
MicroProject.

3
 10. NAMES OF TEAM MEMBER WITH ROLL NO :

Enrollment Number Name of Student Roll No.

2215000021 Talwade Rupesh 08

2215000003 Surywanshi Yuvraj 03

2215000018 Pratik Pawar 6

2215000019 Shaikh Muaaj 07

4
 DEPARTMENT OF COMPUTER ENGINEERING
INTRODUCTION
JavaScript is a cross-platform, object-oriented scripting language used to make webpages interactive
(e.g., having complex animations, clickable buttons, popup menus, etc.). There are also more
advanced server side versions of JavaScript such as Node.js, which allow you to add more
functionality to a website than downloading files (such as realtime collaboration between multiple
computers). Inside a host environment (for example, a web browser), JavaScript can be connected to
the objects of its environment to provide programmatic control over them. JavaScript contains a
standard library of objects, such as Array, Date, and Math, and a core set of language elements such as
operators, control structures, and statements. Core JavaScript can be extended for a variety of purposes
by supplementing it with additional objects

History of JavaScript
JavaScript was invented by Brendan Eich in 1995. It was developed for Netscape 2, and became the
ECMA-262 standard in 1997. After Netscape handed JavaScript over to ECMA, the Mozilla
foundation continued to develop JavaScript for the Firefox browser. Mozilla's latest version was 1.8.

History of HTML
HTML was created by Sir Tim Berners-Lee in late 1991 but was not released officially, published in
1995 as HTML 2.0. HTML 4.01 was published in late 1999 and was a major version of HTML. HTML
1.0 was released in 1993 with the intention of sharing information that can be readable and accessible
via web browsers.

History of CSS
Style sheets have existed in one form or another since the beginnings of Standard Generalized Markup
Language (SGML) in the 1980s, and CSS was developed to provide style sheets for the web. One
requirement for a web style sheet language was for style sheets to come from different sources on the
web.

5
 3. CREATING A LOGIN PAGE USING CSS.

Code:
<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<style> <script> body, html { height:

100%; font-family: Arial, Helvetica,

sans-serif;

* { box-sizing: border-

box;

.bg-img {

/* The image used */ background-

image: url("csmss.jpg");

min-height: 650px;

6
 /* Center and scale the image nicely */

background-position: center; background-

repeat: no-repeat; background-size: cover;

position: relative;

/* Add styles to the form container */

.container {

position: absolute;

right: 0;

margin: 20px; max-

width: 300px; padding:

16px; background-color:

white;

/* Full-width input fields */

input[type=text], input[type=password] {

width: 100%; padding: 15px; margin:

5px 0 22px 0; border: none;

background: #f1f1f1;

7
input[type=text]:focus, input[type=password]:focus {

background-color: #ddd; outline: none;

/* Set a style for the submit button */

.btn {

background-color: #04AA6D;

color: white;

padding: 16px 20px;

border: none; cursor:

pointer; width:

100%;

opacity: 0.9;

.btn:hover {

opacity: 1; }

</script>

</style>

</head>

<body>

<h2>Form on Hero Image</h2>

<div class="bg-img">
8
 <form action="/action_page.php" class="container">

<h1>Login</h1>

<label for="email"><b>Email</b></label>

<input type="text" placeholder="Enter Email" name="email" required>

<label for="psw"><b>Password</b></label>

<input type="password" placeholder="Enter Password" name="psw" required>

<button type="submit" class="btn">Login</button>

</form>

</div>

<p>This example creates a form on a responsive image. Try to resize the browser
window to see how it always will cover the whole width of the screen, and that it
scales nicely on all screen sizes.</p>

</body>
</html>

9
 4. RESULT/OUTPUT

5. WHAT IS LOGIN PAGE IN CSS?

A Login form is used to enter authentication credentials to access a restricted page or form. The login form
contains a field for the username and another for the password. When the login form is submitted its
underlying code checks that the credentials are authentic, giving the user can access the Restricted page.

6. APPLICATIONS OF MICRO – PROJECT

We hope these ten CSS project ideas inspire you to start your project building journey using
CSS. Granted that these projects are quite time-intensive, the end result will be promising. You
will have a better grasp of CSS concepts and understand how to implement them in different
scenarios.
7. SKILL DEVELOPMENT
 Communication
 Leadership
 Team Management
10
 Personal Organization
8. CONCLUSION

In this microproject of Microprocessor we have studied and analized the various

method and instrution of Assembly Language Program. After this we came on
conclusion that,
Assembly language helps programmers to write human-readable code that is almost
similar to machine language. Machine language is difficult to understand and read
as it is just a series of numbers. Assembly language helps in providing full control
of what tasks a computer is performing.

11