Beruflich Dokumente
Kultur Dokumente
Web Authoring
Title
Planner, Developer, Designer
Date (s)
13/5/2016
Name
Victoria Holt
Website
Title
Purpose
Goal
Concept
Client Name:
Target Audience
Target audience: The most common people who will be using my website is parents of dancers and dancers of
all ages in order to buy dancewear and shoes. The services being offered by the website is the online shopping
where they can add items to the basket and pay using different methods via the internet. My websites target
audience is based on people who are not only interested in dance, but also are able to spend some money on
the products in order to enhance their dancing experiences. My website needs to be accessible to all users,
which is why I am going use bootstrap because it is more responsive and the website can then be easily viewed
on mobiles, laptops and desktop PCs. I will make my website so that customers can actually use the sites
functions. I will ensure that my customers trust the site enough to pay money out for one of the available
products or services. Buying online is easier as you dont have to stumble through clothe rails however they
might not have what you want in stock when you need it. In my website I will include photos of the products
and include details such as prices and brands. When adding the pictures, I will make sure they are in proportion
in terms of their aspect ratio. The colour scheme will be mostly pink, purple and some blue parts such as my
social media icons.
Amount of pages -
I would like a minimum of 3 or 4 pages. When Im creating my bootstrap website I will keep this in
mind especially when planning and completing the production stages of the work. I will think carefully
as to what order I make the pages in and the overall look of each page. I will keep a similar layout
throughout my product pages and all the text will be the same size.
A banner or carousel of images to be created for my front page to show featured products, they will change every 10
seconds and the carousel will consist of about 5-6 images. This gives customers something to look at when they first open
the website. I am going to include a logo in the top left hand corner of my page which would take you back to the home
page. If I have time I will include my discount banner at the top of my website. My web banner will look like this:
Page 1
Victoria Holt
Navigation bar -
My navigation bar will be clearly structured as to allow customers to use it with ease, it will also include a couple of small
dropdown menus so customers can find products easily. There will also be a search bar in the top right hand corner so
customers can find things if it not listed in the dropdown menu or navigation bar. The general bootstrap layout is as follows
in the image below. My navigation bar will be similar to the one below left.
My website is going to have a colour scheme which appeals to the target audience and is consistent throughout my site. It
will include a complimentary and limited colour scheme and therefore I will need to make sure that I use different shades
of the same colour so that they contrast and blend in with my website theme chosen. The colour scheme of my web banner
will be the only thing that stands out as it has to catch potential customer attention.
Screen Icon -
Im going to use at least two custom-made screen icons which obviously need to link in with the rest of the site, the two I
am going to use are Facebook and Twitter. These screen icons will be located at the right end of my navigation bar so that
they can easily be seen and used.
Web Graphics -
In my website I will make sure that it includes suitable web graphics so that its attractive to look at and helps to create a
good website design throughout. My opening image choice will be important and I will have to make sure that I dont
discriminate anyone when choosing them. I might have to alter image sizes in Photoshop if necessary. In Dreamweaver
there are default sizes required based on the templates, in order to create a web page optimised for the web.
Links -
Throughout the website, a range of different links need to be used; including, text links, button links and graphic links.
Internal links can have any name they want so you know what they are. There will be a mix of both internal and external
links, an internal link include a link that takes you to another page of the same website for example on mine if you click on
the logo image it takes you to the home screen. An external link is one which takes you to a totally different website. For
example on my website I might have a link which takes you to a page such as a brands website like Bloch.
Tables -
I like the use of tables, by using them it means my information will be well organised and easy to read. It will look more
professional. In a table I may compare two different brands of clothing saying the pros and cons of each.
Text -
For my body content text, I will use a font which is appropriately formatted with a font of sans or sans serif. Some examples
such as Ariel, Verdana or Calibri would be ideal for my website as they are easily readable and clear to see. My text will be a
colour which stands out from the background colour which I will pick when I start designing my website in Dreamweaver. I
wont be picking the colour in advance as I want to see what the different colour schemes look like before deciding my final
one.
Form -
In my website I will include an active form to collect customers details, this will be collecting details such as the customers
phone number, email address, card details etc. In my website forms the items listed below will be included:
Page 2
Victoria Holt
Check boxes There will be check boxes for things like agreeing to terms and conditions or being contacted again
by the company. An example of this would be when the form on the websites asks a question like Do you give
permission to get updates from the website.
Radio buttons This could be a question like Are you male/female? to see whether this affects the results shown
on the form.
List menus This is when there is more than one option is given in a list. E.g gender
Buttons On the form there will be buttons that you can click like submit and reset form which directs the website
into a function you want to do.
Set some fields as required fields such as the email.
In the form I will set some max character lengths up so that people dont write too much or too little on the long
answer questions on the form.
Set the tab index accordingly so that
Email Address -
There must be a link to an email address where potential customers can send questions about specific products or
regarding anything about the site in general. An email address is also good for business as it means that there is another
way of interacting and speaking to customers. The email address is also good for sending out newsletters or promotion
deals to potential regular customers gaining more sales.
Embedded Media -
This may be a video or embedded google map possibly found on my contact us page so that you can get directions to the
shop or watch tutorial videos on things like how to tie pointe shoes and how to break pointe shoes in.
Accessibility -
The website needs to be accessible to everyone who will use the website, in order to do this, it will appear in the form of
pop-ups on graphics, valid alternate text and a consistent font & colour. I will add pop ups to the graphics to tell people
what brand and such the item is. I will make sure my search engine optimisation is correct so that everything works
properly and is suitable for use on the web.
Page titles
Every time you click on a new page there will always be the logo in the top left corner and the main navigation bar along
the top which stays on the page as you scroll. The page titles will be around size 48 in font size and a font such as Arial or
Broadway.
Meta tags
Meta tags are a type of coding which provides the search engine with information and enables it to find a page so that
someone can easily search for what they want. They are normally placed near the top of the HTML as part of the heading.
In my website I will add keywords and descriptions so that the customers access is quicker and easier.
Page 3
Victoria Holt
Timescale: When I look at my ILP I can see that we have quite a large timescale in order to complete the
production of the website. I have until the 22/3/16 in order to complete all the planning and designs for my
website and to learn some of the software skills needed to make my website. I then have 5 weeks after Easter to
create my website and create an evaluation. I think this is long enough to create my website after getting to
grips with the software I will be using.
Copyright issues:
Copyright is a law which protects things such as documents, images, text, music files and videos, these are
mostly things found on a computer as it is easier to steal work especially if its published on the web. The reason
why copyright is used is because it ensures that your work is safe and cannot be copied by anyone. Another
purpose of copyright is to make sure that a creators work is protected if it ever gets stolen. It also made sure
that people got rewarded for the things they made themselves. The law was created and put in place in 1988. If
this act wasnt put in place, there would be little anyone can do legally if their work was stolen or claimed as
their own. You can only break the copyright law if you have taken something which was initially someone else
without their permission. If the copyright isnt with the creator themselves, it can sometimes be hard to track
but using primary assets without their permission may put you in trouble due to you being in violation of this
copyright law. The person who holds the copyright is the only person who can authorise the reproduction of
work even if the work is on an electronic device.
Currently you dont need to apply or register for this law to be put in place as it is done automatically, this then
lasts for a lifetime and an extra 70 years after the creator has died. After the 70 years has passed the copyright is
then usually handed down to the creators heirs. If someone is commissioned to do any kind of design work,
Page 4
Victoria Holt
they will retain the copyright until both parties decide otherwise. If the visual creators are employed and not
working for themselves, the employer is the one who retains the copyright.
With images you can get ones called stock photos which are photos where the copyright owner has decided to
allow the public to freely use them. These are normally found on the internet as this is a place where a lot of
useful resources are kept these days. Sometimes strict rules are put in place with the stock photos stating where
and when the photos can be used, these rules are made by the copyright owner so it is vital that you read what
the copyright holder has specified first. Also with images you can buy the right to use a copyrighted image if you
wanted that particular image.
Confidentiality issues
This is a set of rules or promise that restricts access to certain types of information. I will make sure that any
information on my website is fully accessible and wont put anything on that I dont want people to see. I will
also make sure no ones personal details or information is accessible to others using the site. This type of
information will be submitted via the forms that I will create for my website.
There is a law called The Data Protection Act 1998, this is put in place to make sure peoples data is kept safe. It
is basically an act of Parliament of the UK and Northern Ireland. It is a piece of legislation that governs the
protection of personal data. This is where I am going to make sure that everyones data is kept so that no one
else can view. I will also add privacy settings so that peoples information such as card details cant be seen by
others.
Page 5
Victoria Holt
Relations Act. The Race Relations Act was the first legislation in the UK, which has dealt with the racial
discrimination issues.
When creating my multimedia website, Im going to ensure that I dont break any of these rules. I will do this by
getting permission when using any images from the internet or just make sure there not copyrighted ones. On
the other hand, if I dont get any permission from the owner I will use a different picture or try and take my
own. The same will also be applied to videos. Basically I will need to get permission before downloading and
adding the video into my product, even if there not copyrighted.
The most important thing I will consider is the content as this will need to be appropriate and safe to include in
my website, I will have to make sure not to discriminate anyone.
Page 6