Unit 13 task 4
Introduction
In this task I will evaluate my website what I have produce for
West Cheshire College about British values.
Is my website suitable for the target audience and purpose?
My target audience was to create the website for West Cheshire
College about British values. The purpose is suitable with website
because I created it by user requinments. Website includes eight
pages with content which is home page, contact, gallery, sitemap
and government information. It demonstrate the definition and
information’s about British values includes pictures and video. I
makes sure is website includes clear and visible navigation and
layout, I have to create suitable font size, colours and each part
of website for each page and making sure each page includes a
content.
Client needs
· Simple, clear and visible navigation bar. I did make blue
navigation and placed on right side of website.
· Site map because client need as well interactive
components
· Video about British values from YouTube
· Contact form to have contact to give any more information or
help with customers who left details in contact form boxes to fill
in.
Any changes of website which is different from design?
My home page should include two navigations bar such as in my
design what I created before I started making website. Two
navigations bar are placed on both sides of website on the design.
But when I created the site I decided to put one navigation bar,
big one on the right side of website because it looking much more
better and gives me blanker spaces to allow me make more
developing.
Test Plan
Test description
Test data
Expected outcome
Results
Evidence
Does website load properly?
Web page
Website load properly
Website load correctly on internet Explorer
Does the website load quickly?
Speed of the page load
Website load quick
Yes, page loads quickly
Does website load images properly?
Jpeg images
Website load images good
Gallery page load pictures correctly without any issues.
Panoramic picture on the top and underneath load correctly on each
page. British values logo load correctly on home page.
Does the website shows the text?
Text
Website shows text good and text is visible.
Government info, About and Home page clear and properly shows
the text.
Do the hyperlinks work on Website properly?
Click on hyperlink
Hyperlinks work good and take the user to next page
Hyperlink on resources page working properly. After clicking the
link, page automatically transformed me to another page
www.foundationyears.org.uk
Does navigation bar works good?
Navigation bar
Navigation bar work properly and smooth
Navigation working without any problems.
Errors and fixing
Before
After
Explanation
My Sitemap page did not have headline. It turned out that in my
code I was missing between and
- the piece of code what represent the headline. When I wrote the
code sitemap the title of the page appeared on my website.
Link from navigation bar to About page did not worked because I
forgot put the code between quotations “about.html”.
My font size of text did not fit with the size of website. Font
really was large. When I changed the size of font from 50px to 14px
font decreased to correct size. The text and information there were
on the site.
My contact form was uncompleted and distorted. Did not include3
buttons as cancel or submit. When I checked my contact form code I
noticed at the end of code is missing . When I added this piece to
my code my contact from changed to proper look. There appear red
frame represent the area and place of contact form.
Feedback
I created website about British values on Dreamweaver program.
After receiving feedback about the navigation being hard to use I
decided to create an easy to use dropdown one. My website is now
easy to navigate because I created easy and simple navigation bar
on the left corner of my website. It is work with requirements of
user because navigation include eight hyperlinks to index, gallery,
video, government info, site map, contact, about and resources
page.
Feedback I received was that using an email address was not as
user friendly as using a contact form with boxes to fill in the
details as name and email address. Contact page also includes
google map to find out the locations. To create contact form I had
to add piece of code which is wrote in yellow to create this
application.
The feedback I received was that my website contains a lot of
white space area with two panoramic pictures on the top and
underneath. Panoramic pictures represents the London photography
and famous attractions I decide to choose this because it looks
more interesting. To create the headline for each site I did wrote
the code between
and witch is represent and responsible to shows up the headline
on the website. My home page includes the information about British
values, to do this I had to type in the
code and
. Between this too I might to write information and it did shows
up on my page as text on the middle. For example:
We are organisation of website about British Values created for
West Cheshire College. Purpose of this website is too demonstrate
how and why British values are important to help people to
understand the rules of law, democracy and respect to each other
for people with different religions.
Website include links what I placed in resources site and on
navigation bar as the pages. Also video from YouTube what I choose
and placed into code to displayed automatically on site after
clicked the video link from navigation bar. I decide it to add
video making sure was played immediately after entering the site
because it looks not boring and video is much more
understanding.
Gallery site includes pictures as it is says on client
requirements. Pictures is about and fit to British values, this
make my website better look and interesting for user. Text is write
in correctly way with good spelling and grammar choice the colour
of my website for example background I had to write the code on
styles.css for example background-colour: # and then would shows me
the palette of colours to choose. I decided to choose white colours
because it is easy on eye, easy to read the text on it and pictures
are much more visible.
Constraints
My website doesn’t look exactly the same as on my design because
figure out the code was to difficulty to develop my page to better.
I couldn’t add more pictures to gallery page because it was
complicated with the place to put picture on the site. Too make my
website much more colourfully and interesting this would require
using code with which I had difficulty to understanding. Font
should be a bit bigger but then my text and amount will not fit
into page and then probably I will have more errors to fix. It
would take a long time that I do not have.
