Screen Size

 Current minimum is 1024x768px

 This makes the ‘viewable’ area 950x650px (after
  toolbars, sometimes this...
Viewable area

 950x650px
The ‘fold’

 Anything which appears below 650px is considered
  ‘below the fold’

 In design you should consider what in...
Coding

 HTML and CSS are the most commonly used and
  supported coding of web pages.

 JavaScript, php, asp, etc are sc...
CSS styling

 Online we use CSS (cascading style sheet) to ‘style’
  a webpage
 Without the styling then a page would be...
Color

All colors can be used online. Previously due to older
    monitors websites need to only use ‘web safe’
    colors...
Fonts

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

 Arial, Courier New, Georgia, Time New
  Roman, V...
PC




MAC
Font styling

 Fonts can be styled

 Font weight: bold and normal.

 Font size: Either points, pixels or ems (relative ...
Styled fonts
Summary

 Consider how the page is being built when
  designing.

 Consider the different screen sizes.

 Consider diff...
Standards and guides in web design
Standards and guides in web design
Standards and guides in web design
Upcoming SlideShare
Loading in …5
×

Standards and guides in web design

419 views
394 views

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
419
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
17
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Standards and guides in web design

  1. 1. Screen Size  Current minimum is 1024x768px  This makes the ‘viewable’ area 950x650px (after toolbars, sometimes this can be 1000x650px – but better to be under)
  2. 2. Viewable area 950x650px
  3. 3. 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.
  4. 4. 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.
  5. 5. 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
  6. 6. 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.
  7. 7. Fonts  There are a list of web safe fonts which can be used online  Arial, Courier New, Georgia, Time New Roman, Verdana, Trebuchet MS
  8. 8. PC MAC
  9. 9. 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)
  10. 10. Styled fonts
  11. 11. Summary  Consider how the page is being built when designing.  Consider the different screen sizes.  Consider different computers.

×