Presentation is loading. Please wait.

Presentation is loading. Please wait.

Finishing your site HTML and css 2012 Brian Davison.

Similar presentations


Presentation on theme: "Finishing your site HTML and css 2012 Brian Davison."— Presentation transcript:

1 Finishing your site HTML and css 2012 Brian Davison

2 Good design – bad design Web pages should be easy to use Information should be clear The design should not be a problem

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

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

5 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

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

7 Simple background: http://www.mewspage.pwp.blueyonder.co http://www.mewspage.pwp.blueyonder.co http://www.mewspage.pwp.blueyonder.co.u k/

8 Clear text colour:

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

10 Menu in the same place:

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

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

13 Colour values http://www.colorpicker.com/

14 Don't use these tags / attributes in HTML align color bg_color border width height background background-image

15 Being organised Directories correct All files correctly named Indentation All style rules in css

16 Browser differences IE Firefox Opera Chrome etc...

17 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?


Download ppt "Finishing your site HTML and css 2012 Brian Davison."

Similar presentations


Ads by Google