standards and guides in web design

Screen Size

Current minimum is 1024x768px

This makes the ‘viewable’ area 950x650px (after

toolbars, sometimes this can be 1000x650px – but

better to be under)

Viewable area

950x650px

The ‘fold’

Anything which appears below 650px is considered

‘below the fold’

In design you should consider what information

needs to be above and below the fold.

Coding

HTML and CSS are the most commonly used and

supported coding of web pages.

JavaScript, php, asp, etc are scripting languages

which add functionality to HTML.

CSS styling

Online we use CSS (cascading style sheet) to ‘style’ a webpage

Without the styling then a page would be simple made up of: Headings, text, lists and tables.

CSS is powerful as it allows you to quickly and easily change the look of a website.

csszengarden.comis a good example of what can be done by CSS

Color

All colors can be used online. Previously due to older

monitors websites need to only use ‘web safe’

colors, that is now no longer the case.

Fonts

There are a list of web safe fonts which can be used

online

Arial, Courier New, Georgia, Time New

Roman, Verdana, Trebuchet MS

PC

MAC

Font styling

Fonts can be styled

Font weight: bold and normal.

Font size: Either points, pixels or ems (relative to

browser default)

Paragraph line height

Letter spacing (to put letters closer together)

Styled fonts

Summary

Consider how the page is being built when

designing.

Consider the different screen sizes.

Consider different computers.