Scribd
Upload
6 views

CSS project

The micro-project report outlines the development of a website for an online dance academy, emphasizing the benefits of dance education such as improved physical health and emotional development. It details the project's aims, methodology, and the coding of various web pages including the main page, home page, batch booking, about us, and contact us sections. The project also highlights the skills developed through the process and the resources used to complete it.

Uploaded by

Deepak Narayankar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views

CSS project

The micro-project report outlines the development of a website for an online dance academy, emphasizing the benefits of dance education such as improved physical health and emotional development. It details the project's aims, methodology, and the coding of various web pages including the main page, home page, batch booking, about us, and contact us sections. The project also highlights the skills developed through the process and the resources used to complete it.

Uploaded by

Deepak Narayankar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 9

Client-Side Scripting (22519)

Micro-project Report
Prepare Website for Online Dance Academy

1.0 Rationale: -

A dance is a fun activity. A dance studio is a space in which dancers learn or rehearse. A
dance studio normally includes a smooth floor covering or, if used for tap dancing, by
a hardwood floor. In many cases, the floor is sprung, meaning the construction of the
floor provides a degree of flexibility to absorb the impact of intensive dance exercise,
such as jumping.

Dance classes can help your child develop work and learning skills that will help set up
your child for success for their entire life. The teaching pattern is interactive and
communicative ensuring that the learning process is fun and stress-free.

Dance has the ability to heal. For me, health is a state of mind and fitness is a way of life.
Good music, good dancing is a great way to be in a happy state of mind.

2.0 Aims and benefits of the micro-project: -

Dance is expressive movement with purpose and form. Through Dance, students
express, question and celebrate human experience, using the body as the instrument
and movement as the medium for personal, social, emotional, spiritual and physical
communication.

Benefits of the Dance Academy: -

1. Improves Physical Health. ...


2. Enhances Emotional Development. ...
3. Encourages Socialization. ...
4. Encourages Creativity. ...
5. Enhances Cognitive Development.
3.0 Course Outcomes of the micro-project: -

1) Finalizing the topic and preparing proposal.


2) Collecting information about topic.
3) Designing web pages.
5) Writing HTML code and JavaScript for creating web site.
6) Testing of validations.
7)Prepare proposal and report.

4.0 Actual methodology: -

4.1. Brief Information about project.


4.2. Data collected.
4.3. Design Actual Procedure.

Implementing Coding: -

 Main Page: -

<html>
<head><title>Dance With Me</title>
<style type="text/css">
body {
background-image: url("./images/dance3.jpg");
background-repeat: no-repeat;
background-size: 1500px 800px;
}
</style>
</head>
<center>
<body>
<img src="./images/logo1.png" width="200" height="150" align="left"><br>
&nbsp;<br>
<hr>
<h3><a href="home.html">Home</a> | <a href="batch.html"> Batchbooking </a>| <a
href="aboutus.html">About us</a> | <a href="contact.html">Contact us</a> |</h3>
<hr><br><br><br><br><br><br></br>
<h1> Welcome To Our Dance Academy!</h1>
</body>
</center>
</html>
 Home page: -

<html>
<head>
<title>Banner Ads</title>
<script type="text/javascript">
Banners = new Array('./images/hiphop.jfif','./images/kathak.jfif','./images/kathakali.jpg');
CurrentBanner = 0;
function DisplayBanners()
{
if (document.images)
{
CurrentBanner++;
if (CurrentBanner == Banners.length)
{
CurrentBanner = 0
}
document.RotateBanner.src= Banners[CurrentBanner]
setTimeout("DisplayBanners()",3000)
}
}
</script>
</head>
<body onload="DisplayBanners()">
<center>
<img src="kathakali.jpg" width="400" height="275" name="RotateBanner" >
<style type="text/css">
body {
background-image: url("./images/homebg.jpg");
background-repeat: no-repeat;
background-size: 1500px 800px;
}
</style>
</center>
</body>
</html>

 Batch booking page: -

<html>
<script type="text/javascript">
function Book()
{
alert("Your batch is booked");
}
</script>
</head>
<style type="text/css">
body {
background-image: url("./images/bookingbg.avif");
background-repeat: no-repeat;
background-size: 1500px 800px;
}
</style>
<body>
<center>
<h1>| Booked Your Batch Here!! | <h1><br>
</center>
<center>
<h3>| Fill your Details Here |</h3>
</center><br><br>
<form action="Batchbooking.html" method="post">
<center>Enter Your Name:<input type="text"></center><br>
<center>Enter Your Email-id:<input type"text"></center>
<br>
<center>EnterYour Password:<input type="password"></center>
<br>
<center>Enter Your Address:<textarea name="address"></textarea></center>
<br>
<center>Enter Your Age :<input type="age"></center><br><br>
<center>
Select options from following checkboxes:-
<br><br>
<input type="checkbox" name="c1"value="Hip-pop"checked>hip-pop
<input type="checkbox" name="c2"value="Western"checked>Western
<input type="checkbox" name="c3"value="Break-dance"checked>Break-dance
<input type="checkbox" name="c4"value="Classical"checked>Classical
</center>
<br><br>
<center>
Select Your Gender:<input type="radio"name="r1"value="male">male
<input type="radio"name="r1"value="female">female
</center>
<br><br>
<center><input type="button" value="submit" onclick="Book()"></center><br><br>
<center><input type="Reset" value="clear"></center>
<a href="https://www.amazon.in/dp/B07V1G5ZHK/ref=redir_mobile_desktop?
_encoding=UTF8&aaxitk=430e87f1c99bff563cb5296d8d8a0446&hsa_cr_id=7881011930502&pd
_rd_plhdr=t&pd_rd_r=2bb87229-3dcf-4821-88e5-
67a0c928be0c&pd_rd_w=0amzq&pd_rd_wg=Ct6Ib&ref_=sbx_be_s_sparkle_mcd_asin_1_img">
<img src="Danceshoe.jpg"></a>
</form>
</body>
</html>

 About Us: -
<html>
<head>
</head>
<body>
<style type="text/css">
body {
background-image: url("./images/aboutbg.jpg");
background-repeat: no-repeat;
background-size: 1500px 900px;
}
</style>
<center>
<h1> About Us</h1><br>
<p>
<h3>Hello Dancer!</h3><br>
<center>We are so excited to connect with you and the entire dancing
community.</center><br>
<center>At Dance Vitality we provide you our students, teachers, social dancers and
performance dancers with a first class instruction experience!</center><br>
From Private Lessons to Social Dance Parties and Events, to customized Wedding Dance
Programs, we are proud to be raising the standards of your dance coaching!<br><br><br><br>
<h4> | Advantages of Dance |</h4>
Build Social Streangth!<br><br>
Increase Enjoyment,Fun!<br><br>
Increase Fitness & Activity!<br><br>
Improve Posture & Range of Motion!<br><br>
</p><br><br>
Mon-Fri: 9:00 am to 6:00 pm<br><br>
Sunday:Closed</br>
</center>
</body>
</html>

 Contact Us: -

<html>
<script type="text/javascript">
function Query()
{
alert("Got your Query");
}
</script>
</head>
<title>Dance With Me</title>
<style type="text/css">
body {
background-image: url("./images/bookingbg.avif");
background-repeat: no-repeat;
background-size: 1500px 800px;
}
</style>
</head>
<body>
<center>
<h1>| Contact Us |</h1><br><br>
<h3>Send Your Queries & We will Get Back To You</h3>
</center>
<form action="contactus.html" method="post">
<center>Enter Your Name:<input type="text"></center><br>
<center>Enter Your Email-id:<input type"text"></center>
<br>
<center>EnterYour Password:<input type="password"></center>
<br>
<center>Enter Your Address:<textarea name="address"></textarea></center>
<br>
<center>Enter Your Query:<textarea name="query"></textarea></center>
<br><br>
<center><input type="button" value="submit" onclick="Query()">
<center><h3>You can also Contact Us on:-</h3></center><br><br>
<center>Address:- Shop No. 1 Lalta Prasad Tiwari, Kolsewadi Road,Near Nana Pawse Chowk,
Kalyan(E).</center><br><br>
<center>Mob No: 9363548921/9987365219</center><br>
<center>Email-id:[email protected]</center><br>
</body>
</html>

Result & Analysis: -


Hence we have successfully develop a website for Dace Academy using JavaScript.

5.0: Actual Resources Used: -

Sr.no. Name of the resources Specification Quantity Remarks


1 Computer system Intel core i3, 1
64bit, 7th gen,
windows 10
2 Software name Google chrome,
Notepad
3 Any other software -

6.0: - Output of the micro-project: -


 Main page

 Home Page
 Batchbooking

 About us
 Contact us

7.0 Skill Developed/Learning Outcome of this Micro-project: -

1. Listening Skill.
2. Active participation.
3. Self-confidence.
4. Develop Posture.
5. Presentation skills also developed.

8.0: -Applications of Micro-project: -

1. Available online as well as offline mode.

9.0 Name of the student :-


Kshitij Arun Bangar - 68

You might also like