0% found this document useful (0 votes)
9 views

HTML Microproject Docs

Html project

Uploaded by

Adinath Khandare
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
9 views

HTML Microproject Docs

Html project

Uploaded by

Adinath Khandare
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 9

GOVERNMENT POLYTECHNIC

WASHIM

DEPARTMENT OF INFORMATION TECHNOLOGY


INSTITUDE CODE:0031

A MICRO PROJECT REPORT ON:


“Basic web page using html”
SUBJECT:WEB PAGE DESIGNING WITH HTML

GUIDED BY: HEAD OF


DEPARTMENT:

Mr.O.p.ghorasade MR. U.A.BAGADE


(LECTURER IN IT department). ) (H.O.D & LECRTURER IN INFORMATION TECHNOLOGY)

PRINCIPAL:
DR.B.G.GAWALWAD
(PRINCIPAL IN GOVERNMENT POLYTECHNIC,WASHIM)

1
GOVERNMENT POLYTECHNIC
WASHIM
INFORMATION TECHNOLOGY
2022-2023

CERTIFICATE
This is to certify that Mr. …………………………………………………………………………………
Roll No. ………….. of Second Semester of Diploma in Information Technology
of institute “ Government Polytechnic , Washim (code:0031) ” has completed
the Micro-project in “ Basic web page using html ” for the Academic
Year 2022-2023 as prescribed in the curriculum.

Date : …./…/…… Enrollment


No. :………
Place : Washim Exam Seat
No. :………

GUIDED BY: HEAD OF


DEPARTMENT:

Mr.O.p.ghorasade MR. U.A.BAGADE


(LECTURER IN IT department) (H.O.D & LECRTURER IN INFORMATION TECHNOLOGY)

2
PRINCIPAL:
DR.B.G.GAWALWAD
(PRINCIPAL IN GOVERNMENT POLYTECHNIC,WASHIM)

DEPARTMENT OF
INFORMATION
TECHNOLIGY

A MICRO – PROJECT REPORT


ON
“Basic web page using html”

SUBJECT : web page designing with html


Guided by : Mr.O.p.ghorasade

SUBMITTED BY:

SR.N NAME ROLL.N ENROLLMENT


O O NO.
1 Adinath 32 2200310315
3
khandare
2 Manmath 38 2200310347
shinde
3 Om nagare 40 2200310385

INDEX

SR.NO TOPIC PAGE NO.

Introduction 05
1
2
Source code 06

3
Output 09

4
Conclusion

4
AN INTRODUCTION

The goal of this microproject is to create a basic website


using HTML that showcases a fictional educational resource
center. The website will consist of four main pages – Home,
About Us, Contact Us, and More – and will feature a user-
friendly design that makes it easy for visitors to navigate and
find the resources they need. The website will also include a
brief description of the educational resources offered by the
center, along with a call-to-action button that encourages
visitors to purchase their services. By the end of this
microproject, you will have gained practical experience in
creating web pages using HTML, and have a better
understanding of how to design effective websites that cater
to user needs.

5
Web page source code

<!DOCTYPE html>
<html>
<head>
<title>Welcome to My Website</title>
<style>
Body {
Font-family: Arial, sans-serif;
}
Header {
Padding: 20px;
}
Nav ul {
List-style-type: none;
Margin: 0;
Padding: 0;
Overflow: hidden;
}
Nav li {
Float: left;
}
Nav li a {
Display: block;
Text-align: center;
Padding: 14px 16px;
Text-decoration: none;
}
Nav li a:hover {

6
Background-color: #f1f1f1;
}
H1 {
Text-align: center;
}
P{
Font-size: 18px;
Line-height: 1.5;
Padding: 20px;
Text-align: justify;
}
.cta-button {
Display: inline-block;
Background-color: #4CAF50;
Color: #fff;
Padding: 10px 20px;
Border-radius: 5px;
Text-decoration: none;
Margin-top: 20px;
Font-weight: bold;
}
.cta-button:hover {
Background-color: #3e8e41;
}
Footer {
Text-align: center;
Padding: 20px;
}
</style>
</head>

7
<body>
<header>
<h1>Welcome to My Website</h1>
</header>
<nav>
<ul>
<li><a href=”index.html”>Home</a></li>
<li><a href=”about.html”>About Us</a></li>
<li><a href=”contact.html”>Contact Us</a></li>
<li><a href=”#”>More</a></li>
</ul>
</nav>
<main>
<p>Our website offers a wide range of educational resources to help
students excel in their studies. We provide a vast selection of books,
notebooks, and sample papers to assist students in their learning process.
Our goal is to provide quality materials that are relevant to their studies
and cater to their academic needs. Whether you’re a high school student
preparing for exams or a college student looking for supplementary
materials, we’ve got you covered. Our website is designed to be user-
friendly, making it easy to navigate and find the resources you need. With
our commitment to quality and excellence, you can trust that our
materials will aid you in achieving your academic goals.</p>
<a href=”#” class=”cta-button”>Click Here to Purchase Our
Services</a>
</main>
<footer>
<p>&copy; 2023 All Rights Reserved</p>
</footer>
</body>
</html>

8
OUTPUT

You might also like