margins, borders
Design: layout planned using appropriate graphical or other tool
Lists: styling tags; hover effect; horizontal navigation; vertical navigation
Activity:
Headings: styling eg adding colour, font size, font weight, background image; spacing eg applying padding,
Design script: use of appropriate tools eg flowchart, pseudo code
Activity:
Activity:
Choose an existing website with which you are familiar, such as your school or college site.
Be able to create interactive web pages
Script requirements: inputs; outputs; processing
Design script: use of appropriate tools eg flowchart, pseudo code
Implement script: appropriate objects eg properties, methods; writing eg required functions;
creation of web pages eg rollovers, clocks, calendars, client-side calculations, forms validation, mouse movement followers
Good practice: eg comments in the script, correct indentation, naming variables
Testing: layout matches design; interactivity working; check using different browsers eg Internet Explorer, Firefox, Opera, Chrome, Safari
Links to Learning Outcomes |
Links to Assessment criteria |
|
|---|---|---|
|
LO 3 Be able to control the layout of web pages using CSS
LO 4 Be able to create interactive web pages |
P5 create interactive web pages using CSS and a scripting language M3 employ good practice in the design and implementation of web pages. P6 test interactive web pages. D2 evaluate the web pages and discuss improvements. |
Key terms
Screen design- depicts the layout of a web page and should be drawn before starting to build it.
Navigation diagram- shows how the different parts of a project will combine In web design, 1t shows how different pages will interrelate.
Pseudo class- a section of CSS code which controls certain behaviours of the HTML, for example
Formulae: using formulas, using words to express operations e.g. direction