Making your preliminary Website

Once you have completed all the previous tasks on the blog, you are ready to start making your primary school website.

Just to make sure your fully on the right track Ive listed below the things your Primary website has to do or have.

• Have at least 4 pages


• Be easy to navigate


• Have a link to another website


• Have original artwork and photography


• Have an original school badge/logo.
• A video clip

Before I let you get cracking Its important to make clear that this is the preliminary task, not the final task. While I expect the you to work hard on it, dont get stressed if it doesnt look exactly how you want. we are doing sessions on good design for websites.

Preliminary task page layouts.

Im going to be away next monday on a trip to Spain, While im away I expect you to make sure your upto date and to complete the following task.

Im adding a list below of all the work your should have done so far. it needs to be on your blog as soon as possible.

• Analyse and annotate websites
• Answer the questions on conventions and webdesign
• Design a website storyboard
• Sketch out your detailed webpage designs
• Scan and colouryour designs
• post it all on your blog!

WEB PAGE DESIGN TASK

You should have planned a storyboard for your website before the holiday. now you need to make more detailed mock ups of your websites pages.

I suggest that you sketch your designs on paper, then you scan in and colour your designs on photoshop or other image editing software.

If you arent sure on how to prepare the scanned line art for colouring you might find the link below useful, it shows how an artist colours in a picture of a dragon, while not the exact subject matter that we are dealing with the process it teaches is useful.

http://www.photoshop-dragon.com/Tutorials/Art/Basic_Coloring_Techniques.htm

Ive included a link to a website that has some examples of how some professionals have designed web pages to give you an idea about how it could be done.

http://deeplinking.net/paper-web/

Here are two web page designs ive pinched off the internet to show you the kind of end result you should aim for.

Heres an example from last year of what your work should look like when done. the only thing missing from this example is a few annotations explaining the features of each page.

So you need to go get your website pages planned out and coloured.

If you have any problems while im away, leave a comment at the end of this post and I will do my best to answer it as soon as possible.

Mr R.

Research and Planning- preliminary task designing

Your latest task is to start planning the school or college website.



before you even start thinking about layout and colour combinations its vital that you get a clear idea in your head of what is required of this task.



Answer the following questions on your blog before you begin the design process



What is the websites purpose?



Who are the audience of the website?



What does the website have to communicate?



What will the personality of the website be? (e.g formal, informal or fun if for a primary school)



Once you have answered those questions you can begin storyboarding your website!



A website storyboard is very much like a flow diagram, Ive included an example of

what it should look like,

here is an example from a website I designed

http://www.farndonfields.org/





You only need to plan out 4 pages including the homepage, notice how the storyboard includes a quick list of what each page has on it such as illustrations, photograph slideshows etc.., you may need to look at a few actual school websites to give yourself a clear idea.



So your second task is to make your Website storyboard.Dont worry about colour usage and design too much yet, we are sorting them out in the next few lessons!

Good web design and conventions

You should be finishing off your research work into school websites that are currently out there on the net,

You will be starting to get a good idea for what works well and what doesnt.

However some of you are new to web design and also media studies so ive added a link below to a very interesting website that talks through all the stages a professional web designer goes through when creating a website.

I suggest you have a look through it to start building up an idea of good design for the web.

http://www.webdesignfromscratch.com/

Dont assume that all the answers are on this page though! the internet is a busy place full of lots of different opinions, so make sure you take every oppourtunity to look around at whats out there.

Your tasks for today are to get your school website research up and on your blog, and to then research 'conventions of webdesign' and post about the following points;

• What is a convention?


• Why are they useful?


• Do we have to use them all the time?


• What examples of conventions are found in webdesign?


• You may link to websites with examples of web conventions or screen capture them and post them on your blog.


• I also want to see some examples of websites that bend or break the conventions, with your opinions of if they still work as a good design.

Here is an example of a website that breaks with the usual 'conventions' of a webpage and looks good.

Research and Planning for the preliminary task

Task 1. I have copied the marking scheme from the OCR specification for the foundation project Research and Planning Ive only included the top mark criteria as thats what you chaps are going to aim for!
have a read through what the examiner is looking for below, it is a rough guide to success.

Level 4 16–20 marks•
There is excellent research into similar products and a potential target audience.
• There is excellent organisation of actors, locations, costumes or props.
• There is excellent work on shotlists, layouts, drafting, scripting or storyboarding.
• Time management is excellent.
• There is excellent use of digital technology or ICT in the presentation.

Task 2: Your second task is to go and look at the homepages for several schools/colleges. Find ones that you think are good and screen grab up to 4 + pages and annotate them, you should mention:

Conventions of websites design.

• 
  
  Layout


• 
  
  Use of colour


• 
  
  The target audience


• 
  
  Ease of use/navigation


• 
  
  Photos and images


• 
  
  Use of text


• 
  
  Logos


• 
  
  The overall design of the website.

You need to develop an idea of what a good website has to include and state it. All of your work should be submitted to your own blog in a section entitled Research and Planning, you will add more to this later!

Here is an example that I've knocked up to show you how your research into current school/college websites
could be done. I have only looked at the home page, you will need to look at at least 3 of the website contents pages.




Task 3:
You need to write a few notes about each website you look at, this will mostly be expanding on the points you have made in already. If you are stuck here are some ideas for to get you started.

You need to pay particular attention to the overall style that each website carries through on to each page, is their a similiar layout or placing of objects on each page and what colours are used etc..,
Remember to also note who the potential audience of the website is and how the design is intended to appeal to them, and also what message the school is trying to get across about and what they offer.

AS Media studies

Here is the specification for this years AS Project,

you have to complete two tasks, the first is a practice piece that will help you learn the skills required to do a great job on the main practical task.

Website Preliminary exercise: A new homepage for a school/college.

This should include a photo of the institution, buttons to provide easy navigation to other areas of the site and appropriate welcomingtext. There should also be a working hyperlink to a media department page, also with a photo.
The task aims to demonstrate understanding of the software and of webpage conventions.

Main task: A charity or campaign website
produce a campaign website including sound and video for a campaign (eg political,health, charity, environmental). The site should include a logo, original photographs, (minimum four per candidate), written text, audio, video and easy navigation.

If done as a group task, each member of the group to produce at least four pages for the site, following the same house style.
All material for both tasks to be produced by the candidate(s), with the exception of musical audio effects from a copyright-free source.
Each candidate will evaluate and reflect upon the creative process and their experience of it.
Candidates will evaluate their work electronically, this evaluation being guided by a set of key questions on a pro forma to be completed by the teacher.
The format of the discussion has some flexibility and its form can be negotiated between teacher and student: it may take place with individual candidates or with the production group as a whole, or each individual candidate or production group may make a formal or informal presentation to the whole class.