2. Screen Size
 Current minimum is 1024x768px
 This makes the ‘viewable’ area 950x650px (after
toolbars, sometimes this can be 1000x650px – but
better to be under)

3. Viewable area
950x650px

4. 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.

6. 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.

7. 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

8. 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.

9. Fonts
 There are a list of web safe fonts which can be used
online
 Arial, Courier New, Georgia, Time New
Roman, Verdana, Trebuchet MS

11. PC
MAC

12. 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)

13. Styled fonts

14. Summary
 Consider how the page is being built when
designing.
 Consider the different screen sizes.
 Consider different computers.