Scenario  

Assessor Checklist-For Teacher use

Task 1 (Pass, Merit, Distinction)

Collect web graphics


Task 2 (Pass, Merit, Distinction)

Image details


Task 3 (Pass, Merit, Distinction)  Annotating 2 Sites=Pass 3=Merit 4=Distinction

Describe web graphics

You must describe the positive and negative aspects of the GRAPHICS considering their purpose.  Marks will not be given if the same comments are applied to each graphic.  Do not just say what is good and bad about the website!!!

You must describe the target audience, purpose, suitability for purpose, impact and size (dimensions and file size) of the graphics.


Task 4 (Pass, Merit, Distinction)

Design Buttons/Menu bar/Advertising banner on paper

Your Banner must include an advert and at least 1 image/animation!

On your design state the sizes of items, colour scheme, interactive elements.

(Merit, Distinction) In word write a paragraph about the images you have included on your design.  Say what they are and consider target file sizes and download times.   Use the links below to help you.

http://webdesign.about.com/od/speed/a/aa020800a.htm

http://www.webcredible.co.uk/user-friendly-resources/web-usability/speed-up-download-time.shtml

http://www.webdevelopersnotes.com/design/optimizing_web_pages_maximum_page_size.php3


Task 5-Style Sheets-What is CSS? (Distinction only)

Click on the code document and copy the code into Frontpage.  You must then alter the code to make the webpage appear as you would like.    
Code

Preview your document to see what you have created

You will now use CSS to create a Style for your WebPages.  Copy the code into note pad

Change the colours and styles so your webpage appears the way you want it to.

Creating your style sheet


Task 6-Use Serif to make your webpage unless you have already started using Mediator (Pass, Merit, Distinction)

Template (mediator old version)

Creating a Template and your homepage-(Serif)

Your navigation bar must combine text and images.  Every page should have a consistent style.


Task 7-Use Serif to make your webpage unless you have already started using Mediator (Pass,Merit,Distinction)

Buttons (Mediator old version)

Producing buttons from scratch Optimise your buttons 2

Linking to the style sheet (Distinction only)


Task 8 (Pass, Merit, Distinction)

Target audience for the website

Provide details of the target audience and purpose for each graphical product (Buttons, menu bar, advert)


Task 9-Use either logo motion or Serif.  Chose the one you most prefer to use.  However only create 1 animation.  (Pass,Merit,Distinction)

In word describe the purpose and target audience of your animation.  Then create your animation remembering the purpose and audience.  Saying the target audience is everybody is not acceptable!

Animation-(Logo Motion old version)

Animation-(Serif) Example

Compression


Task 10 (Merit, Distinction)-Interactive elements

Creating a collapsing/expanding Menu bar (Distinction only) Must be done

Hotspot/Image map

Rollovers

Search Bar

Adding Video and sounds-You must explain how serif adds user controls for audio, video on your webpage

Image Gallery

Animated Marquee

These must be added to your advertising banner or navigation bar!


Task 10-Use Serif to make your webpage unless you have already started using Mediator (Pass, Merit, Distinction)

Menu Bar (mediator old version)

Advertising Banner (mediator old version)

Creating and Improving the Advertising Banner-(Serif)

This must be an ADVERTISING Banner not just a banner.  It must contain text and graphics.


Task 11-Use Serif to make your webpage unless you have already started using Mediator (Pass, Merit, Distinction)

Drop Down list (Mediator old version)

Drop Down List-(Serif)


Task 12 (Merit, Distinction)

Optimising (mediator old version)

Optimising Picture

(Distinction)

- You need to show optimising for use on the navigation bar e.g. finding the best balance between image quality, colours, file format, file size, download time.

- You need to show optimising for the buttons e.g. finding the best balance between image quality, colours, file format, file size, download time.

- Evidence must be shown for Optimising advertising banner. Include a small image on your banner and show optimising

Optimising Images

Optimising the advertising banner and navigation bar

Download time


Task 13 (Merit, Distinction)

jpeg or gif.


Task 14 (Pass, Merit, Distinction)

Web Icons

For Merit/ Distinction create 3 Icons for your webpage.  Consider their purpose and audience.   Print screen your icons into word and write a paragraph explaining their purpose and audience.


Task 14 (Pass, Merit, Distinction)

Presenting work as a PowerPoint


Task 15 (Merit, Distinction)

House Style


Task 16 (Pass, Merit, Distinction)

Annotating the completed website