Cuisine Website: Compare Popular Indian Food

CUISINE WEBSITE
CONTENTS
1. ACKNOWLEDGEMENT
2. SYNOPSIS
3. INTRODUCTION TO HTML
4. INTRODUCTION TO CSS
5. ABOUT THE PROJECT
6. HARDWARE AND SOFTWARE REQUIREMENT
7. SCREEN
8. CODING
9. CONCLUSION
10. BIBLIOGRAPHY
4th semester BCA, K.F.G.S.C, Tiptur. Page 1

CUISINE WEBSITE
ACKNOWLEDGEMENT
We express our grateful acknowledgement to our institution
KALPATARU FIRST GRADE SCIENCE COLLEGE, TIPTUR that provides us
an opportunity to fulfill our cherishing ambition of becoming Junior
Engineers in computer science.
We have great pleasure in expressing our deep sense of gratitude to our

Principal DR. A.M.SHIVANNA, KFGSC, Tiptur for having provided all the
facilities to work out this project.
We are grateful to our Head of the department, CSE, Mr. VINAY.M.S

for his unfailing encouragement, invaluable guidance and suggestion given to
us in the course of our project work.
We are also thankful to Mr. SHASHIDHAR.P.L, Lecturers, who have
helped us throughout this project with their invaluable guidance.
We are extremely thankful to the Entire staff AND

Mr. M.K.SHIVANANDA., instructor of computer science department for their
support in the completion of our project.
We are also thankful to Library staff for providing required reference

books throughout the completion of our Project.
Last, but certainly not the least we thank all our friends who have been
very helpful throughout the project with their invaluable suggestions at time
to time, and also like to thank all the teaching and non-teaching staff, for
their kind co-operation.

CUISINE WEBSITE
SYNOPSIS
Our project is “CUISINE WEBSITE”. This project helps an

individual to compare different popular food in India.
The project consists of a main webpage, which is divided into two

frames. Frame1 displays title, Frame2 displays the information about
different cuisine of India.
Indian Cuisine is known for being DIVINE,ANCIENT, and stepped

into TRADITION. India is known to be one of the LARGEST COUNTRY
in the world, but in history, it has dealt with other cultures and they
have also influenced Indian Cuisine, known to have the most varied
foods it is characterised by its subtle and sophisticated use of the many
vegetables, grains, fruits, and spices that grow across the country.
The site displays the different item and its images. Namely,
1. History of cuisine
2. Categories
3. Trends
4. Top 10 dishes
5. Computations
6. Contests
On clicking these menus we enter into the page, which displays the
history and other particular mentioned details of those cuisines and its
details.
We collected the information on popular food preparation style,

and its history and recipes to prepare etc.,
The categories menu description about dishes of north, south,

east and West Indian foods.

CUISINE WEBSITE
INTRODUCTION TO HTML
HTML stands for Hyper Text Mark-Up Language. It is a document-

layout and hyperlink-specification language. It defines the syntax and
placement of special, embedded direction that aren’t displayed by the
browser, but tell it how to display the content of the document,
including text, images, and other support media.
The language also tell you how to make a document interactive through
special hypertext links, which connect your documents-on either your
computer or someone else’s, as well as with other internet resources,
like FTP and gopher.
HTML is a language that is used to describe the structure of a webpage

has some common attribute like a heading, paragraph text, list bullets,
images, footers and a lot more. A webpage can have a specific style of
using these attributes. In a webpage, the text can be marked as header,
paragraph, list bullets or footer by using tags. Tags are used to mark a
block of text in a HTML page.
DOCUMENT STRUCTURE ELEMENTS
There are three HTML elements that form the basic document
structure of a webpage. These are:
HTML element
HEAD element
BODY element

CUISINE WEBSITE
HTML ELEMENTS:
The first document structure element in every HTML document is the HTML
tag. This tag indicates that the content of a file is in HTML.
This tag is mandatory.
HEAD ELEMENT:
The HEAD tag in a HTML document is used to give a title to the HTML
Page. It specifies that the contents between the opening and closing tags of
this element are a prologue to the rest of the document. This tag can contain
number of other tags.
BODY ELEMENT:
Other than the HTML and head tags, all other tags and the entire text of the
HTML page is placed within the BODY tag, as the name specifies, forms the
body of an HTML page . By using this tag can specify the background images
and colors, text color, and margins of the text in the HTML page.
Upper and lower case:
Elements name are case insensitive. Thus the horizontal rule element can be
written as any <hr>, <Hr> or <HR>.
Elements can have attributes:
Many elements can have arguments that pass parameters to the interpreter
handling these elements, these arguments are called attributes of the
elements. For example, consider the element
This element can have several attributes one of text is linked. To specify this
in the tag for A you write :
A=HREF=http://www.nrmotors.com/motors/motors.html>marked text </A>

CUISINE WEBSITE
Where the attributes HREF is assigned the indicated value. Note that the
element is not empty and that it is closed by the tags </A>. Note also that
ends tags never take attributes to an elements are always placed in the start
tag.
HTML ELEMENTS:
There are various HTML elements that can be used to construct an HTML
page. The HTML tag comprises of a left angular bracket or a less than symbol
(<) followed by the name of the tag and closed by a right angular bracket or a
greater than symbol(>). HTML elements can be categorized as:
 Container elements – A container element must have a starting and an

ending tag. The end tag is identical to the start tag except that it has a
slash that precedes the text within angular brackets. The document
text is placed between the start and end tags.
 Empty elements-
An empty element has only one tag. It does not contain any text.
Elements names are case insensitive. Thus, the horizontal rule element
can be written as any <hr><HR> or <Hr>.

CUISINE WEBSITE
ABOUT CSS
Cascading Style Sheets, fondly referred to as CSS, is a simple

design language intended to simplify the process of making web pages
presentable.
CSS handles the look and feel part of a web page. Using CSS, you
can control the color of the text, the style of fonts, the spacing between
paragraphs, how columns are sized and laid out, what background
images or colors are used, layout designs and variations in display for
different devices and screen sizes as well as a variety of other effects.
CSS is easy to learn and understand but it provides powerful

control over the presentation of an HTML document. Most commonly,
CSS is combined with the markup languages HTML or XHTML.
Advantages of CSS
CSS saves time − You can write CSS once and then reuse same
sheet in multiple HTML pages. You can define a style for each HTML
element and apply it to as many Web pages as you want.
Pages load faster − If you are using CSS, you do not need to write
HTML tag attributes every time. Just write one CSS rule of a tag and
apply it to all the occurrences of that tag. So less code means faster
download times.
Easy maintenance − To make a global change, simply change the

style, and all elements in all the web pages will be updated
automatically.
Superior styles to HTML − CSS has a much wider array of

attributes than HTML, so you can give a far better look to your HTML
page in comparison to HTML attributes.
Multiple Device Compatibility − Style sheets allow content to be

optimized for more than one type of device. By using the same HTML

CUISINE WEBSITE
document, different versions of a website can be presented for handheld

devices such as PDAs and cell phones or for printing.
Global web standards − Now HTML attributes are being
deprecated and it is being recommended to use CSS. So its a good idea
to start using CSS in all the HTML pages to make them compatible to
future browsers.
Offline Browsing − CSS can store web applications locally with the
help of an offline catche.Using of this, we can view offline websites.The
cache also ensures faster loading and better overall performance of the
website.
Platform Independence − The Script offer consistent platform

independence and can support latest browsers as well.
Basic Dropdown: Create a dropdown box that appears when the user moves
the mouse over an element.
Example
<style>
.dropdown
{
position: relative;
display: inline-block;
}
.dropdown-content
{
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
z-index: 1;
}
.dropdown:hover .dropdown-content
{
display: block;
}
</style>

CUISINE WEBSITE
ABOUT THE PROJECT
A website is a collection of Web pages, images and other

digital assets that is hosted on one or several Web server, usually
accessible via the Internet, cell phone or a LAN.
The pages of websites can usually be accessed from a common

root URL called the homepage, and usually reside on the same physical
server. The URLs of the pages organize them into a hierarchy, although
the hyperlinks between them control how the reader perceives the
overall structure and how the traffic flows between the different parts of
the sites.
A website requires attractive design and proper arrangement of

links and images, which enables a browser to easily interpret and
access the properties of the site. Hence it provides the browser with
adequate information and functionality about the organization,
community, network etc.
The website has been developed for collecting the information

about different food item prepared in Indian places in an effort to make
it as attractive as possible compared to the existing site.
The working of the project is as follows.

The first page provides several links. The Home page contains
several information about the site like
1. History of cuisine
2. Categories
3. Trends
4. Top 10 dishes
5. Computations
6. Contests

CUISINE WEBSITE
In this project we add CSS coding to create a popup menu this is

very interactive and the graphics is good.
The main menu of this project is
History Of Various Groups and Cultures.
Indian Cuisine is known for being DIVINE,ANCIENT, and

stepped into TRADITION. India is known to be one of the
LARGEST COUNTRY in the world, but in history, it has dealt with
other cultures and they have also influenced Indian Cuisine,
known to have the most varied foods it is characterised by its
subtle and sophisticated use of the many vegetables, grains, fruits,
and spices that grow across the country. Some of the most popular
spices used in Indian Cuisine are Cloves, Ginger, Saffron, and
Coriander.One of the most central parts of Indian vibrant history
is the wonderful cuisine. In Indian History, fruits and vegetables

CUISINE WEBSITE
have been the foundation of Indian diets. Over time, food in India
has gradually moved towards Vegetarianism due to the
Widespread and different religions in the region.
Teaching Indian Cooking
Indian cuisine reflects An 8,000-year history of various groups and

cultures interacting with The Subcontinent, Leading to diversity of
flavours and Regional cuisines found in modern-day India. Later,
trade with British and Portuguese influence added to the already
diverse Indian cuisine. Indian cuisine consists of a wide variety of
Regional and Traditional Cuisines Native to the Indian
Subcontinent. Given the range of diversity in soil type, climate,
culture, ethnic groups, and occupations, these cuisines vary
substantially from each other and use locally available spices,
herbs, vegetables, and fruits. Indian food is also heavily influenced
by religion, in particular Hindu, and Cultural Choices and
Traditions. Also, Middle Eastern and Central Asian influences
have occurred on North Indian cuisine from the years of Mughal
Rule. Indian cuisine is still evolving, as a result of The Nation's
Cultural Interactions with other societies.
Historical incidents such as Foreign Invasions, Trade Relations,

and Colonialism have played a role in introducing certain foods to
the country. For instance, potato, a staple of the diet in some
regions of India, was brought to India by The Portuguese, who also
introduced Chillies and Breadfruit. Indian cuisine has shaped The
History of International Relations; The spice trade between India
and Europe was the primary catalyst for Europe's Age of
Discovery. Spices were bought from India and traded around

CUISINE WEBSITE
Europe and Asia. Indian cuisine has influenced other cuisines

across the world, especially those from Europe, The Middle East,
North Africa, Sub-Saharan Africa, Southeast Asia, the British
Isles, Fiji, and The Caribbean.
Indian food is feast for the taste buds. The variety of food you can
find in India is countless. The Indian cuisine is as diverse as India
itself. Here in India the food can be categorized mainly as North
Indian and South Indian food. It can be further divided into region
sub-groups such as Punjabi, Rajasthani, Sindhi, Guajarati,
Chettinad, Bengali, Mughali, Kashmiri and Hyderabadi. I will not
be surprised if you add a few more regional cuisines to the list!
India is a land of festivals and every festival has its own special
menu; every occasion also has a special menu and these are vary
from region to region. Now, are you getting the idea of how many
other varieties of cuisines you can expect in one cuisine called the
Indian cuisine?
Most Indian dishes are full of spices hence the flavour and the
colour. The most common spices and ingredients used in Indian
cuisine include mustard, cumin, curry leaves, green coriander,
garam masala (a masala made of select range of spices), tomatoes,
onions, garlic, and ginger, along with the main ingredients such as
the vegetables or lentils that go into it.

CUISINE WEBSITE
Indian Thali
Thali is not a dish in itself but it is a

combo of meals which comprises of a
sweet dish, two or more curries, dal
(lentils), usually steamed rice, pickle,
puri/naan/chapatti (one of these Indian
breads), papad (poppadoms), butter
milk, one raita, one or more chutneys, and more or less depending
upon whether you opt for the north Indian thali or south Indian
thali and also the place you eat.
Thali, according to me is the best way to relish Indian meals as
you get to taste a variety of dishes in one go and the added
advantage of this is you pay less and taste more. In this concept of
thali you need not order different dishes for one person and end
up wasting more food and also spending more money. Just order a
thali and you are done, no side dishes, no dessert…just the thali
(by the way thali means plate, in this case, its means a thali or
plateful of food).
Dam Aloo
It is a side dish prepared with the so

called baby aloos (potatoes) which are
simmered in the gravy prepared with
tomatoes, onions and variety of spices. It
goes will with rice or nan breads. If you
love curries, you’ll love the dam aloo.

CUISINE WEBSITE
Stuffed Parathas
Stuffed parathas are a kind of Indian bread

which are made of either whole wheat flour
or white flour and stuffed with a variety of
stuffings. The stuffings can be potatoes,
cauliflower, cabbage, paneer (cottage
cheese), and any other vegetables that you can think of.
Paalak Paneer or Sag Paneer
Paalak means spinach and paneer means

cottage cheese. Cottage cheese is either
boiled in salt water or pan fried a little and
added to spinach gravy. The spinach gravy
is prepared by blending the slightly boiled
palak along with ginger, garlic, green chilli and onion.
Samosa
This is one of the favourite snacks of every

Indian! You can’t come to India and not try
the somosas out. It is a deep fried snack
prepared by rolling the dough of white flour
and then filling it with the mixture made of
potatoes, green peas, garam masala,
onions, chilli powder, fennel and salt. You’ll love it.

CUISINE WEBSITE
Chole Batura
Chole batura can either be your breakfast,

lunch, evening snack or dinner. Yes, you
read it right. That is the beauty of this
dish. Though it is a heavy meal, Indians do
not hesitate to relish the flavours of chole
batura any time of the day. Baturas are deep fried round Indian
breads made of white flour. Chole is the side dish prepared with
chick peas.
Biryani
Birayani takes many forms and can be

vegetable biryani or non-vegetarian.
Either way, it is a dish you must give a
shot. It is a rice preparation served with
raita (yogurt with onions and shredded
salad mainly cumumber).
Masala Dosa
It is form of thin pan cake prepared with

the batter which is fermented over night.
The batter is made of rice and white
lentil (something called the udad dal). It
is severed with potatoes, chutney and
sambar.

CUISINE WEBSITE
Rasgola
When in India, sweets and deserts cannot

be left behind. But I am sorry I cannot
really suggest just one dessert out of the
hundreds of choices. These are the 4
desserts that made to my top 10 list. “Gajar
ka halwa” is prepared with carrots, Jalebis are the deep fried gram
flour savouries which are then dipped into the sugar syrup,
Jamoons are deep fried balls made of condensed milk called
“khoya” which are then added to sugar syrup. The Rasgola is a
Bengali sweet prepared by boiling “paneer”
in sugar syrup.
Chaats
The king of all dishes! They are mostly had

as starters or evening snack. Chaat is not
the name of one dish but include a variety
of other dishes mainly pani puri, sev puri,
pav baaji, to name a few. Tamarind, chilli powder, curds, onions,
tomatoes and sev (vermicelli) are the key ingredients that go into
most of these chaats famously known as street food.

CUISINE WEBSITE
HARDWARE AND SOFTWARE REQUIREMENT
HARDWARE REQUIREMENT SPECIFICATION
PROCESSOR : DUAL CORE AND ABOVE
RAM : 2GB AND ABOVE
HARD DISK : 500 GB AND ABOVE
GENERAL INPUT AND OUTPUT DEVICE
SOFTWARE REQUIREMENT SPECIFICATION
OPERATING SYSTEM : WNDOWS XP AND ABOVE
EXPLORER : MOZILA FIREFOX , GOOGLE CROME

CUISINE WEBSITE
SOURCE CODE
Main page:
<!DOCTYPE html>
<html>
<!DOCTYPE html>
<html>
<!===============================================>
<head>
<title>CUSINES</title>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: black;
}
li {
float: left;
}
li a, .dropbtn {
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover, .dropdown:hover .dropbtn {

background-color: red;
}
li.dropdown {
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {background-color: #f1f1f1}

CUISINE WEBSITE
.dropdown:hover .dropdown-content {
display: block;
}
</style>
</head>
<!==============================================================>
<body>
<marquee behavior="scroll" direction="left" loop="infinite"
scrollamount="10" scrolldelay="15" >
<img src="india.jpg" width=300 height=200<marquee behavior="scroll"

direction="left" loop="infinite" scrollamount="10" scrolldelay="15"
></marquee>
<ul>
<li><a href="menu.html">HOME</a>
<a href="HISTORY.HTML">HISTORY</a>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">CATEGORIES</a>
<div class="dropdown-content">
<a href="north.html">NORTH</a>
<a href="south.html">SOUTH</a>
<a href="east.html">EAST</a>
<a href="west.html">WEST</a>
</div>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">TRENDS</a>
<div class="dropdown-content">
<a href="breakfast.html">BREAK FAST</a>
<a href="meals.html">MEALS</a>
<a href="snacks.html">SNACKS</a>
<a href="dinner.html">DINNER</a>
</div>
<li><a href="TOP 10 DISHES.HTML">TOP 10 DISHES</a>

<li><a href="COMPETATIONS.HTML">COMPETATIONS</a>
<li><a href="CONTESTS.HTML">CONTESTS</a>
<li><a href="CONTACT1.HTML">CONTACT US</a>
</li>
</ul>
=======================================>
<marquee direction="left" size="4" behaviour="slide" bgcolor="yellow"

hspace="150"> "Cusines..! Food For Life Style" </marquee><br><br><br>
<!=======================================>
<center><img src=" fff.jpg" width=500 height=400><br><br></center>
<div id ="main">
<center><p><h1 class="auction-header__title"><u><i>Cusines</h1>
</u></i></p></center>
<p gjhkj
</p>
</body>
</html>

CUISINE WEBSITE
SCREENS

CUISINE WEBSITE

CUISINE WEBSITE

CUISINE WEBSITE

CUISINE WEBSITE
CONCLUSION
During this project, we learned more knowledge about HTML.

We learnt about designing a webpage and connecting them to form
a website. We implemented whatever we learnt about HTML
practically in this project.
This project will be more helpful for the tourist; education

purpose giving the detail of all kind of food since they can compare
the various styles can select the appropriate method to prepare for
it.
By the end of this project, we got an idea of how to implement

our ideas to develop the projects.

CUISINE WEBSITE
BIBLIOGRAPHY
 The HTML examples book by Edward farrar and Norman E

.Smith
 Application using the web by Edward farrar and Norman E
.Smith
 Web Programming building internet application by Chris
Bates
 from the web

Cuisine Website: Compare Popular Indian Food

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

Cuisine Website: Compare Popular Indian Food

Hochgeladen von

Copyright:

Verfügbare Formate

CUISINE WEBSITE

5. ABOUT THE PROJECT

6. HARDWARE AND SOFTWARE REQUIREMENT

4th semester BCA, K.F.G.S.C, Tiptur. Page 1

We have great pleasure in expressing our deep sense of gratitude to our

We are grateful to our Head of the department, CSE, Mr. VINAY.M.S

We are extremely thankful to the Entire staff AND

We are also thankful to Library staff for providing required reference

their kind co-operation.

4th semester BCA, K.F.G.S.C, Tiptur. Page 2

Our project is “CUISINE WEBSITE”. This project helps an

The project consists of a main webpage, which is divided into two

Indian Cuisine is known for being DIVINE,ANCIENT, and stepped

We collected the information on popular food preparation style,

The categories menu description about dishes of north, south,

4th semester BCA, K.F.G.S.C, Tiptur. Page 3

HTML stands for Hyper Text Mark-Up Language. It is a document-

HTML is a language that is used to describe the structure of a webpage

DOCUMENT STRUCTURE ELEMENTS

4th semester BCA, K.F.G.S.C, Tiptur. Page 4

This tag is mandatory.

Upper and lower case:

Elements can have attributes:

A=HREF=http://www.nrmotors.com/motors/motors.html>marked text </A>

4th semester BCA, K.F.G.S.C, Tiptur. Page 5

 Container elements – A container element must have a starting and an

4th semester BCA, K.F.G.S.C, Tiptur. Page 6

Cascading Style Sheets, fondly referred to as CSS, is a simple

CSS is easy to learn and understand but it provides powerful

Easy maintenance − To make a global change, simply change the

Superior styles to HTML − CSS has a much wider array of

Multiple Device Compatibility − Style sheets allow content to be

4th semester BCA, K.F.G.S.C, Tiptur. Page 7

document, different versions of a website can be presented for handheld

Platform Independence − The Script offer consistent platform

4th semester BCA, K.F.G.S.C, Tiptur. Page 8

ABOUT THE PROJECT

A website is a collection of Web pages, images and other

The pages of websites can usually be accessed from a common

A website requires attractive design and proper arrangement of

The website has been developed for collecting the information

The working of the project is as follows.

4th semester BCA, K.F.G.S.C, Tiptur. Page 9

In this project we add CSS coding to create a popup menu this is

The main menu of this project is

History Of Various Groups and Cultures.

Indian Cuisine is known for being DIVINE,ANCIENT, and

4th semester BCA, K.F.G.S.C, Tiptur. Page 10

Teaching Indian Cooking

Indian cuisine reflects An 8,000-year history of various groups and

Historical incidents such as Foreign Invasions, Trade Relations,

4th semester BCA, K.F.G.S.C, Tiptur. Page 11

Europe and Asia. Indian cuisine has influenced other cuisines

4th semester BCA, K.F.G.S.C, Tiptur. Page 12

Thali is not a dish in itself but it is a

It is a side dish prepared with the so

4th semester BCA, K.F.G.S.C, Tiptur. Page 13

Stuffed parathas are a kind of Indian bread

Paalak Paneer or Sag Paneer

Paalak means spinach and paneer means

This is one of the favourite snacks of every

4th semester BCA, K.F.G.S.C, Tiptur. Page 14

Chole batura can either be your breakfast,