Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Standards and guides in web design


Published on

Published in: Technology, Design
  • Be the first to comment

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.