week 9

margins, borders

Design: layout planned using appropriate graphical or other tool

 

Lists: styling tags; hover effect; horizontal navigation; vertical navigation

 

Activity:

  1. Using the prototype web page you created in the previous activity’s, add menus.
  2. Add three more menus for: flowers, nuts and herbs

 

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:

  1. Draw a systems flowchart for a user filling in a feedback form which is then emailed to the administrator. If any fields are left blank, it should loop back to allow the user to fill it in again.
  2. Research to find what other symbols can be used in a systems flowchart and make notes for future reference.

 

Activity:

Choose an existing website with which you are familiar, such as your school or college site.

  1. Create a screen design for the home page.
  2. Create a navigation diagram for the whole website.

 

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

 


Last Updated
2018-04-16 13:27:00
English and Maths

English

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


Maths

Formulae: using formulas, using words to express operations e.g. direction
 


Stretch and Challenge

Stretch and Challenge

  1. Create the CSS for the background and fonts in the web page. (For now, don't worry about the layout.)
  2. Test it works by creating a prototype of the page in HTML.
  3. The business has decided to change its house style to a red theme. Alter your prototype web page accordingly

  • Fast to implement
  • Accessible by default
  • No dependencies
Homework

Homework


Equality and Diversity Calendar
How to's

How 2's Coverage

Anonymous Assessment - Learners assess an anonymous piece of work containing deliberate mistakes against given success criteria.

Anonymous Assessment - Learners assess an anonymous piece of work containing deliberate mistakes against given success criteria.

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.

Files that support this week

| | | | |
Week 8←
PrevWeek 9←
PrevWeek 10←
Prev→
Next