MODULE:

WEB DESIGN

ASSIGNMENT TITLE:

Honey

SEPTEMBER 2009

Important Notes: Please refer to the Assignment Presentation Requirements for advice on how to set out your assignment.

These can be found on the NCC Education Campus. Scroll down the left hand side of the screen until you

reach Personal Support. Click on this, and then on Policies and Advice. You will find the Assignment

Presentation Requirements under the Advice section.

You must familiarise yourself with the NCC Education Academic Dishonesty and Plagiarism Policy and

ensure that you acknowledge all the sources which you use in your work. The policy is available on

Campus. Follow the instructions above, but click on Policies rather than Advice.

You must complete the ‘Statement and Confirmation of Own Work’. The form is available on the

Policies section of Campus. Scroll down the left hand side until you reach Personal Support. Click on this

and then click on Policies and Advice.

Please make a note of the recommended word count. You could lose marks if you write 10% more or less

than this.

You must submit a paper copy and a digital copy (on disk or similarly acceptable medium). Media

containing viruses, or media which cannot be run directly, will result in a fail grade being awarded for this

module.

All electronic media will be checked for plagiarism.

Web Design September 2009 Final ©NCC Education 2009

INTERNATIONAL DIPLOMAIN

COMPUTER STUDIES

Marker's comments:

Moderator's comments:

Mark: Moderated Final Mark: Mark:

International Diploma in Computer Studies Web Design

Web Design Sep 2009 2009

Final ©NCC Education 2009

Statement and Confirmation of Own Work

Programmer/Qualification name: International Diploma in Computer Studies

Each NCC Education assessed assignment submitted by you must have this statement attached to the assignment as the cover page or it will not be accepted for marking. Please ensure that this statement is either firmly attached to the cover of the assignment or electronically inserted into the front of the assignment.

Student declaration

I have read and understood NCC Education’s Policy on Academic Dishonesty and Plagiarism.

I can confirm the following details:

Student ID/Registration number:

Name: Md Mahamodur Zaman Bhuyan

Centre Name: Daffodil Institute of IT

Module Name: Web Design

Module Leader: S.M. Mashihure Romman

Number of words: 2,635

I confirm that this is my own work and that I have not plagiarised any part of it. Ihave also noted the assessment criteria and pass mark for assignments.

Due Date:

Student Signature:

Submitted Date:

2

International Diploma in Computer Studies Web Design

Web Design Sep 2009 2009

Final ©NCC Education 2009

Acknowledgment

It is a great opportunity for me to express my respect to our honorable teacher S.M.Mashihure

Romman, teacher of DIIT. He helped us, by providing all suggestion and course materials. I

also need to thank some of my friends. We discuss the problems as a team, which was very

effective in doing this assignment. Again I want give thank to NCC for providing this

assignment, which is very helpful in today’s technological & business environment. My special

thank for Daffodil Institute of Information Technology (DIIT). This institute provides all the

teaching & makes students to adapt in today’s technology-oriented world

3

Table of Contents

No Description Page

Task 1 Preliminary Research 5

Task 2 Timeline 13

Task 3 Flowchart 18

Task 4 The Website 20

Task 5 Short Report 25

Task-1

Problem statement:

There are many websites with information based on honey and how it

could be used. I have to do some research using these websites to collect

necessary data. I am supposed to make notes and record the addresses of

useful websites that I have been researching to gather information about honey.

HONEY

Honey - The Wonderful

HONEY, a most assailable carbohydrate compound, is a singularly acceptable,

practical and most effective aliment to generate heat, create and replace energy,

and furthermore, to form certain tissues. Honey, besides, supplies the organism

with substances for the formation of enzymes and other biological ferments to

promote oxidation. It has distinct germicidal properties and in this respect greatly

differs from milk which is an exceptionally good breeding-ground for bacteria.

Honey is a most valuable food, which today is not sufficiently appreciated. Its

frequent if not daily use is vitally important.

Site -1

URL: http://www.beepurehoney.com/

Site Address: http://www.beepurehoney.com

Reasons for choosing this website:

1. Graphics and backgrounds use browser-safe colors

2. Every web page in the site looks like it belongs to the same site; there are

repetitive elements that carry throughout the pages

3. Easy to use, navigate, locate information, and print

4. Columns of text are narrower than in a book to make reading easier on the

screen

Site -2

URL: http://www.reallyrawhoney.com/

Site Address: http://www.reallyrawhoney.com

Reasons for choosing this website:

1. The hierarchy of information is perfectly clear

2. Vast information on types of honey, benefits of honey, honey healing and

honey storage.

3. Graphics and backgrounds use browser-safe colors

4. Products, types and usage of honey are described separately and clearly.

5. Good use of graphic elements (photos, subheads, pull quotes) to break up

large areas of text

Site -3

URL: http://www.suebee.com/

Site Address: http://www.suebee.com

Reasons for choosing this website:

1. By using applications such as Web Board, this website provides online

discussion forums.

2. Navigation buttons and bars provide the visitor with a clue as to where they

are, what page of the site they are currently on.

3. The most important part of this website is they provide useful and educational

resources about honey for kids and teachers.

4. This website also provides information and tips on about cookbooks, Honey

Promotional Items, Posters, Organic Exemption documents and Honey Quality.

5. There are a lot of articles provided by this website about Honey industry facts,

Honey Bee facts, Honey color and flavor, Honey glossary, honey history facts,

Honey nutrition facts and Honey trivia.

Site -4

URL: http://www.thomashoney.com/

Site Address: http://www.thomashoney.com

Reasons for choosing this website:

1. This web site is easily viewable in all screen sizes without visitor having to

scroll horizontally (left to right).

2. Content is the most important part of any website. This website provides useful

and detailed information about bee colony, flowers, pollination and Africanized

Honey Bees.

3. This web site provides sounds and video clips to make the content easier and

more interesting to users.

4. This web page provide updates immediately with new information, various

technical support literature which immediately modified in light of new findings

and developments

5. Honeylocator. Com enables CGI script to obtain customer feedback about a

product or service.

Site -5

URL: http://www.ars.usda.gov/main/site_main.htm?modecode=53-42-03-00

Site Address: http://www.ars.usda.gov

Reasons for choosing this website:

1. Contains focused content that appeals to the target audience

2. Good navigation systems give which allows users the full range of pages they

can visit

3. User-friendly information navigation

4. Consistency in colors, font, and alignment

5. Links are underlined so they are instantly clear to the visitor

6. Image links are used with text links provided for those people who have

images turned off on their browser or are using an older browser that doesn't

support images.

Summary: Each website has more or less information about honey and its

usefulness. But after researching enough I have found above websites

which have detailed and clear information of honey based on their friendly

navigation, easy to read and print.

Task-2

Problem statement:

I have to create a project plan for the way I am intending to

complete the rest of this assignment. For planning, I am going to use the

timescale I have been allocated for this assignment i.e. from the date I am

going to start to the date I am going to submit this assignment.

Introduction:

In this task I will plan a project which will include grant chart to show my

project plan.

S/N Task Duration

04/07/2009 16/07/09S S M T W T F S S M T W

1. Task 1

Day 1

2. Task 2

Day 2

3. Task 3

Day 3

4. Task 4

Day 4

5. Task 5

Day 5

Total =12 day

Note:per day 3 hour’s and total time 12 days

Task 1:

After researching so many website I've collected information about honey and

how honey can be useful so many different ways. This task took 1 day sufficient.

Task 2:

In this task I’ve done a project plan. This plan has used grant chart to do the

time scale

Allocate. This task took me 1 day to do it.

Task 3:

I have completed this task by using appropriate techniques, structure and

navigation. Also I have used a site map in the task which will help user to

understand about my site.

Task 4:

These tasks I am developing a website by using XHTML 1.0 (Transitional) and

consist between five inter link pages.

Task 5: In these tasks I am writing a short note (1000 words) about my sites

strength point, weak point, CSS advantage and disadvantage etc.

Summary: In this grant chart I have showed how much time I’ve spend to

complete my assignment, also how many days it took me to complete.

Introduction: In this task I will plan a project which will include grant chart to

show my project plan.

Task-3

Problem Statement:

Using appropriate techniques I am supposed to specify the structure and navigation of my

proposed site. The specifications are neat and easy to understand for anyone. There will

be enough detail presented in such a way that the viewer can quickly understand what

will be developed.

Task 3

Introduction: A website is composed of 3 main areas. Such as- Home page,

Main section and subsections. Using flow chart and seeing Home page Layout it

would be easy to specify the structure and navigation of my proposed site.

Structure of My Proposed Website

Navigational Plan

Home Page

Use Of Honey

Contact UsAbout Honey

Gallery

This is my Home Page Layout

Welcome to my

honey world

BannerHoney the wonderful

Here sometext Here sometext Here sometext Here sometext Here sometext Here sometext Here sometext Here sometext Here sometext Here sometext Here sometext Here sometext Here sometext Here sometext Here

More about Honey

Here sometext Here sometext Here sometext

Here sometext Here sometext Here sometext Here sometext Here Here sometext Here sometext

Here sometext Here sometext Here sometext

Here sometext Here sometext Here Here

sometext Here sometext Here sometext Here

sometext Here sometext Here sometext Here

sometext Here

Honeysometext Here Here

sometext Here sometext Here sometext Here

sometext Here sometext Here sometext Here

sometext Here

Home picAbout honey

Gallery picUse of Honey

ContactGoogle Search

Home: this is the first page of my web site . This page is the attraction point of

the users.

About Honey: This page gives user full concept about Honey.i want to give this

page all information About Honey.

Gallery: This page contains many pictures related to honey.

Use of Honey: Different types of honey are described here.

Contact: This page provides the users to submit new recipes and write their

comments about the website.

Summary: This page is built in a well organized way and users can have a good

idea about honey and its different feature.

Task-4

Problem Statement:

The website should be developed using XHTML 1.0 (Transitional or

Strict), and consist of between four and six inter-linked pages. The pages should

be consisting of - a page using HTML tables which will contain information of

different types of honey. One page should demonstrate the use of HTML forms,

which will provide an interface that, will allow users to submit new recipe

suggestions for this website. Another page should demonstrate the integration of

media such as- Photo gallery. And a page should demonstrate the use of

hyperlinks, where user can find a links page that provides links to external

websites for further information. The website should be working fully in both

Internet Explorer and Mozilla Firefox and viewable on monitors with screen

resolutions of 800x600 without users having to scroll horizontally. The content of

the website should be presented clearly and neatly and demonstrate good

application of web design principles and be easy to navigate.

Introduction

Here some

Assignment On HONEY

Home Page:

Created by Md.Mahamodur Zaman Bhuyian

Assignment On HONEY

About Honey:

Created by Md.Mahamodur Zaman Bhuyian

Assignment On HONEY

Gallery:

Created by Md.Mahamodur Zaman Bhuyian

Assignment On HONEY

Use of Honey:

Created by Md.Mahamodur Zaman Bhuyian

Assignment On HONEY

Contact:

Created by Md.Mahamodur Zaman Bhuyian

Assignment On HONEY

Task 5

Problem Statement:

I have to write a short report (1000 words) analyzing the website I am

supposed to submit. I should highlight the strong and weak aspects of my site, suggest

improvements, and propose ideas for further development. It should be clear from this

analysis that I have an understanding of basic web design principles and the technologies

used to develop websites. This analysis should include a discussion of the accessibility of

the site and how the website should be improved through the use of CSS

Created by Md.Mahamodur Zaman Bhuyian

Assignment On HONEY

Introduction: In my following task I am going to show my sites strong point,

weak point. Beside this I have analyzed my website and point out main points of

my proposed website. I also suggest some ways by using CSS for development

of my website.

Strong point of my website:

1. Color combination of my site is good.

2. Easy to use, navigate, locate information, and print

3. My site easily viewable in all screen sizes without visitor having to scroll

horizontally (left to right).

4. Link page accurately work by the IE and Mozilla Firefox.

5. Good navigation systems give which allows users the full range of pages

they can visit

6. Links are underlined so they are instantly clear to the visitor.

7. Easy to learn quick and accessible code is easy to understand.

8. All pages of my site load faster and open immediately without much

delay.

9. I think my page banner contain the main theme of the website contents.

10.Each button contain link to other pages which allow user to jump on other

page

easily.

Created by Md.Mahamodur Zaman Bhuyian

Assignment On HONEY

Weak point of my website:

1. My page is not a dynamic page.

2. There is no facility to upload pictures from users.

3. The Buttons of my website does not work in the internet explorer.

4. My webpage fonts are italic that’s why not easy to viewable to all users.

5. Badly organized navigation - some sites have links six or seven layers

deep, in a way that is not logical, and there is no clue from the top level

link that it is the one you need to click to get to the bottom layer links.

6. Sometimes it not easy to navigate from one page to other.

7. The text which contains links is colored blue and underline.

8. Does not allow 3d animation to float over the page.

9. This web page has no advertisement.

10.Busy, distracting backgrounds that make the text hard to read

The following discussions will help to find the way of the accessibility of

the site and how the web site could be improved through the use of CSS:

I will discuss some advantages of using CSS:

1. CSS benefits accessibility primarily by separating document structure from

presentation.

2. CSS allows precise control over spacing, alignment and positioning

3. CSS provides precise control over font size, color, and style. Some authors

have used images to represent text in a particular font when they are

Created by Md.Mahamodur Zaman Bhuyian

Assignment On HONEY

uncertain of the availability of the font on the client's machine. To remedy

this situation, the powerful Web Fonts of CSS allows users much greater

control of client-side font information.

4. CSS allows users to override author styles. This is very important to users

who cannot perceive a page with the author's chosen fonts and color.

5. CSS provides support for automatically generated numbers, markers, and

other content that can help users stay oriented within a document. Long

lists, tables, or documents are easier to navigate when numbers or other

contextual clues are provided in an accessible manner.

6. CSS provides more precise control over the display of alternative content

than HTML alone.

7. Web page will become more search engine friendly

8. CSS allows designer to position the main content at the very beginning of

the page, which helps search engines index the most relevant information,

and also loads what people want to see first.

9. CSS is a much cleaner way to code and much easier to work with than a

hundred nested tables which reduces the file size.

10. In addition to preventing element misuse, style sheets can help reduce

image misuse.

11.Naturally I have used XHTML 1.0 for creating this site. But If I used CSS to

create this site it will contain less code.

12. If I used CSS in this site it will be easier than other to maintenance.

13.By using CSS we will load the page faster than other.

Created by Md.Mahamodur Zaman Bhuyian

Assignment On HONEY

14.Using CSS we can save our valuable times.

I will discuss some disadvantages of using CSS:

1. CSS does not work consistently in different browsers.

2. Browsers have varying levels of compliance with Style Sheets. This

means that some Style Sheet features are supported and some aren't. To

confuse things more, some browser manufacturers decide to come up

with their own proprietary tags.

3. Browser compatibility is becoming less of an issue as the latest browser

versions are much more standards-compliant than their earlier

counterparts.

4. Does not distance style information from content (a main goal of

SGML/HTML).

Can not control styles for multiple documents at once.

Author cannot create or control classes of elements to control multiple

element types within the document.

5. Selector grouping methods cannot be used to create complex element

addressing scenarios.

6. Embedded style sheets method can’t control styles for multiple documents

at once.

7. It's hard sometimes to code a CSS.

Created by Md.Mahamodur Zaman Bhuyian

Assignment On HONEY

8. None, except that, if you've learnt a very different (and ill-advised) way of

creating content (such as formatting text in a word processor as you type),

then there's a small learning curve there, and it'll take a bit of time to

overcome.

.Summary: As I have analyzed the website it is easy for anyone to get

information about what this website contains. I have also suggested about the

improvements for my proposed website in case of further development.

Created by Md.Mahamodur Zaman Bhuyian