before and after website

19

Upload: lavishad

Post on 06-Jul-2015

353 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Before and after website
Page 2: Before and after website
Page 3: Before and after website

HOME

Page 4: Before and after website

DONATE

Page 5: Before and after website

PHOTOS

Page 6: Before and after website

CONTACTS

Page 7: Before and after website

EVENTS

Page 8: Before and after website
Page 9: Before and after website

SOFTWARE

The software that has been used to produce the

new modified Ben Kende website is called

iWeb.

It can be downloaded here for macs:

http://download.cnet.com/Apple-iWeb/3000-

10248_4-87377.html

iWeb has given me access to the Ben Kende

Website, which means I can now edit the

website in order to make it more advanced.

I can now edit the website under each

subheading, and add more things to it.

These are the tools on iWeb that I have in order for me to be

able to edit the website.

Page 10: Before and after website

THEME

On the software iWeb, there were many choices of themes that you could

choose for the background. The current theme is just plain white so I

was thinking of using a different theme to add more colour to the

website. I have chosen with two themes to choose from:

Fine Line Layered Paper

Page 11: Before and after website

CHOSEN THEME

I chose to use the Fine Line theme as the layout for the website because it

is more eye catching, and suits this particular website.

I like how at the

top there is a

wide space in a

colored text

box.

A variety of

colours.

The way that

each link to

each page is

placed in a

clear way for

the user.

A lot of

space for

pictures.

Page 12: Before and after website

HOME PAGE

At first, the homepage

contained a description

about Ben Kende and his

injury. However I have

edited this page slightly and

changed it into a page with

just pictures of Ben and

welcome words saying

“Welcome to the Ben Kende

Website!”

I think this is quite effective

because it is eye catching

as the front page shows

pictures of Ben and him

playing the sport he loved –

Rugby.

The logo is

shown at the

top.

Page 13: Before and after website

ABOUT BEN PAGE

For this page, I had added a new

one and pasted the story

about Ben, and his

Background information.

I had added a slight bit amount

of text regarding when the

accident actually took

place, and where to look at

the design of the Ben Kende

T-shirts.

Page 14: Before and after website

DONATION PAGE

This is the donation page that I

have modified. I think that it was

quite difficult to edit because

there was something wrong with

the text box tool.

To change the look a little bit, I

added red colour to the

important note.

Page 15: Before and after website

PHOTOS PAGE

For this page, I just had to add more photos and edit the titles of each photo as

there were only a few pictures from some of the Ben Kende events.

I had a choice to the amount of pictures that were to be put on to the page. I had

around 70 pictures, and I chose the selection of having 75 pictures on one

page, therefore having all the pictures on one page.

I had also fixed the subheadings for each pictures, but I made them very simple.

Page 16: Before and after website

VIDEO PAGE

I added an extra page to the Ben

Kende Website called „Video‟s‟. It

consists of two videos:

- One made by Isabella Kende

(Ben‟s Younger sister) about his

situation

- The second one is an interview

with Ben Kende about his

situation

I am not too sure that the video‟s

will work as when it‟s displayed on

the website in progress it doesn‟t

display up. Therefore when I publish

the site, I will check if it works.

If it results in not working, I will

cancel the video‟s.These are the video‟s embedded, and it displays like this while the website is under construction:

Page 17: Before and after website

CONTACTS PAGE

For the contacts page, I left

the text the same but I

just added more

pictures to make it more

appealing.

Page 18: Before and after website

EVENTS PAGE

For this page, there are

many events therefore I

didn‟t edit the main

events page but each

individual one.

This is the main page

for the events, and

within these links there

are more details of

events and pictures.

Page 19: Before and after website

EVENTS PAGE

Here‟s an example of one of the

event pages in depth:

This is one of the events that

have happened „Silent

Auction‟. This is what it looks

like when you click on the

link from the main e vent

page.