Bike Showrooms in NDL: Sri Ramakrishna Degree (Autonomous) College

BIKE SHOWROOMS IN NDL
ABSTRACT
SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 1

ABSTRACT
A motorcycle often called a bike, motorbike, or cycle is a two or three-wheeled motor vehicle.
Motorcycle design varies greatly to suit a range of different purposes: long
distance travel, commuting, cruising, sport including racing, and off-road riding. Motorcycling is
riding a motorcycle and related social activity such as joining a motorcycle cluband
attending motorcycle rallies.
In 1894, Hildebrand & Wolfmüller became the first series production motorcycle, and the first to
be called a motorcycle. In 2014, the three top motorcycle producers globally by volume
were Honda, Yamaha (both from Japan), and Hero MotoCorp (India). In developing countries,
motorcycles are overwhelmingly utilitarian due to lower prices and greater fuel economy. Of all
the motorcycles in the world, 58% are in the Asia-Pacific and Southern and Eastern Asia regions,
excluding car-centric Japan.
According to the United States Department of Transportation the number of fatalities per vehicle
mile traveled was 37 times higher for motorcycles than for cars.A showroom is a large space
used to display products for sale, such as automobiles, furniture, appliances, carpet or apparel. It
is a retail store of a company in which products are on sale in a space created by their brand or
company. A showroom can also be a space for wholesale buyers to view fashion merchandise for
sale in their retail stores.
One of the world's largest showrooms is the 35,000 square metres (380,000 sq ft) BMW
showroom in Abu Dhabi. The biggest collection of showrooms is a 216,000-square-metre
(2,330,000 sq ft) car showroom in Istanbul called Autopia Europia.
The above details in the HTML project do by using the below tags. They are first one is starting
tag that is <html> to enter in the project work. Next by using the <head> </head> to heading on
the project work that is environmental pollution. And next enter in the body by using <body>
enter the details about the project work. To create a table by dividing the environmental pollution
types by using the <td> ,<tr>. To improve project output we are using hyper links (<a>,</a>) and
frames (<frame>).

REQUIREMENT
ANALYSIS

REQUIREMENT ANALYSIS
“Website Requirement analysis” is a process that assists in analyzing challenges and

opportunities with respect to the business model of the website. This task is accomplished by
Web Analysts and the outcome is detailed documents, which plays pivotal role in laying the
technology foundation, deployment, maintenance and upgrading of the portals and feature rich
web application.
The process may sound easy, but crafting a requirement analysis document is a task that needs
exposure, experience, understanding of web technologies and a dynamic mind to map needs of
the business model into a functional solution. The end result of this process is detailed
documents depicting all necessary requisites for deploying a web-platform. Some call these
documents ‘SRS’ while some address these as ‘scope of Work'. Knowing the importance of
these documents, through this article I am listing few essential elements heads these documents
should include to serve their purpose!
Websites are of heterogeneous nature catering multiple audiences, for instance we have portfolio
websites to showcase talent and service websites for internet promotions and marketing etc. If a
website fails the expectations of a firm to bring business and promote the same at a global level
then whatever the reason may be, the website will be termed as a bad investment. This is why we
have analysts who assert requirements of a website to make it efficient to function & run while
adhering standards defined for web & search engines and at the same time keeping management
an easy task for the webmasters.
Hardware and Software Requirements

Minimum Hardware Requirements
 Processor : Dual Core 2.4 G Hz or more
 RAM : 2GB
 Hard disk : 320 GB
Software Requirements
 Operating system : Windows 7/XP
 Developing tool : HTML, CSS, and Java Script.

SOFTWARE
SPECIFICATIONS

SOFTWARE SPECIFICATIONS
ABOUT HTML
HTML stands for Hyper Text Markup Language. It is to design or create web pages that are to be
published on the web. The basic principle in using HTML is to use the mixture of text and
images and applying formatting to it. The web browser uses that formatting information to
process the content. HTML has its own syntax and semantic rules.
HTML Tags
Any formatted text document is composed of a set of elements such as paragraphs, heading and
lists. In html formatting is specified by using tags.
The following are the points should be noted about HTML tags
1) Tags are delimited by angle brackets: <body>
2) They are not case sensitive Ex: <head>, < HEAD>, < Head> all are same.
3) Styles must be switched off by an end tag However, a few tags does not require
corresponding closing tags.
4) White spaces, tabs, and newlines are ignored by the browser. Multiple white spaces are
replaced by a single space and newlines, abs are treated as spaces.
5) If a tag was not understood by a browser, usually it will be ignored.
Structure of an HTML document

All HTML documents follow the same basic structure, they have a head section contains control
information used by the browser and server. The body section contains the content that displays
on the screen and tags which control how that content is formatted by the browsers. The structure
of HTML document is
<HTML>
<HEAD>
.............. Heading Section
</HEAD>
<BODY>
............. Body/Actual Section
............
</BODY>
</HTML>

In every HTML document <HTML> and </HTML> tags marks the beginning and the end of the
document. These tags inform the browser the document is an HTML file. All other HTML tags
reside within he <HTML>.......</HTML> tags.
The HTML document can be divided into two sections
 Header or Head section
 Body section
Head section
HTML includes a pair tags,< HEAD> and </HEAD> to identify the heading of title of a
document. The tag< TITLE>.....</TITILE > can appear only in this section. The text that exists
between the title tags appears title in the browser's window and length of it should not exceed
beyond 60 characters
Body Section
The body of an HTML document contains the text that wins show up on the web page. The body
section is enclosed within <BODY> and <BODY> tags. It gives a descriptive of the document's
layout and structure.
HTML files include both control information (HIMI, tags) and content (text) which together
describe the appearance and contents of web pages. ln addition each of these tags can have their
own settings called attributes.
The following features should be kept in mind while writing HTML documents
1) Each tag is enclosed within with in a’<’ and ‘>’. These special characters are what
differentiate the tags from ordinary text.
2) Opening tag is denoted by <>, example< HEAD>
3) Closing tag is denoted by</>, for example</ HEAD>
4) The names are not case sensitive but generally they are written in uppercase so as to
distinguish them from the normal text.
Comment Lines commenting your pages:

Programmers are always encouraged to document their code through the use of comments.
Comments in HTML document the same as those used by SGML.

A good practise to use comments is to describe what the code does rather than how it works. In
the head af the document some simple version control information can be included which consist
of
 The name of the application
 A description of the purpose of the code in file
 The name of the author
 The original creation date
 A version number
 Copyright information
In HTML document comment tags start with ‘<!’ And ends with ‘>’. Each comment can
contain many lines of text as you like. If the comment runs over a number of lines, each must
start and ends with ‘--‘.
The Document Head

The document head holds control information to be used by browsers and servers. Head does not
contain any attributes. Instead, in will consists of other tags as part. TITLE is used to display the
title of the web page in title bar of browser
<TITLE welcome to the website of Sri Rama Krishna Degree College </ TITLE>
Base Font Tag:
Attribute Functionality
TEXT This attribute is used to change the default text color for an entire
document, Ex: <BODY TEXT "W800000”>
BGCOLOR This attribute is used to set a background color to the web page
Ex: <BODY BGCOLOR=”#0000FF”>
BACKGROUN This attribute is used to set an existing picture as background to the web
D page
Ex: BODY BACKGROUND= "marble jpg”>
LINK Unvisited Hyperlink With this, color can be mentioned to unvisited
hyperlink.
Ex: <BODY LINK ="#FF0000”>

VLINK Visited Hyperlink. With this, color can be mentioned to visited

hyperlink.
Ex: <BODY VLINK="#808080”>
ALINK Active Hyperlink. Color given to a hyperlink where the mouse over it.
Ex: <BODY ALINK="#FFFF00”>
This tag is used to set the size of base font using SIZE attribute. No closing tag is required for
this tag.
<Head>
<basefont size=”4”>
</head>
The Document Body

This tag is the second main part of HTML document. The actual coding of HTML document
must present in this tag. The attributes and its functionality are as follows.
Font Tag: This tag allows changes to any portion of text. The attributes of this tag are as
follows.
Attribute Functionality
SIZE Allows increasing the size of font.
Ex: <FONT SIZE="3"> Welcome
</FONT>
FACE Allows changing the style of font.
Ex:< FONT FACE= "Arial"> Welcome </FONT>
Headline Tags
The headline tags are used to display headings on the web page in various sizes. These tags can
be used for providing main and sub headings to the web page. HTML document supports 6
levels of heading tags <H1> to<H6>. The size of the text within the <H1> tag is the largest and
<H6> tag is the smallest. Each of these headings always begins on a new line.

The syntax is
<H1> The text is placed here </H1>
HTML tags have some additional parameters called arguments or attributes to increase the
functionality of the tags.
The headings displayed in the browser window are normally left aligned. The headings can be
aligned right or in the centre by setting ALIGN attribute for his heading tag.
The syntax is
<H1 ALIGN=”Value”> The text to be placed here </H1>
The possible values for ALIGN attribute are: Centre, Left and Right.
<h1>this is a heading</h1>
<h2> this is a heading</h2>
<h4 >this is a heading</h4>
Paragraph formatting tag

The Paragraph tag is used to break the text into paragraphs. To designate a block of text as a
paragraph, enclose it within the paragraph beginning and ending tags:
<P>and </P> The ending tag is considered optional.
Backgrounds
The <body> tag has two attributes where you can specify backgrounds. The background can be a
color or an image.
Bgcolor
The bgcolor attribute specifies a background-color for an HTML page. The value of this attribute
can be a hexadecimal number, an RGB value, or a color name:
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
The lines above all set the background-color to black.

Background
The background attribute can also specify a background-image for an HTML page. The value of
this attribute is the URL of the image you want to use.If the image is smaller than the browser
window, the image will repeat itself until it fills the entire browser window.
<body background="clouds.gif">
<body background="http://profdevtrain.austincc.edu/html/graphics/clouds.gif">
HTML Lists
HTML provides a simple way to show unordered lists (bullet lists) or ordered lists (numbered
lists).
Unordered Lists
An unordered list is a list of items marked with bullets (typically small black circles). An
unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
This Code Would Display
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
Ordered Lists
An ordered list is also a list of items. The list items are marked with numbers. An ordered list
starts with the <ol>tag. Each list item starts with the <li>tag.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
HTML Links
HTML uses the <a> anchor tag to create a link to another document or web page. An anchor can
point to any resource on the Web: an HTML page, an image, a sound file, a movie, etc.
The syntax of creating an anchor:
<a href="url">Text to be displayed </a>.
The <a>tag is used to create an anchor to link from, the href attribute is used to tell the address of
the document or page we are linking to, and the words between the open and close of the anchor
tag will be displayed as a hyperlink.
<a href="http://www.austincc.edu/">Visit ACC!</a>
HTML Images

The <img>tag is empty, which means that it contains attributes only and it has no closing tag. To
display an image on a page, you need to use the src attribute. Src stands for "source". The value
of the src attribute is the URL of the image you want to display on your page. The syntax of
defining an image:
<img src="graphics/chef.gif">

IMPLEMENTATION

IMPLEMENTATION
SAVED AS: gangadhar.html
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Showrooms in ndl </title>
<link href="showroom.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="nav">
<ul>
<li><a href="home.html">home</a></li>
<li><a href="service.html">Finance</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
</body>
</html>
SAVED AS: home.html

<!doctype html>
<html>
<head>


</head>
<body>
<div id="nav">
<ul>
</ul>
</div>
<br><br>
<div id="list">
<ul>
<a href="NANDI BAJAJ.html">NANDI BAJAJ</a><br>
<a href="SOWJANYA HERO.html">SOWJANYA HERO</a><br>
<a href="SRI SAI TVS.html">SRI SAI TVS</a><br>
<a href="SYAM'S YAMAHA.html">SYAM'S YAMAHA</a><br>
</ul>
</div>
</body>
</html>
SAVED AS: NANDI BAJAJ.html
<html>
<head>
<title>Showrooms in ndl/Nandi Bajaj </title>


</head>
<body>
<div id="nav">
<ul>
</ul>
</div>
<div id="list">
<u><h3>NANDI BAJAJ</h3></u>
<ol>
<li>BAJAJ Pulsar 150 </li>
<li>BAJAJ Avenger street 220 </li>
<li>BAJAJ Platina 100 </li>
<li>BAJAJ Dominar 400 </li>
<li>BAJAJ Discover 125 </li>
<li>BAJAJ V12 </li>
<li>BAJAJ CT100 </li>
<ol>
</div>
</body>
</html>

SAVED AS: SOWJANYA HERO.html
<html>
<head>
</head>
<body>
<div id="nav">
<ul>
</ul>
</div>
<div id="list">
<h3><u>SOWJANYA HERO </u></h3>
<ol>
<li>HERO Splendor plus </li>
<li>HERO Glamour 125 </li>
<li>HERO HF Deluxe i3s </li>
<li>HERO Passion pro i3s </li>
<li>HERO Splendor iSMART 110 </li>
<li>HERO Super slendor </li>
<li>HERO Duet Scooty </li>
<li>HERO Masestro Edge </li>
</ol></div>
</body></html>

SAVED AS: SRI SAI TVS.html
<html>
<head>
</head>
<body>
<div id="nav">
<ul>
</ul>
</div>
<div id="list">
<h3><u>SRI SAI TVS</u></h3>
<ol>
<li>TVS Victor </li>
<li>TVS Wego </li>
<li>TVS Jupiter </li>
<li>TVS Apache RR 310 </li>
<li>TVS Entorq 125 </li>
<li>TVS XL 100 </li>
<li>TVS Star city+ </li>
</ol>
</div>

</body>
</html>
SAVED AS: SYAM'S YAMAHA.html
<html>
<head>
</head>
<body>
<div id="nav">
<ul>
</ul>
</div>
<div id="list">
<h3><u>SYAM'S YAMAHA</u></h3>
<ol>
<li>YAMAHA FZ </li>
<li>YAMAHA FZ-S </li>
<li>YAMAHA FZ V2.0FL </li>
<li>YAMAHA Fazer </li>

<li>YAMAHA SZ RR </li>
<li>YAMAHA Saluto </li>
<li>YAMAHA YZF R15 </li>
<li>YAMAHA </li>
</ol>
</div>
</body>
</html>
SAVED AS: service.html
<html>
<head>
</head>
<body>
<div id="nav">
<ul>
</ul>
</div>
<div id="list">
<u><h3>BAJAJ Finance </h3></u>
<ul>

Address: 1st Floor, 25-419-5-1, Municipal office road, nandyal. <br>

Contact no.:+(91)-20-39574151 <br>
E-Mail: bajajfincorpltd@gmail.com
</div>
</body>
</html>
SAVED AS: Mahindra Finance.html
<html>
<head>
</head>
<body>
<div id="nav">
<ul>
</ul>
</div>
<div id="list">
<ul>
Address: D.No: 153e, GR Floor, Magham Complex, opp. Padmavathi nagar Arch, nandyal. <br>

Contact no.:+(91)-8514-220934, 8514-241800 <br>

E-Mail: mahindrafincorpltd@gmail.com
</div>
</body>
</html>
SAVED AS: HDFC Finance corp.html
<html>
<head>
</head>
<body>
<div id="nav">
<ul>
</ul>
</div>
<div id="list">
<ul>
Address: 2/415, Hotel Shobha NK road, nandyal. <br>
Contact no.:+(91)9949493333 <br>
E-Mail: hdfcfincorpltd@gmail.com

</div>
</body>
</html>
SAVED AS: contact.html
<!doctype html>
<html>
<head>
</head>
<body>
<div id="nav">
<ul>
</ul>
</div>
<div id="list">
<div id="extra"> <marquee direction="up" behavior="alternate" scrollamount="4" width="950"
height="400">
<h1>&nbsp &nbsp &nbsp Contact Us</h1>
<p>&nbsp &nbsp &nbsp Name :M.GANGADHAR<br>
&nbsp &nbsp &nbsp Email:mgangadhar1423@gmail.com</br>
&nbsp &nbsp &nbsp phone:9160410700<br>
&nbsp &nbsp &nbsp address: Nandyal</p>
</div></marquee>
</div>

</body>
</html>
SAVED AS: showroom.html
body{
background: url('gq-akshai-varde_0.jpg') no-repeat;
background-size: cover;
font-family: arial;
color: white;
}
#nav ul{
margin: 10px;
padding: 5px;
list-style: none;
}
#nav ul li{
float: left;
width: 200px;
height: 40px;
background-color: black;
opacity: .8;
line-height: 40px;
text-align: center;
font-size: 20px;
margin-right: 2px;
}
#nav ul li a {
text-decoration: none;
color: white;

display: block;
}
#nav ul li a:hover {
background-color: green;
}
#nav Ul li ul li{
display: none;
}
#nav ul li:hover ul li{
display: block;
}
#list{text-align: center;
font-family: cambria;
line-height: 50px;
font-weight: bold;
margin-top:100px;
}
#list ul{
background:black;
opacity: .8;
margin-left: auto;
margin-right: auto;
border-radius: 5px;
color: white;
text-align: center;
font-size: 25px;
}
#list a{

color:white;
}
#nav h1{
background: #665e59;
opacity: .8;
text-align: center;
}
#list h3{
background:black;
opacity: .8;
margin-left: auto;
margin-right: auto;
border-radius: 5px;
color: white;
text-align: center;
font-size: 30;
}
#list ol{
background:black;
opacity: .8;
margin-left: auto;
margin-right: auto;
border-radius: 5px;
color: white;
text-align: center;
font-size: 20;
}
#list ol li{

background:black;
opacity: .8;
margin-left: auto;
margin-right: auto;
border-radius: 5px;
color: white;
text-align: justify;
font-size: 20;
}
#extra h1{
text-align: center;
color:#b57a44;
background-color: #323742;
opacity: .8;
}
#extra p{
text-align: center;
color:#e9e6df;
background-color: black;
opacity: .8;
font-size: 25px;
}

SCREEN SHOTS

SCREEN SHOTS









BIBLIOGRAPHY

BIBLIOGRAPHY
Books
 Master transactional HTML 4.o1 and XHTML 1.0 markup.
 Write emerging standards-based markup with HTML5.
 Enhance presentation with Cascading style sheets (Css1 ation with and css 2.1)
 Learn proprietary and emerging css3 features.
 HTML & CSS: The Complete Reference, Fifth Edition Book by Thomas Powell.
 HTML5 Black Book: Covers CSS3, JavaScript. XML, XHTML, AJAX, PHP and jQuery
Paperback -Jul 2011 by Kogent Learning Solutions Inc.
Web References
 https://www.w3 schools.com/
 www.htmldog.com/
 https://www.coursera.org/learn/html-css-javascript-for-web-developers
 www.landofoode.com/
 www.snoopcode.com/

Bike Showrooms in NDL: Sri Ramakrishna Degree (Autonomous) College

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Bike Showrooms in NDL: Sri Ramakrishna Degree (Autonomous) College

Hochgeladen von

Copyright:

Verfügbare Formate

BIKE SHOWROOMS IN NDL

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 1

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 2

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 3

“Website Requirement analysis” is a process that assists in analyzing challenges and

Hardware and Software Requirements

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 4

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 5

Structure of an HTML document

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 6

Comment Lines commenting your pages:

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 7

The Document Head

Base Font Tag:

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 8

VLINK Visited Hyperlink. With this, color can be mentioned to visited

The Document Body

FACE Allows changing the style of font.

Ex:< FONT FACE= "Arial"> Welcome </FONT>

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 9

Paragraph formatting tag

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 10

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 11

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 12

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 13

SAVED AS: home.html

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 14

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

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 15

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

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 16

SAVED AS: SOWJANYA HERO.html

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 17

SAVED AS: SRI SAI TVS.html

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 18

SAVED AS: SYAM'S YAMAHA.html

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 19

SAVED AS: service.html

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 20

Address: 1st Floor, 25-419-5-1, Municipal office road, nandyal. <br>

SAVED AS: Mahindra Finance.html

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 21

Contact no.:+(91)-8514-220934, 8514-241800 <br>

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 22

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 23

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 24

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 25

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 26

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 27

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 28

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 29

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 30

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 31

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 32

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 33

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 34

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 35

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 36

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 37

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 38

SRI RAMAKRISHNA DEGREE (AUTONOMOUS) COLLEGE Page 39

Das könnte Ihnen auch gefallen