U20   web authoring
Upcoming SlideShare
Loading in...5
×
 

U20 web authoring

on

  • 719 views

Support guide for the Web Authoring Unit 20, Level 3

Support guide for the Web Authoring Unit 20, Level 3

Statistics

Views

Total Views
719
Views on SlideShare
717
Embed Views
2

Actions

Likes
0
Downloads
4
Comments
0

1 Embed 2

https://twimg0-a.akamaihd.net 2

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

U20   web authoring U20 web authoring Presentation Transcript

  • 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…
  • 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.
  • 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
  • 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…
  • 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
  • Markgrid – AO1 PASS  Candidates outline briefly at least one factor affecting accessibility of websites; define accessibility and how it can be achieved.
  • 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.
  • 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.
  • 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
  • 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.
  • 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.
  • 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.
  • 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…
  • 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>>>
  • 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
  • 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
  • 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.
  • 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.
  • 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…
  • 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…
  • 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
  • Task 4: Go To It! Pffft! Easy!
  • 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.
  • 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
  • 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.
  • 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…
  • 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
  • Markgrid – AO5 PASS  Candidates create a test plan/table covering all pages in the site and carry out some tests.
  • 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
  • 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.
  • 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.
  • 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
  • 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.
  • 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.
  • 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
  • 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…
  • 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
  • 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.
  • 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.
  • 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.