finishing your site html and css 2012 brian davison
TRANSCRIPT
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/
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?