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.