U20 web authoring

41
U20: WEB AUTHORING

description

Support guide for the Web Authoring Unit 20, Level 3

Transcript of U20 web authoring

Page 1: U20   web authoring

U20: WEB AUTHORING

Page 2: U20   web authoring

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…

Page 3: U20   web authoring

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.

Page 4: U20   web authoring

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

Page 5: U20   web authoring

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…

Page 6: U20   web authoring

Task 1: The Rules You need to investigate: factors affecting web accessibility

people with disabilities e.g. visual, physicalsocial 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

Page 7: U20   web authoring

Markgrid – AO1

PASSCandidates outline briefly at least one

factor affecting accessibility of websites; define accessibility and how it can be achieved.

Page 8: U20   web authoring

Markgrid – AO1

MERITCandidates outline clearly at least two

different types of factors affecting accessibility of websites.

They describe some of the systems that can help website accessibility.

Page 9: U20   web authoring

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.

Page 10: U20   web authoring

Task 2: What’s already out there? For this task you need to show evidence of having

researched existing websites, commenting on such elements asdesign, layoutuse of multimedia featuresuse of interactive featuresuse of features to aid website accessibility

Websites reviewed should cover a variety of subjects: e.g.eCommercepromotional siteseducational sites

Page 11: U20   web authoring

Markgrid – AO2

PASSCandidates 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.

Page 12: U20   web authoring

Markgrid – AO2

MERITCandidates 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.

Page 13: U20   web authoring

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.

Page 14: U20   web authoring

Task 3: Money where your mouth is… 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…

Page 15: U20   web authoring

Task 3: Money where your mouth is… 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 site's accessibilitymeta tags

AND>>>

Page 16: U20   web authoring

Task 3: Money where your mouth is… 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

Page 17: U20   web authoring

Markgrid – AO3

PASSCandidates 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

Page 18: U20   web authoring

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.

Page 19: U20   web authoring

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.

Page 20: U20   web authoring

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…

Page 21: U20   web authoring

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…

Page 22: U20   web authoring

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 site's accessibility

Page 23: U20   web authoring

Task 4: Go To It!

Pffft! Easy!

Page 24: U20   web authoring

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.

Page 25: U20   web authoring

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

Page 26: U20   web authoring

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.

Page 27: U20   web authoring

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…

Page 28: U20   web authoring

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 website's 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

Page 29: U20   web authoring

Markgrid – AO5

PASSCandidates create a test plan/table

covering all pages in the site and carry out some tests.

Page 30: U20   web authoring

Markgrid – AO5

MERITCandidates 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

Page 31: U20   web authoring

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.

Page 32: U20   web authoring

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.

Page 33: U20   web authoring

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

Page 34: U20   web authoring

Markgrid – AO6

PASSCandidates 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.

Page 35: U20   web authoring

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.

Page 36: U20   web authoring

Markgrid – AO6

DISTINCTIONCandidates 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

Page 37: U20   web authoring

Task 7: Was it good for You? 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…

Page 38: U20   web authoring

Task 7: Was it good for You? 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 compatibilityuser feedback, how did they find you website to

usestrengths/weaknesses in own working

practices/approach

Page 39: U20   web authoring

Markgrid – AO7

PASSCandidates 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.

Page 40: U20   web authoring

Markgrid – AO7

MERITCandidates 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.

Page 41: U20   web authoring

Markgrid – AO6

DISTINCTIONCandidates 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.