Learning Outcome 4: Be able to create interactive web pages

P5 create interactive web pages using CSS and a scripting language

Student submissions on totton.org/e/LO4a.html

Task 8: Create a Web page

as a part of your site that will demonstrate to new Web designers certain aspects of CSS and JavaScript

P6 test interactive web pages

Task 9: Evidence of testing your Web pages

This should include screen shots and examples of you finding and fixing issues.

M3 modify interactive web pages based on user feedback

Task 10: Evidence of testing your Web pages

This should include some form of questionnaire (paper or surveymonkey) with completed examples from your peers, together with screen shots and examples of you modifying the site as a result.

D2 enhance usability of an interactive website with CSS and a scripting language

Task 11: Make your pages interactive with CSS and JavaScript

This should not require any additional pages and will simply be a natural consequence of you creating a working interactive Web site.

create interactive Web pages

- methods, (e.g. web authoring software, Notepad)

- creation, (e.g. layout, CSS styles)

- features, (e.g. navigation, rollovers, links, events).

usability features

- usability, (e.g. form validation, cookies, browser detection, message boxes, browser compatibility scripts).

testing

- creating a test plan/table - functionality, (e.g. working internal, external links, content and scripts loads/works)

- usability, (e.g. viewable in different browsers, ease of use)

- readability, (e.g. proof read, spell checked, clear layout, text readable with background colour).

user testing

- prepare clear feedback recording documentation

- reviewers, (e.g. self, audience)

- gather feedback, (e.g. questioning, observation, feedback forms) surveymonkey

- analyse feedback, (e.g. to identify flaws, improve scripts/website).