Sie sind auf Seite 1von 15

1.

INTRODUCTION :-

1.1. ABOUT HTML :-


Hypertext Markup Language (HTML) is the standard markup language for
documents designed to be displayed in a web browser. It can be assisted by
technologies such as Cascading Style Sheets (CSS) and scripting languages such
as JavaScript.

Web browsers receive HTML documents from a web server or from local storage
and render the documents into multimedia web pages. HTML describes the
structure of a web page semantically and originally included cues for the
appearance of the document.

HTML elements are the building blocks of HTML pages. With HTML constructs,
images and other objects such as interactive forms may be embedded into the
rendered page. HTML provides a means to create structured documents by
denoting structural semantics for text such as headings, paragraphs, lists, links,
quotes and other items. HTML elements are delineated by tags, written using
angle brackets. Tags such as <img /> and <input /> directly introduce content
into the page. Other tags such as <p> surround and provide information about
document text and may include other tags as sub-elements. Browsers do not
display the HTML tags, but use them to interpret the content of the page.

HTML can embed programs written in a scripting language such as JavaScript,


which affects the behavior and content of web pages. Inclusion of CSS defines
the look and layout of content. The World Wide Web Consortium (W3C), former
maintainer of the HTML and current maintainer of the CSS standards, has
encouraged the use of CSS over explicit presentational HTML since 1997.

1
1.2. ABOUT CSS :-

Cascading Style Sheets (CSS) is a style sheet language used for describing the
presentation of a document written in a markup language like HTML. CSS is a
cornerstone technology of the World Wide Web, alongside HTML and
JavaScript.

CSS is designed to enable the separation of presentation and content, including


layout, colors, and fonts. This separation can improve content accessibility,
provide more flexibility and control in the specification of presentation
characteristics, enable multiple web pages to share formatting by specifying the
relevant CSS in a separate .css file, and reduce complexity and repetition in the
structural content.

Separation of formatting and content also makes it feasible to present the same
markup page in different styles for different rendering methods, such as on-
screen, in print, by voice (via speech-based browser or screen reader), and on
Braille-based tactile devices. CSS also has rules for alternate formatting if the
content is accessed on a mobile device.

The name cascading comes from the specified priority scheme to determine
which style rule applies if more than one rule matches a particular element. This
cascading priority scheme is predictable.

The CSS specifications are maintained by the World Wide Web Consortium
(W3C). Internet media type (MIME type) text/css is registered for use with CSS
by RFC 2318 (March 1998). The W3C operates a free CSS validation service for
CSS documents.

In addition to HTML, other markup languages support the use of CSS including
XHTML, plain XML, SVG, and XUL.

2
PROJECT DESCRIPTION

3
FLOW CHART

4
UML DIAGRAM

5
5. CODINGS :-
5.1. HTML Codings :-

<html>

<head>
<link rel="stylesheet" type="text/css" href="styles.css"></link>
</head>

<body>
<div class="page">
<div class="headerpart"></div>
<div class="linkspart">
<center>
<a href="home.html"> Home </a>&nbsp
<a href="abtus.html"> About Us </a>&nbsp
<a href="academics.html"> Academics </a>&nbsp
<a href="infrastructure.html"> Infrastructure </a>&nbsp
<a href="placements.html"> Placements </a>&nbsp
<a href="activities.html"> Activities </a>&nbsp
<a href="training.html"> Training </a>&nbsp
<a href="notices.html"> Notices </a>&nbsp
<a href="contact.html"> Contact Us </a>&nbsp
</center>
</div>
<div class="bodypart">

6
<div class="imagepart"></div>
<div class="descriptionpart">
<h3>Bidya Computer Education & Development</h3>
<p>Established in 2001, the institution continuously trained too many
students in the field of Information Technology.</p>
<p>BCED is well known for it's lab facilities and study faculties. It offers MBA,
MCA, BCA, BCOM, BA courses in distance mode as it's a authorised study
center of DDCE, Sambalpur University. It also offers short term courses like
DCA, PGDCA. It also offers certification courses like TALLY, C++, C#, .NET,
ORACLE, JAVA,PYTHON etc. It also offers a special course like PGDCA
(Honours). DCA, PGDCA & PGDCA(Honours) are of duration 6 months, 12
months & 18 months respectively. Similarly, other certification courses are of
duration one to two months only.</p>
<p>This institute is a frontrunner in providing quality engineering education.
BCED is well known for it's discipline, which is an 'obligation to excellence' in
delivering high quality education. At BCED, 'discipline' is also synonymous with
'freedom with a purpose' and the purpose is 'overall development' of all the
people involved viz. students and staffs.</p>
</div>
<div class="newspart">
<h1>News & Events</h1>
<div class="news">
<marquee direction="up" height="100%">
<h4>BCED got 2(F) and 12(B) recognition from Odisha Government</h4><br>
<p>Bidya Computer Education & Development got the Government
recognition among the 298 institutes conforming all the norms of SU and
Odisha Government in the year 2014 which helped it to get the
recognition.</p>
<hr>
<h4>BCED Shines Bright</h4><br>

7
<p>Bidya Computer Education & Development rejoices for having bagged
13th position among the 25 most excellent IT institutions in Odisha and this
position is accored by the DAILYNET magazine which is the top IT magazine of
Odisha.</p>
<hr>
<h4>BCED got 2(F) and 12(B) recognition from Odisha Government</h4><br>
<p>Bidya Computer Education & Development got the Government
recognition among the 298 institutes conforming all the norms of SU and
Odisha Government in the year 2014 which helped it to get the
recognition.</p>
<hr>
<h4>BCED Shines Bright</h4><br>
<p>Bidya Computer Education & Development rejoices for having bagged
13th position among the 25 most excellent IT institutions in Odisha and this
position is accored by the DAILYNET magazine which is the top IT magazine of
Odisha.</p>
<hr>
<h4>Independence Day</h4><br>
<p>The independence day was observed in BCED by the students and staffs
on 15th August.</p>
<hr>
<h4>Ganesh Puja</h4><br>
<p>The Hindu Festival Ganesh Chaturthi was observed in BCED by the
students and staffs.</p>
<hr>
<h4>Saraswati Puja</h4><br>
<p>The Hindu Festival Saraswati Puja of Lord Devi Saraswati was observed in
BCED by the students and staffs.</p>
<hr>
<h4>Picnic Tour</h4><br>

8
<p>The picnic tour to Jhirpani is done by the BCED students and staffs.</p>
<hr>
</marquee>
</div>
</div>
</div>
<div class="footerpart">
<center>@2019 : All Rights Reserved. Bidya Computer Education &
Development, Chhend, RKL-15</center>
</div>
</div>
</body>

</html>

9
5.2. CSS Codings :-

.page
{
width:1355px;
height:auto;
border-style:groove;
}

.headerpart
{
width:1350px;
height:300px;
border-style:groove;
background-color:rgb(12,100,198);
background-image:url('header.jpg');
background-repeat:no-repeat;
}
.linkspart
{
width:1350px;
height:25px;
margin-top:5px;
background-color:rgb(12,100,198);
border-style:groove;
}

10
.linkspart a
{
color:rgb(245,246,251);
text-decoration:none;
}
.linkspart a:hover
{
background-color:rgb(245,246,251);
color:rgb(12,100,198);
}
.bodypart
{
width:1350px;
height:600px;
border-style:groove;
margin-top:5px;
}
.bodypart .imagepart
{
width:650px;
height:300px;
border-style:groove;
background-image:url('video.gif');
background-repeat:no-repeat;
display:inline-block;
}

11
.bodypart .descriptionpart
{
width:650px;
height:300px;
float:right;
}
.bodypart h3
{
color:blue;
text-align:center;
}
.bodypart .newspart
{
width:1346px;
height:285px;
border-style:groove;
margin-top:5px;
}
.bodypart .newspart h1
{
color:green;
margin-left:600px;
}
.bodypart .newspart .news
{
width:1300px;

12
height:200px;
}
.bodypart .newspart .news h4
{
color:blue;
}
.footerpart
{
width:1350px;
height:25px;
margin-top:5px;
background-color:rgb(12,100,198);
border-style:groove;
}

13
6. OUTPUT :-

14
15