Task 4: Sample Layout Using Table for Website

Download: Layout 1
Download: Layout 2
Download: Layout 3

Dear all kiddos-kiddos,

For whom still clueless how to start your Task 4, you may use the above layout. But make sure, your webpage layout is same as your sketch.

For anyone who already start with Task 4, you may start to create,find, re-arrange your:
- contents ( text, description, caption)
- graphics (logo, create banner, resize images)
- videos

Please keep your graphics and videos in one folder.

Kiddos-kiddos,
This is my personal tips in developing website:

1. gathering all the images or videos that you're going to use. keep it in one folder.

2. create banner using the images that you gathered. (either it still images or animated banner)
let say, you're going to create animation banner, so you can use Ulead GIF.
if you're going to edit/create still images banner, you may use Adobe Photoshop.
if you like to keep your banner simple, you can use Microsoft Office Picture Manager.

3. once you're done with the graphics editing and resizing, you may construct HTML for index.html
the layout is according to your sketch. this may take you 2-3 days to complete, or until you  satisfied with the layout.

4. after you done with the first page, (index.html) - then, you may head off to your bed. no more sleepless night.

5. proceed with  the following page; 2 until 7 (cequipment.html, ccooking.html, cfood.html, ukcampsites.html, externallinks.html, and newsletter.html). just use the layout of first page (index.html), for the rest of pages. what you have to do is, just change the arrangement of your contents and insert the images.

6. you  may find many sample form of newsletter on internet. try it.
coding is horror, but the best way to learn is to experience it- try and error. if you never try, you never know.
we not always getting things right all the time, most of us learn from our mistakes. don't give up.
discover more.

7. good luck kiddos

Tips: Some questions before you begin to build your website.

This is just a small sampling questions you should ask yourself before  you begin to build your website.

Strategy
Why are u creating this website?
What do you expect to accomplish?
What are you offering your audience?
What do you want users to do on your website after they've left?
What brings your visitor back?

General Site Description
What kind of site is it? (E-commerce? personal? info-gathering? entertainment?)
What features will it have?
What are your most important messages?

Target Audience
Who is your primary audience?
Can you make assumptions about an average user's connection speed? Platform? Monitor size? Browser use?
How often do you expect them to visit your site? How long will they stay during an average visit?

Content
How often will the information be updated (daily, weekly, monthly?)

Resources
Do you have a server for your site?
Have you registered a domain name for your site?

Graphic Look and Feel
Do you have existing standards, such as logos and colors, that must be incorporated?
What are some other websites you like?
What do you like about them?
What sites do you not like?

Task 3 - Hints

Your website should have a minimum 7 pages:

1# HOME - index.html
The home page will need to quickly communicate the purpose of the site, be visually engaging, and provide clear navigation to the rest of the site.


2# CAMPING EQUIPMENT - cequipment.html
A page that describes essential camping equipment such as tents, clothing and sleeping bags.

3# CAMPSITE COOKING - ccooking.html
A page that provides information on camping cooking.

Suggestion 1: You may provides the information about camping cooking equipment such as camp stoves, camp oven, water containment, and frying pan.


Suggestion 2: You may provides the information about camping recipes. For example; camping breakfast recipe, camping lunch recipe, and delicious camping dinner.
Sample:  Camping Cooking Guide

Suggestion 3: You may provides the tips and step by step how to cook while camping, especially for the first time campers.

Suggestion 4: I don't want to limit your creativity, you may choose other information as long as it's related to "Camping Cooking". You may choose one from the suggestions above for your contents in "Camping Cooking".



4# CAMPING FOOD - cfood.html
A page that provides information on campsite food - such as freeze-dried food, bread and biscuits, snacks and canned food.


5# UK CAMPSITES - campsites.html
A page that describes different areas of the UK that are good for camping e.g. the Peak District. For each geographical area the following minimum information should be provided:
 A map showing the area.
 A good quality photograph of the area.
 A brief description of the area and its main attractions

6# EXTERNAL LINKS - externallinks.html
A page that provides links to other websites of interest and sources of further information.

6# NEWSLETTER - cnewsletter.html
A page that demonstrates the use of HTML forms. This will provide an interface through which users can sign up to receive a regular camping newsletter. You aren’t required to write any code that will process the data entered into this form.

Example of newsletter form:

Planning Your Website

1. Planning (your timeline)
2. Research
3. Sketch
4. Coding
5. Testing
6. Publish