before and after website
TRANSCRIPT
![Page 1: Before and after website](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/1.jpg)
![Page 2: Before and after website](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/2.jpg)
![Page 3: Before and after website](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/3.jpg)
HOME
![Page 4: Before and after website](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/4.jpg)
DONATE
![Page 5: Before and after website](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/5.jpg)
PHOTOS
![Page 6: Before and after website](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/6.jpg)
CONTACTS
![Page 7: Before and after website](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/7.jpg)
EVENTS
![Page 8: Before and after website](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/8.jpg)
![Page 9: Before and after website](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/16.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042715/5599a8451a28ab153d8b45e0/html5/thumbnails/19.jpg)
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.