Learning Outcome 3:
Be able to control the layout of Web pages using CSS

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

P4 Design Web pages using CSS to control layout

Task 6: Design Web pages using CSS to control layout

This will probably apply to all the pages you are creating for your Website - and so not require any new pages.

D1 Justify the Web design produced using CSS to control layout

Task 7: Create a web page for your site called justifyCSS.html

See the section below about 'justify'....


Website specification

- client requirements, (e.g. functionality, usability, accessibility)

- user needs, (e.g. user friendly navigation, appropriate content, ease of use, interactive content)

- purpose, (e.g. e-commerce, education, promotional).

Design tools

- navigation map

- layouts, (e.g. page plans, storyboards)

- flow charts, (e.g. scripting functions).

Web page layout

- navigation method, (e.g. navigation bar, navigation menu, hyperlinks, image links)

CSS (Cascading Style Sheets)

• layout (div tags, box model)

• styles (text styles and decoration, links, colours).

Justify web design

• does it meet the specification?

• are there too many different text styles?

• is the colour scheme appropriate?

• do the links work appropriately?

• ease of use.

Web page content

- content, (e.g. text, images, animation, sound, video)

- interactive features, (e.g. forms, rollover images, message boxes, onClick)

- dynamic content, (e.g. browser detection, cookies, onLoad).

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

Home   |   LO1   |   LO2   |   LO3   |   LO4