Collecting Information On Fish And Chips English Language Essay

Published:

We need to make a research on Fish & Chips by using web that provide information of many criteria of Fish & Chips like health benefit ,history, recipe etc. This research promotes Fish & Chips as a versatile and health food. Also include short notes and record of those website that we found as useful.

Problem decomposition

Introduction

Heir I make search on Internet for gathering information about Fish & Chips and analysis the website which providing various information about Fish & Chips. The analysis report is show in below as report.

Web address: http://www.danielsfishandchips.co.uk/

Figure 1.1: Screen shot of www.danielsfishandchips.co.uk

Note.

This site layout is looking so good.

These sites have various links on other site.

This site provide many information about fish&chips

Navigation is very easy

Lady using a tablet
Lady using a tablet

Professional

Essay Writers

Lady Using Tablet

Get your grade
or your money back

using our Essay Writing Service!

Essay Writing Service

This website contains useful information about Nutrition of Fish&chips.

Web address: http://www.colmansfishandchips.com

Figure 1.2: Screen shot of www.colmansfishandchips.com

Note

It's a very simple site with usage information about making Fish & chips.

This site provides some useful research result.

Throw this site user can know useful things about the advantages of eating fish.

This site have very pore designing.

Website address: http://www.anstrutherfishbar.co.uk/

Figure 1.3: Screen shot of http://www.anstrutherfishbar.co.uk/

Note

On this website I found a detail history of Fish & chips including the use of it in various times..

The service procedure is good.

The design of this site not so good.

Conclusion

There are many website which provide various services related to fish & Chips. Many website only give information like the benefit of eating, history, recips etc. I make some search on internet to find some site who give information about fish & chips. I notice some common think that every site provides some recipes of fish & chips.

Task-2

Problem Statement

Heir I need to make site navigation for the website. This navigation provides all links from home page to other and also other link and sub link pages. Its must developed as showing clear view of all link.

Introduction

To make webpage at first we need to design a page layout of webpage. And also need to make a clear navigation of whole website. Then the site will build based on this layout and navigation. So heir I draw a page layout and total site navigation. The page layout is same for all page of this website.

The structure of the pages:

Manu Bar

Home

History

Health

Recips

Menu

review

Other source

Login

contact

New Recipes

# Recipes 1

# Recipes 2

# Recipes 3

# Recipes 4

Page name

Page contain

Footer section

Figure 2.1: page layout

Navigation of the website:

registration

Review 4

Review 3

Review 2

Review 1

contact

Add recipes

Recipe #4

Recipe #3

Recipe #2

Recipe #1

Health

recips

menu

review

Others source

History

Home

login

Review 5

Review 6

Figure 2.2: site navigation

Conclusion

It's a very importing to make a page layout it will help to design whole website. The navigation is most important sep of design, its give a complete idea and root of a website. This website have several pages the navigation show the directory of all pages form home. And also other sub link of other pages.

Task-3

Problem Statement

Have to develop a website using XHTML 1.0 Strict, which must have minimum twelve page. The website build under some condition like-

It based on task-2, its run on Internet Explorer and Mozilla Firefox, the site don't have any horizontal scroll, use relative media.

Introduction

The website describe about fish & chips. Its contains various information of fish & chips like history, various recipes and some health benefits of eating fish & chips. The website made by using XHTML 1.0 Strict. The whole site design control by one CSS (cascading style sheet).

Lady using a tablet
Lady using a tablet

Comprehensive

Writing Services

Lady Using Tablet

Plagiarism-free
Always on Time

Marked to Standard

Order Now

The total website is written on CD.

Bellow has the screen short of all main pages -

Figure 3.1: Home page

Figure 3.2: History page

Figure 3.3: Health page

Figure 3.4: Recips page

Figure 3.5: menu page

Figure 3.6: Review page

Figure 3.7: Other source page

Figure 3.8: Login page

Figure 3.9: Contact page

Conclusion

To complete the design of website I take some help of third party tool like Dreamweaver, Photoshop etc. the information of this site is collect form internet. This is the section where I spend a large time to design pages.

Task - 4

Problem Statement

Heir I need to create a single CSS file which will define my website design. The CSS file have to contain a large use of style attribute and other property of div. Their should be no use of any style tag in webpage. Every page must include the CSS file for design.

Introduction

The CSS file was crate to control the design of website in one sheet. Style sheets were designed to allow precise control - outside of markup - of character spacing, text alignment, object position on the page, audio and speech output, font characteristics, etc. By separating style from markup, authors can simplify and clean up the HTML in their documents, making the documents more accessible at the same time. With CSS, we can decide how headings should appear, and enter that information once. Every heading in every page that is linked to this style sheet now has that appearance. Want to make every heading of level 3 more obviously different from those of level 2

The code of this sheet is -

body {

background: #FFFFFF url('images/img01.gif') repeat-x;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 13px;

color:#663300

}

input, textarea {

background: #FFFFFF url('images/img04.gif') repeat-x;

border-top: 1px solid #A3A3A3;

border-right: 1px solid #E5E5E5;

border-bottom: 1px solid #FFFFFF;

border-left: 1px solid #D6D6D6;

color: #6E6E6E; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Trebuchet MS, Arial, Helvetica, sans-serif

}

h1, h2, h3 {

font-family: Georgia, "Times New Roman", Times, serif;

}

h1, h1 a, h2, h2 a {

text-decoration: none;

color: #125798;

}

h1 a:hover, h2 a:hover {

text-decoration: underline;

}

h1 {

font-size: 38px;

}

h2 {

font-size: 28px;

font-weight: normal;

font-style: italic;

}

h3 {

font-size: 16px;

color: #939292;

}

p, ul, ol {

margin-top: 1.5em;

line-height: 190%;

}

ul, ol {

margin-left: 3em;

}

blockquote {

margin-left: 3em;

margin-right: 3em;

}

a {

color: #125798;

}

a:hover {

text-decoration: none;

color: #8D0000;

}

a img {

border: none;

}

img.left {

float: left;

margin-right: 20px;

}

img.right {

float: right;

margin-right: 20px;

}

hr {

display: none;

}

/* Menu */

#menu {

width: 960px;

height: 62px;

margin: 0 auto;

background: #4E9FC8 url('images/img02.jpg') no-repeat;

}

#menu ul {

margin: 0;

padding: 23px 0 0 28px;

list-style: none;

line-height: normal;

}

#menu li {

float: left;

background: url('images/img03.gif') no-repeat left center;; padding-left:22px; padding-right:20px; padding-top:0; padding-bottom:0

}

#menu li.first {

background: none;

}

#menu a {

text-decoration: none;

font-weight: bold;

color: #FFFFFF;

}

#menu a:hover {

text-decoration: underline;

}

/* Banner */

#banner {

width: 960px;

margin: 0 auto;

padding: 8px 0;

}

/* Page */

#page {

width: 900px;

margin: 0 auto;

background: url('images/img06.gif') no-repeat;; padding-left:25px; padding-right:35px; padding-top:45px; padding-bottom:0

}

/* Content */

#content {

float: right;

width: 603px;

}

.post {

}

.post .title {

margin: 0;

padding: 20px 20px 0 20px;

}

.post .entry {

padding: 0 20px;

}

.post .meta {

height: 47px;

Lady using a tablet
Lady using a tablet

This Essay is

a Student's Work

Lady Using Tablet

This essay has been submitted by a student. This is not an example of the work written by our professional essay writers.

Examples of our work

background: url('images/img07.gif') no-repeat;

line-height: normal; margin-left:0; margin-right:0; margin-top:20px; margin-bottom:40px; padding-left:20px; padding-right:0; padding-top:15px; padding-bottom:0

}

/* Sidebar */

#sidebar {

float: left;

width: 250px;

}

#sidebar ul {

margin: 0;

padding: 0;

list-style: none;

line-height: normal;

}

#sidebar li {

margin-bottom: 40px;

}

#sidebar li ul {

}

#sidebar li li {

margin: 0;

padding: 5px 20px;

}

#sidebar li h2 {

height: 32px;

margin-bottom: 15px;

background: #4E9FC8 url('images/img09.jpg') no-repeat;

font-size: 18px;

color: #FFFFFF; padding-left:20px; padding-right:0px; padding-top:8px; padding-bottom:0px

}

#sidebar li p {

padding: 0 20px;

}

/* Calendar */

#sidebar #calendar {

padding: 0;

}

#calendar caption {

}

#calendar table {

width: 100%;

padding: 0 20px;

text-align: center;

}

#calendar thead th {

border-bottom: 2px solid #F2F2F2;

border-top: 1px solid #F2F2F2;

}

#calendar tbody td {

padding: 5px 0;

border-bottom: 1px solid #F2F2F2;

}

#calendar tfoot td {

border-top: 1px solid #F2F2F2;

}

#calendar #prev {

text-align: left;

}

#calendar #next {

text-align: right;

}

#calendar a {

font-weight: bold;

}

/* Footer */

#footer {

clear: both;

width: 870px;

height: 50px;

margin: 0 auto;

background: url('images/img06.gif') no-repeat;; padding-left:45px; padding-right:45px; padding-top:35px; padding-bottom:35px

}

#footer p {

margin: 0;

line-height: normal;

color: #B4B4B4;

}

#footer a {

color: #B4B4B4;

}

#footer .legal {

float: left;

}

#footer .credit {

float: right;

}

Conclusion

The CSS sheet is very useful for designing web pages, it's a standard and professional way to design website. It helps the pages to load quite a bit faster with CSS. This also cuts down on your bandwidth. Style sheets will also improve the printing of Web documents. Paper has different properties than a computer screen and the differences can be accounted for in a style sheet. Web authors should be confident that their documents will look as good on paper as they do on computer screens.

Task - 5

Problem Statement

The prepare website will be tested on W3C validation service. It will check the HTML and CSS code. This validation service provides a output after check.

The site need run on Internet Explorer and Firefox. Compare the site on both browser and note any differences.

Need to provide a report on the validation check. List all validation error, define why error occur and how it will be fix it

Introduction

The validation service is provide by W3C. It will check the HTML and CSS code of prepare website. They give a result after check the result screen shot is given bellow. The website is run on Internet Explorer and Firefox, some differences look on this test. The difference and screenshot is also given bellow. The validation check also gives some error. The error is not so major, it can fix easily.

The output of W3C validation check :

Figure 5.1 validation check of index.html

Figure 5.2 validation check of History.html

Figure 5.3 validation check of Health.html

Figure 5.4 validation check of Recipes.html

Figure 5.5 validation check of menu.html

Figure 5.6 validation check of review_1.html

Figure 5.6 validation check of linkpage.html

Figure 5.6 validation check of logIn.html

Figure 5.6 validation check of contact.html

Differences between Internet Explorer and Firefox:

The website is run on both Internet Explorer and Firefox some differences is occur. The Firefox show the page perfectly as it design, Explorer makes some deterrence to show the page. Firefox works very smoothly but intenet explorer does not.Internet The footer section also change on Explorer, it make some unwanted space just before in footer section.

Figure 5.1 screen short of Making page (Firefox)

Figure 5.2 screen short of Making page (IE)

Validation error report:

The validation check indicate some error in every pages. The validation result is Success.

The correction of error

All of the error is all most same. Most of thel the errors occur in the page for table declarations. The attribute of table is make error. The width and height was declare in the page so it count this declare as error. The property of table will declare on CSS page, it is the standard technique. To correct those error just declare table property inn CSS page.

Conclusion

The validation service provide error if the page don't maintain the CSS role. Like any elements attribute or property declare in page with out using CSS sheet. The W3C always recommend CSS. the information in your web site should go into your HTML files, but HTML files should not contain information about how that information is displayed. And you've probably guessed by now that information about how the pages should appear goes into CSS files.

Task - 6

Problem Statement

Write a short report describing how you would implement the user generated comments functionality and the problems you would need to overcome. Describe how you would make this part of the website easy to maintain.

.

Introduction

The comments section dose not work as it need because their no use of programming language. Its only design to show how it can work. It need to write some program that it can be work as dynamically and user can upload their won comments on their. The recopies section main work to gather comments and comment holder information, and publish those comments on site.

comment section

The comment section gather comments and publish it for all.

Problem implement on comment section

Some problem can be occur on this part, like any unwanted picture or embarrassing comment can be uploaded. Blogger can attract on their.

Overcome problem

As we see their would be many problem that have to place. Every problem has solution. It we make a checking section between upload and publish comments. Their have a admin who check all first comments which uploaded by user, if admin allow the new comments then only the comments will show and open for all can view. It's a time consuming matter. Every first comments will wait for the admin clearance. By that way any unwanted think that make harm comments section can protect.

To make this effective at first need to design a database that store data of comments from user, then admin will check the newest comments, if it's a normal comments and make no bad effect on this website then admin sanction this for show in site. The admin must have a suitable admin panel from where they check all of this. Admin have author of edit, delete or make any suitable change on this section.

Conclusion

It is very easy to make this section work, need some basic programming knowledge, clear idea

of database and some logic. Many other fetchers can be add on this site like user

registration section can be implement, only register user can make comments.