HTML Final Copy

7/31/2019 HTML Final Copy

1/68

INDEX

1.INTRODUCTION2. PROJECT DESCRIPTION

3. HARDWARE REQUIREMENT

4. SOFTWARE REQUIREMENT

5. INTRODUCTION TO HTML

6. IMPORTANT TAGS

7. SOURCE CODE AND SCREEN SHOTS

8. FUTURE ENHANCEMENT

9. BIBLIOGRAPHY


2/68

1. INTRODUCTION

A flower bouquet is a collection of flowers in a creative

arrangement. There are different kinds including nosegay,

crescent, and cascading bouquets. Flower bouquets are often

given for special occasions such as birthdays or

anniversaries. Bouquets are very important to express

feelings. They are also used extensively in weddings. Even

before flower bouquets were used by brides in wedding they

were used in a different form of art. They appeared as early

as the 17th century and possibly earlier. Flower bouquets

were captured in paintings and on pottery as decorations.

Now since bouquets are well in flow in the business, we

have developed a project based on them. Their demand,

their availability and their variable prices are a few

considerations we have taken while doing our project.


3/68

2. PROJECT DESCRIPTION

1. TITLE OF THE PROJECT : Flowers4u

2.AREA: Products and Services

3. ABOUT ORGANIZATION:

Our company is a product based company and productwe have chosen is flower bouquets. Our organization came

into existence on 2010, March. Our company provides you all

with a variety of flower bouquets. We provide flower

bouquets for all occasions such as birthdays, anniversary,

valentine's day and funerals well. It provides you all with well

trained and talented staff.

4. TASK OF THE ORGANIZATION:

We provide good quality of flower bouquets and we

have wide range of bouquets for all occasions. The flowers

used for bouquets are fresh and of good quality. A wide

variety of flowers are used. Home delivery is also available.Gifts can be ordered.

5. TECHNICAL DEFINITION:

a) HOME PAGE:


4/68

When home button is clicked, home page appears on the

window, it is default page which appears when index page is

opened. Home page contains all the categories of bouquets

which are available in the shop. It displays pictures of

bouquets of all categories. Each picture has a link to a new

page which displays two pictures of same category. Each

category contains four pictures which can be viewed by

clicking on next. Each page gives us information about a

particular category of bouquets like price, item code and

description. Each page is designed in such a way that other

categories can be accessed from the page of one category.

There are bouquets for different occasions such as:

1. ANNIVERSARY

2. BIRTHDAY

3. GETWELL

4. LOVE AND FRIENDSHIP (VALENTINE'S DAY)

5. SYMPATHY

b)ABOUT US:

This page gives information about the company/shop.

This page gives a brief description about our shop/company.

It also gives a brief description about our staff and service


5/68


6/68

This is the last page of the website and it gives contact

information. Full address of the company with e-mail id

.Customers can place orders or order for a gift through

contact number or e-mail. Complaints and remarks can be

made through e-mail.


7/68

3. HARDWARE REQUIREMENTS

The Manufacturing Optimization can be efficiently run on

Pentium system with at least 128 MB RAM and Hard disk drive

having 20 GB. Any color monitor suits for operation.(A Printer is

required for hard copy output).

1) Pentium processor -------- 233 MHZ or above

2) RAM Capacity -------- 128MB or above

3) Hard Disk -------- 20GB or above

4) KEYBOARD -------- 108 Standard


8/68

4. SOFTWARE REQUIREMENTS

1) Operating System -------- Windows(xp/vista/windows7)2) Browser -------- IE/firefox/chrome3) Editor -------- notepad/wordpad4) Language -------- html


9/68

5.

INTRODUCTION TO HTML

HTML (hyper text markup language) is a language used

to create hyper text documents that have hyper links

embedded in them . It consists of tags embedded in the text

of a document with HTML. We can build web pages or web

document s. it is basically a formatting language and not a

programming language. The browser reading the document

interprets mark up tags to help format the document for

subsequent display to a reader. HTML is a language for

describing structured documents. HTML is a platform

independent. WWW(world wide web) pages are written

using HTML. HTML tags control in part the representation of

the WWW page when view with web browser. The browser

interprets HTML tags in the web document and displays it.

Different browsers show data differently. Examples of

browsers used to be web pages include:


10/68

a) Netscape

b) Internet Explorer

Advantages:

1) Easy to use

2) Loose syntax (although, being too flexible will not comply

with standards)3) Supported on almost every browser, if not all browsers.

4) Widely used; established on almost every website, if not

all websites.

5) Very similar to XML syntax, which is increasingly used for

data storage

6) Free - You need not buy any software

7) Easy to learn & code even for novice programmers .

Disadvantages:

1) It cannot produce dynamic output alone, since it is a

static language

2) Sometimes, the structuring of HTML documents is hard

to grasp

3) You have to keep up with deprecated tags, and make

sure not to use them


11/68

4) Deprecated tags appear because another language that

works with HTML has replaced the original work of the

tag; thus the other language needs to be learned (most

of the time, it is CSS)

5) Security features offered by HTML are limited


12/68

6. IMPORTANT TAGS

1.:

tag denotes the sart of the head section. tag

denotes the end of head section.

tags contain the Head section information of

a HTML document.

2.:

tags are used to contain the actual content

of the HTML document

3.:

The head section of a document should always contain

exactly one set of tags.These are used to set the

document title that is usually seen in the window title bar.

4.:

Meta data is defined in the head section of a document using tag.The tag is only used to declare data in its

attributes so it does not have an associated closing tag.Most

meta tags use the "content" and "http-equiv" attributes or

the "content" and "name" attributes.

5.:


13/68

Scripts can be added to a HTML document to interact with

the user and provide dynamic content .The script must be

contained by tags and it is convenient to

locate scripts in the document head.A attribute

called "type" should specify the scripting language to be used

such as "text/javascript".

6.:

Style sheets can be added to a HTML document head to

influence how the document content should be

displayed.The style sheet rules that define how the content

should appear must be enclosed by tags.Also

the style sheet language must be specified by the "type"

attribute of the tag such as "text/css".

7.
:
The basic HTML tags that define the document text content

into paragraphs are the
tags.These will visually
separae the displayed text,normally leaving two empty lines

between each paragraph.The closing
tag should always
be included.

8.
:

A line break in the displayed text can be forced using the

single tag.The
tag is always used without a closing

tag.This tag can be inserted as often as required and at any

point in the text to force one or more line breaks.


14/68

9.:

Thequote tags allow for short snippets of quoted

text to be inserted into regular text content.This tag accept asingle attribute called "cite" than can be assigned an address

indicating the quotes source.

10.:

Headings in HTML documents are used to define sections of

text in the same way as the heading on this page.There aresix sets of heading tags available in HTML that range from

as the most important,dowm to as the

least important.

11. :

Font size can be varied using the tags to display

text in a font size that is larger than the font that is used by

default for regular text.

12.:

The tags may be used to display text in a

font size that is smaller than that used for regular text.

13.:

The tags can be used to force the browser to

display text using the fixed width font selected by the user.

14.:

tag is useful to retain the format characteristics of


15/68

preformatted text within a document.Any text within

tags will be displayed to include the original

spaces,tabs and line breaks that are collectively known as

"white space".

15.:

Tables are used frequently to display information in HTML

documents and are enclosed within tags.The

tag accepts an attribute named "border" to assign a

width of border to surround the table and each cell.

16.:

Each piece of table data is contained in cells defined by the

tags."style"attribute can be used in the tag to

set the background colour respectively for the overall

background,for a row of cells and the background colour of

individual cells.

17.:

Each row of cells in a table is contained in

tags."style" attribute can be used in the tag to set the

background colour respectively for the overall

background,for a row of cells and the background colour of

individual cells.

18.:

Cells in the header row may use tags to contain

their cell data .This will denote their data as header


16/68

information.

19.:

To position a table on the page it should be contained within

a block to which an alignment style can be applied.This

allows a table to be positioned on the page just like any

other block of document content.

20.:

The tag can be used to add images to the content of

the document body.An image element does not have a

closing tag.A number of attributes that must be supplied

inside an tag for it to be valid.

21.:

Thetitleattribute of an anchor tag can be useful toprovide information about the destination of a

hyperlink.Images can be used to create a hyperlink in place of

regular text by surrounding the image tag with anchor

tags.

22.:

The tags control the horizontal

allocation of frame with a cols attribute.Values assigned to

the cols attribute may be expressed either as pixels or as

percentage.The frame values are assigned to the

colsattribute from left to right as a comma-delimited

list.The tags containtags that specify the


17/68

location of each frame document with their src.attribute.

23.:

To make the text bold requires the text to be contained

inside a pair of tags.

24.:

To make the text italic in HTML document requires the text

to be contained inside a pair of tags.

25.:

Alternatively emphasis can be suggested using

tags that will generally display the text in a

bold font.

26.:

Alternatively emphasis can be suggested using

tags that will generally display the text in a italic

font.

27.:

The tag, that was used to centre content, has beenmade obsolete.The style sheet is now used to centre

document content.An entire document can be made to align

its content centrally by applying a style sheet used to its

document body.

28.:

The tags are used to contain the items in an


18/68

unordered list.

29.:

The tags are used to contain the items in an

ordered list.

30.:

Each list item should be surrounded by tags, but the

closing tag may optionally be omitted.


19/68

7. SOURCE CODE AND SCREENSHOTS

INDEX PAGE:

FLOWERS4U


20/68

HOMEPAGE:

th{font-size:20px;}

a{color:blue}

We

guarantee fresh,beautiful flowers for your loved ones which

surely gonna make them smile...!


21/68

Anniversary

Birthday

Get Well

Love & Friendship


22/68

Sympathy


23/68

Under homepage we have five categories of bouquets.They

are:

a)ANNIVERSARY:

i)page one

td.img{width:170px;height:200px;}

img.size{width:170px;height:200px;}

th{font-size:18px;color:blue}

a{color:blue}

anniversary bouquets page-1st


24/68

back

next

Item Code :001
Dendrobium Sonia

orchids
in a rich & lovely mauve
and white hue are

discreetly
accented in a vase.

Item Code :002

arrangement of assorted
flowers including


25/68

lilies and Roses.
It's a great arrangement
to

highlight
a special occasion.

birthday

getwell

love &

friendship

sympathy


26/68

ii)page two




a{color:blue;}

annivarsary

bouquets page-2nd


27/68

back

next

bouquet

bouquet

Item Code :A-003
One Sided

Arrangement
of Anthuriums Orchids
andCarnations.
Price: Rs 550/-

Item Code :A-004
This

beautiful,
elegant orchids and
arranged with

carnations
to make a wonderful
arrangement and

is done
in a stylish, cane basket to
create this

lovely gift.
Price: Rs 550/-


28/68

birthday

getwell

love & frienship

sympathy


29/68

b)BIRTHDAY:

i)page one




a{color:blue;}

birthday

bouquets page-1st


30/68

back

next

bouquet

bouquet

Item Code :B-001
Send a springtime

garden
for a special greeting.
This bouquet

holds
favorites shades of pink
roses and

carnations.
Price: Rs 650

Item Code : B-002
One Sided

basket
arrangement of Glads
and

Roses
Price: Rs 650/-


31/68

anniversary

getwell

love & frienship

sympathy


32/68

ii)page two:




a{color:blue;}

birthday

bouquets page-2nd


33/68

back

next

bouquet

bouquet

Item Code :B-003
Luscious yellow blooms

- roses, lilies, gerberas
are beautifullycomposed.
Sure to be the focal point
of that happy

celebration
party.
Price: Rs 850

Item Code :B-004
collection

of
Pink Lilies and Pink Roses.
These vibrant

shades
of pinks are arranged in
a glass vase and

is
the timeless beauty.
Price: Rs 1250


34/68

anniversary

getwell

love &

frienship

sympathy


35/68

c)GET WELL:

i)page one




a{color:blue;}

getwell

bouquets page-1st


36/68

back

next

bouquet

bouquet

Item Code :G-001
Soft pink

carnations,
roses , gerbera daisy
and alstroemeria

are
designed in a classic cane
basket to create

this
lovely and feminine gift.
Price: Rs 1000

Item Code :G-002
A stylish bunch

filled with
orange Orchids and
orange


37/68

gerberas
is simply right
for every

occasion.
Price: Rs 950

anniversary

birthday

love &

frienship

sympathy


38/68

ii)page two:




a{color:blue;}

getwell

bouquets page-2nd


39/68

back

next

bouquet

bouquet

Item Code :G-003
Assorted gerberas
in a

vase.
Price: Rs 750

Item Code :G-004
Luscious yellow

blooms
- roses, lilies, gerberas
are beautifully

composed.
Sure to be the focal point
of that happy

celebration
party.
Price: Rs 850


40/68

anniversary

birthday

love &

frienship

sympathy


41/68

d)LOVE AND FRIENDSHIP:

i)page one




a{color:blue;}

love &

friendship bouquets page-1st


42/68

back

next

bouquet

bouquet

Item Code :L-002
50 amazing long stem

Roses.
this unbelievable bunch
express how you

feel about
that special someone.
Price: Rs

2900

Item Code :L-002
Brilliant red

roses are
used to create a true
expression of love


43/68


44/68

ii)page two




a{color:blue;}

love &

friendship bouquets page-2nd


45/68

back

next

bouquet

bouquet

Item Code :L-003
Round arrangement of

red gerberas,
roses and chrysanthemums.
Price: Rs700

Item Code :L-004
Express your

innermost
feelings with this romantic

arrangement of 20 long stem
roses in a cane

basket.
Designed to impress your
loved

ones.
Price: Rs 700


46/68

anniversary

birthday

getwell

sympathy


47/68

e)SYMPATHY:

i)page one




a{color:blue;}

sympathy

bouquets page-1st


48/68

back

next

bouquet

bouquet

Item Code :S-001
Pay your graceful

tribute
with this resplendent wreath.
Appropriate

to send to
the funeral home or
service or the

home
of the bereaved.
Price: Rs 1000

Item Code :s-002
This ethereal &

elegant
round arrangement is
composed of all


49/68

white
flowers. White roses, spider

chrysanthemums, carnations
are perfected by

greenery in
assorted shapes and textures.
Price: Rs

1500

anniversary

birthday

getwell

love &

friendship


50/68

ii)page two




a{color:blue;}

sympathy

bouquets page-2nd


51/68

back

next

bouquet

bouquet

Item Code :S-003
This lovely & elegant

all
white flowers combines roses
and carnationsand chrysanthemums
with garden greens.
This

elegant arrangement
lets family and friends

know
your thoughts are with them.
Price: Rs

875

Item Code :S-003
This

arrangement of carnations
and chrysanthemums is


52/68

used to
create a brilliant expression
of love and

support.
This basket is also
appropriate for

sending
in sympathy to a residence.
Price: Rs 900

anniversary

love &

frienship

getwell

love &

friendship


53/68

NAVIGATION KEYS (TOP)


54/68


55/68

ABOUT US:

p{font-style:bold;color:blue;font-size:20px}

Welcome to the flowers4u.com,our company

offer you professional and personalized service.

we concentrate on excellent service, quality and

customer satisfaction, which will go beyond your

expectations and nurture long-term

relationships that will make you a customer for life.


56/68

We respect nature and strive to enhance your

appreciation for natures best gifts by offering only

the freshest, highest quality flowers and creative floralarrangements that will spark your imagination.

You can enjoy the convenience of placing the order for

same day delivery till 2 pm at no extra charge.

to your loved one.

We strive to make your flower purchase a pleasant

experience and our talented staff will look forward to

creating smiles and happiness to all we serve.

If you have questions or comments about this website

or the services we provide, or for information or comments,

please use our contact form or send an email directly

to [email protected]

We will be happy to answer any questions or

comments you may have.

flowers4u

#5,chikkabanasawadi,

bangalore,karnatka.

Helpline : +919590422411


57/68


58/68

SERVICES:

p{font-style:bold;color:red;font-size:21px}

li{color:blue;font-style:bold;font-size:18px}

service Information

purchasing at the shop

cash,cheque,creditcards,debitcards are accepted

order a gift


59/68

orders can be made through phone and payment will

be collected at your doorstep or

payment can be made at our shop.

Delivery

There is NO EXTRA Delivery Charge if the address is

within the city limits.

For Delivery in areas beyond the city limit, there will

be extra delivery charges which will depend upon distance

and case to case basis.

Same day delivery is possible only if the order is

placed before 4 Pm Indian Standard Time

If you have any queries, please contact us

(+919590422411) .


60/68

Delivery date

We deliver on all days even on SUNDAYS and National

Holidays.

Flowers4u.com guarantees that your gift will arrive on

the delivery date.

If the recipient is not available at the time of delivery

then order will be delivered on the next business day after

confirming with the receiver.

Same day delivery might be possible in some areas

even after the cutoff time 4 PM IST. Please call our customer

service for your orders.

To ensure that the order is delivered on the desired

date, our service providers may call the receiver in cases

where it is difficult to locate the place

No cancellation is allowed on the date of delivery.

on festivels please place the orders 48 hours in

advance to ensure that your order is delivered on time.

Delivery time


61/68

All orders will be delivered during the business hours

only.

The normal delivery time is from 9 am to 7 pm.

We are unable to guarantee delivery at a specific

time, but we are normally able to deliver within a time frame

of a few hours.

Exact time delivery request are not taken because it

can not be honoured always.

Midnight deliveries are possible with an extra delivery

charge.

Delivery confirmation

After the successful delivery you will receive an email

from us confirming that your gift has been delivered.

The delivery confirmation email will have the name of

the receiver and the time of delivery.


62/68

We dont get the delivery confirmation just after the

delivery, please wait till 6 pm as deliveries can be made until

this time.

In cases where Proof of Delivery does not come same

day, you will receive the confirmation email next day but that

does not imply that the order has not been delivered.

We will intimate you by email in case of attempted

delivery, refused and returned by receiver or any other case

which results into non-delivery.

Remember, if you have any questions do not hesitate

to contact us directly.


63/68

PAYMENT:

td.pay{color:blue; font-style:italic;font-size:25px}

td.size{ text-align:right; font-style:bold;color:blue;}

payment options

1. cash or

cheque on delivery

2. cash

payment at the shop


64/68

3. credit &

debit cards are accepted at the shop


65/68

CONTACT US:

contact us


66/68

phoneno: +919590422411
#5,3rd

cross,bansawadi,bangalore


67/68

8. FUTURE ENHANCEMENT

1) GLOBALIZATION OF SITE

2) ADDITION OF SOME MORE CATEGORIES

3) UPDATION MODULE

GLOBALIZATION OF SITE:

For increasing the Business World wide we may globalize

the site.For spreading the fragrance of our oraganisation

throughout the world.flowers build relations and we want to

build a chain of relations.

ADDITION OF SOME MORE CATEGORIES:

Addition of some more new categories may take place in

future.We are planning to come up with a few more

branches at different locations.

UPDATION MODULE:

For existing site updating module may be added.


68/68

9. BIBLIOGRAPHYhttp://w3schools.com - for html tags

http://google.com - for images

http://wikipedia.com for information

HTML 4 in easy steps - Mike Mcgrath
http://w3schools.com/http://w3schools.com/http://google.com/http://google.com/http://wikipedia.com/http://wikipedia.com/http://wikipedia.com/http://google.com/http://w3schools.com/

HTML Final Copy

Documents

Transcript of HTML Final Copy