Health Warning   Please remember that the Exam Board    doesn’t provide MAs for anything beyond    U4, so this is my best...
Health Warning This is a techie Unit. You will need to  organise your own ISP and site host. You  need to register your o...
Scenario A local Adult Ed centre (or college)  wants to extend the number of people  who can access its courses by includ...
Task 1: The Rules I hear that one company has been sued  because their website was not fully  accessible. I see real conf...
Task 1: The Rules   You need to investigate:   factors affecting web accessibility     people with disabilities e.g. vi...
Markgrid – AO1   PASS     Candidates outline briefly at least one     factor affecting accessibility of websites;     de...
Markgrid – AO1   MERIT     Candidates outline clearly at least two      different types of factors affecting      access...
Markgrid – AO1   DISTINCTION     Candidates outline clearly at least three different      types of factors affecting acc...
Task 2: What’s already outthere?   For this task you need to show evidence of    having researched existing    websites, ...
Markgrid – AO2   PASS     Candidates comment on the features of a      variety of different websites and explain      ho...
Markgrid – AO2   MERIT     Candidates comment on the features of a      variety of different websites and explain      c...
Markgrid – AO2   DISTINCTION     Candidates critically evaluate a variety of      websites identifying features that hav...
Task 3: Money where your mouthis… So you’ve seen what everyone else  does. And you’ve stolen some ideas… I  mean, been i...
Task 3: Money where your mouthis…   Plan a website of at least 10 pages to    include:     an Action Plan     identifie...
Task 3: Money where your mouthis…   You need to collect and store suitable    components for their website, to    include...
Markgrid – AO3   PASS     Candidates produce a brief plan of the      website they intend to build.     This will inclu...
Markgrid – AO3   MERIT     Candidates produce a detailed proposal for      the website they intend to build; this will  ...
Markgrid – AO3   DISTINCTION     Candidates produce a comprehensive proposal        for the website they intend to build...
Task 4: Go To It!   Well, enough with the prevarication: now    you gotta create the darn thing.. And    there are a few ...
Task 4: Go To It!   Let’s start with the easy bit:     Set up suitable directory structure for the      website, using s...
Task 4: Go To It!   Create a website that is fit for purpose:     produce a template and website that adheres to the    ...
Task 4: Go To It!   Pffft! Easy!
Markgrid – AO4   PASS     Candidates implement a basic directory structure for the      website.     Candidates show ba...
Markgrid – AO4   MERIT     Candidates implement a sound directory structure for the      website.     Candidates produc...
Markgrid – AO4   DISTINCTION     Candidates implement a good directory structure for the      website.     Candidates p...
Task 5: Well, it looks good…   But does it work? We’re back to testing    again – finding out whether it does what    it ...
Task 5: Well, it looks good…   Check the -       suitability for target audience       purpose of website       use of...
Markgrid – AO5   PASS     Candidates create a test plan/table     covering all pages in the site and carry     out some ...
Markgrid – AO5   MERIT     Candidates test their website using a      detailed test table.     The tests cover all the ...
Markgrid – AO5   DISTINCTION     Candidates test their website using a testing      table.     The tests are appropriat...
Task 6: Uh.. Where to put it? So you have a site. Yippee. Not much  cop till it’s live, is it? SO now you need to check ...
Task 6: Where to put it?   You need to investigate:     prototype testing     domain name registering     file and fol...
Markgrid – AO6   PASS     Candidates show evidence of having      researched at least one ISP, of what the      ISP will...
Markgrid – AO6 Candidates show evidence of having  researched at least two ISPs showing  detailed evidence of what facili...
Markgrid – AO6   DISTINCTION     Candidates show evidence of having      researched at least three ISPs showing      det...
Task 7: Was it good forYou? So now look at your site. When you  evaluated the others, way back at the  beginning of the p...
Task 7: Was it good forYou?   What about…     The quality of your website, e.g. suitability for        purpose and audie...
Markgrid – AO7   PASS     Candidates produce a brief evaluation of      their work. This covers: suitability of the     ...
Markgrid – AO7   MERIT     Candidates produce a detailed evaluation      of their work. This covers: suitability of     ...
Markgrid – AO6   DISTINCTION     Candidates produce an extensive      evaluation of their work. This covers:      suitab...
U20   web authoring
Upcoming SlideShare
Loading in...5
×

U20 web authoring

523

Published on

Support guide for the Web Authoring Unit 20, Level 3

Published in: Education, Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
523
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

U20 web authoring

  1. 1. Health Warning Please remember that the Exam Board doesn’t provide MAs for anything beyond U4, so this is my best interpretation of the markgrids and other paperwork…
  2. 2. Health Warning This is a techie Unit. You will need to organise your own ISP and site host. You need to register your own domain name, use ftp or http to publish your site. You need to use css to establish the infrastructure of your site. I do not provide these things: there are other Units you can do if these terms aren’t suitable for your context.
  3. 3. Scenario A local Adult Ed centre (or college) wants to extend the number of people who can access its courses by including some form of distance learning programme to its offering. They would like a prototype of no fewer than 10 webpages to show how this would look
  4. 4. Task 1: The Rules I hear that one company has been sued because their website was not fully accessible. I see real confusion here, but there is a point: what right do we have to assume certain things about our web audience? How can we make sure our sites cover the greatest possible audience – in design, before we even launch the darn thing? Well – that’s what you’re about to find out ! Read on…
  5. 5. Task 1: The Rules You need to investigate: factors affecting web accessibility  people with disabilities e.g. visual, physical  social factors e.g. language barriers  legal and policy factors e.g. requirements from governments  technical factors e.g. slow Internet connection What systems there are to ensure web accessibility e.g.  alt tags,  alternative content,  alter text size, alter colours used,  image file size
  6. 6. Markgrid – AO1 PASS  Candidates outline briefly at least one factor affecting accessibility of websites; define accessibility and how it can be achieved.
  7. 7. Markgrid – AO1 MERIT  Candidates outline clearly at least two different types of factors affecting accessibility of websites.  They describe some of the systems that can help website accessibility.
  8. 8. Markgrid – AO1 DISTINCTION  Candidates outline clearly at least three different types of factors affecting accessibility of websites.  They describe the systems that can help website accessibility, explaining how, and clearly link these back to the original factors outlined.
  9. 9. Task 2: What’s already outthere? For this task you need to show evidence of having researched existing websites, commenting on such elements as  design, layout  use of multimedia features  use of interactive features  use of features to aid website accessibility Websites reviewed should cover a variety of subjects: e.g.  eCommerce  promotional sites  educational sites
  10. 10. Markgrid – AO2 PASS  Candidates comment on the features of a variety of different websites and explain how they have provided ideas for their own websites.  They outline briefly at least two different systems that have been used to aid website accessibility.
  11. 11. Markgrid – AO2 MERIT  Candidates comment on the features of a variety of different websites and explain clearly which features they will consider using in their website.  They outline clearly at least three different systems that have been used to aid website accessibility  And identify at least one of these methods that they intend to use in their own site.
  12. 12. Markgrid – AO2 DISTINCTION  Candidates critically evaluate a variety of websites identifying features that have provided them with ideas for their own website.  They give reasons for inclusion of such features in their website. They outline in full at least four different systems that have been used to aid website accessibility  And identify at least one of these methods that they intend to use in their own site.
  13. 13. Task 3: Money where your mouthis… So you’ve seen what everyone else does. And you’ve stolen some ideas… I mean, been inspired by some of the things you’ve seen So now it’s your turn: design your website. In detail. Hitting the criteria on the next slide…
  14. 14. Task 3: Money where your mouthis… Plan a website of at least 10 pages to include:  an Action Plan  identified purpose and target audience for the website  a site plan for the new website  storyboards/detailed page plans showing the layout of different components and an appropriate navigation system  interactive and multimedia features  features to enhance the sites accessibility  meta tags AND>>>
  15. 15. Task 3: Money where your mouthis… You need to collect and store suitable components for their website, to include, e.g. images, text, animations, interactive elements, video, sound, objects to be linked
  16. 16. Markgrid – AO3 PASS  Candidates produce a brief plan of the website they intend to build.  This will include details of purpose and target audience.  They list a feature that they will use to help website accessibility.  They produce a list of tasks to be carried out, mind maps and simple page plans for the website including possible use of links
  17. 17. Markgrid – AO3 MERIT  Candidates produce a detailed proposal for the website they intend to build; this will include purpose and target audience details.  They provide a clear explanation for the inclusion of at least two features that will help website accessibility.  They produce an action plan that has some details completed e.g. task details and expected start/finish dates.  Detailed page plans will be created as well as a site plan and identification of all links.
  18. 18. Markgrid – AO3 DISTINCTION  Candidates produce a comprehensive proposal for the website they intend to build.  This will include purpose and target audience.  They provide a detailed explanation for the inclusion of at least three features that will help website accessibility.  They produce a detailed action plan that shows all tasks to be completed, dates and actions  Thorough page plans will be created as well as a detailed site plan. All links and objects to be linked will be clearly shown.  These plans will all be accurate.
  19. 19. Task 4: Go To It! Well, enough with the prevarication: now you gotta create the darn thing.. And there are a few stipulations you need to remember, and tick off as you create this product, to make sure you cover all the necessary skills and features…
  20. 20. Task 4: Go To It! Let’s start with the easy bit:  Set up suitable directory structure for the website, using subdirectories and appropriate filenames throughout  Keep copies of work on a suitable backup device And then…
  21. 21. Task 4: Go To It! Create a website that is fit for purpose:  produce a template and website that adheres to the chosen house style  use cascading style sheets (css)  insert/import and align text  format text and colour to the chosen house style  set text attributes (size, colour, appearance)  use tables, setting dimensions and alignment  use a range of different components, e.g. images, animations, rollovers  interactive elements, video, sound  understand relative and absolute links  create a range of internal and external hyperlinks  use a range of targets e.g. blank, self  features to enhance the sites accessibility
  22. 22. Task 4: Go To It! Pffft! Easy!
  23. 23. Markgrid – AO4 PASS  Candidates implement a basic directory structure for the website.  Candidates show basic competence in producing a website of at least 10 pages containing text, images and additional components using a basic template they have created themselves.  There may be errors in the text, but meaning will be clear.  The images and components must be suitable for purpose.  A method of navigation to all pages is evident.  They include one feature that they will use to help website accessibility.  Web pages are printed from a web browser, some content may be missing.
  24. 24. Markgrid – AO4 MERIT  Candidates implement a sound directory structure for the website.  Candidates produce a website of at least 10 pages containing text with appropriate styles applied for headings and body text, images and a range of additional components using either a template they have made or css.  Meaning will be clear but there may be some errors.  The images and components must be suitable for purpose.  A good method of navigation to all pages is evident.  They include two features that they will use to help website accessibility  Web pages are printed from a web browser. All content is shown
  25. 25. Markgrid – AO4 DISTINCTION  Candidates implement a good directory structure for the website.  Candidates produce a high quality website of at least 10 pages using css.  The website includes a range of additional components and interactive elements.  Meaning will be clear and there will be minimal textual errors.  A good range of suitable images and components will be evident. Image optimisation will be evidenced in the form of a screenshot which clearly shows image size has been altered for all files used.  A good method of navigation to all pages is evident.  They include three features that they will use to help website accessibility  Web pages are printed from a web browser. Whole pages will be displayed.
  26. 26. Task 5: Well, it looks good… But does it work? We’re back to testing again – finding out whether it does what it says on the tin… There’s a clear identification of what you need to cover here, too – check out the list…
  27. 27. Task 5: Well, it looks good… Check the -  suitability for target audience  purpose of website  use of consistent house style  navigation system  use of different components  interactive elements  hyperlinks  browser compatibility  images  ease of use  websites accessibility features Respond to any issues by making necessary changes. Highlight changes on pages by printing code view and/or screenshots, clearly identifying alterations made
  28. 28. Markgrid – AO5 PASS  Candidates create a test plan/table covering all pages in the site and carry out some tests.
  29. 29. Markgrid – AO5 MERIT  Candidates test their website using a detailed test table.  The tests cover all the main areas of their website and all tests are appropriate.  Candidates test every page and provide annotated code or screen shots highlighting before and after changes where appropriate
  30. 30. Markgrid – AO5 DISTINCTION  Candidates test their website using a testing table.  The tests are appropriate and comprehensive and will cover all areas of their website.  The test table indicates action that is required to solve any problems.  Candidates test every page and provide annotated code or screen shots highlighting before and after changes where appropriate.
  31. 31. Task 6: Uh.. Where to put it? So you have a site. Yippee. Not much cop till it’s live, is it? SO now you need to check out the nuts and bolts of getting the darn thing live. And upload your site, too. And it isn’t as easy as it sounds.
  32. 32. Task 6: Where to put it? You need to investigate:  prototype testing  domain name registering  file and folder names and organisation  use of a file exchange program, such as ftp or http to publish website
  33. 33. Markgrid – AO6 PASS  Candidates show evidence of having researched at least one ISP, of what the ISP will provide and how it benefits the user.  Candidates show evidence of using a file exchange program to upload their website to the internet for viewing.  They choose a domain name for their website and explain their choice.
  34. 34. Markgrid – AO6 Candidates show evidence of having researched at least two ISPs showing detailed evidence of what facilities the ISP will provide and how they benefit the user. Candidates show evidence of using a file exchange program to upload their website to the internet for viewing. They choose a domain name for their website and explain their choice.
  35. 35. Markgrid – AO6 DISTINCTION  Candidates show evidence of having researched at least three ISPs showing detailed evidence of what facilities the ISP will provide and how they benefit the user.  Candidates show evidence of using a file exchange program to upload their website to the internet for viewing.  They choose a domain name for their website and explain their choice
  36. 36. Task 7: Was it good forYou? So now look at your site. When you evaluated the others, way back at the beginning of the process, you had a number of standards you used to judge the professional pages. How does your site match up? Check out the list next…
  37. 37. Task 7: Was it good forYou? What about…  The quality of your website, e.g. suitability for purpose and audience,  content, readability (use of colour, language)  usability (navigation, ease of use) and accessibility (use of ALT tags for images)  links, browser compatibility  user feedback, how did they find you website to use  strengths/weaknesses in own working practices/approach
  38. 38. Markgrid – AO7 PASS  Candidates produce a brief evaluation of their work. This covers: suitability of the website for purpose and audience (as identified by the candidate) and readability of the website; candidates will support their comments with examples taken from their website.  They give limited examples of their own strengths and weaknesses.
  39. 39. Markgrid – AO7 MERIT  Candidates produce a detailed evaluation of their work. This covers: suitability of the website for purpose and audience (as identified by the candidate), readability and usability; candidates will support their comments with examples taken from their website.  They give detailed examples of their own strengths and weaknesses.
  40. 40. Markgrid – AO6 DISTINCTION  Candidates produce an extensive evaluation of their work. This covers: suitability of the website for purpose and audience (as identified by the candidate), readability, usability and accessibility; candidates will support their comments with examples taken from their website.  They give thorough examples of their own strengths and weaknesses.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×