finishing your site html and css 2012 brian davison

Finishing your site

HTML and css

2012 Brian Davison

Good design – bad design

• Web pages should be easy to use

• Information should be clear

• The design should not be a problem

Web pages that suck: http://www.webpagesthatsuck.com

Jakob Nielsen: http://www.useit.com/

Some guidelines

• Make your home page fit onto one screen• Use a simple background image/colour• Use a clear text colour• Use clear navigation• Put the menu in the same place on every page• Avoid a 'busy' page• Do not use music• Do not use moving images

Home page size: http://www.fredfrap.com/

Simple background: http://www.mewspage.pwp.blueyonder.co

http://www.mewspage.pwp.blueyonder.co.uk/

Clear text colour:

Use clear navigation: http://www.shmarketing.co.uk/

Menu in the same place:

Page too busy: http://anselme.homestead.com/AFPHAITI

Music and movement: http://www.serene-naturist.com/

Colour values

• http://www.colorpicker.com/

Don't use these tags / attributes in HTML

• <font>

• <center>

• <b>

• <i>

• <u>

• align• color• bg_color• border• width• height• background• background-image

Being organised

• Directories correct

• All files correctly named

• Indentation

• All style rules in css

Browser differences

• IE

• Firefox

• Opera

• Chrome

• etc...

Checklist

• Is everything on the page a good size?• Can I read all of the text EASILY?• Does the menu move around?• Is there too much information on the page?• Can I see table borders which are not needed?• Do my images and text line up well?• Do all of my pages use the same style?• Is my page annoying in any way?