Difference between revisions of "Web design"

From Christoph's Personal Wiki
Jump to: navigation, search
(External links)
(External links)
 
Line 31: Line 31:
  
 
==External links==
 
==External links==
*[http://tantek.com/log/2006/07.html#d27t1218 8 steps to serving better (X)HTML]
 
 
*[http://gmpg.org/xfn/11 XFN 1.1 relationships meta data profile]
 
*[http://gmpg.org/xfn/11 XFN 1.1 relationships meta data profile]
 
*[http://uitest.com/en/analysis/ Web design analysis]
 
*[http://uitest.com/en/analysis/ Web design analysis]
Line 38: Line 37:
 
*[http://technotarget.com/ajax-dhtml-and-javascript-libraries/ AJAX, DHTML and JavaScript Libraries]
 
*[http://technotarget.com/ajax-dhtml-and-javascript-libraries/ AJAX, DHTML and JavaScript Libraries]
 
*[[wikipedia:Web design]]
 
*[[wikipedia:Web design]]
 +
===Techniques===
 +
*[http://tantek.com/log/2006/07.html#d27t1218 8 steps to serving better (X)HTML]
 +
*[http://particletree.com/features/10-tips-to-a-better-form/ 10 Tips To A Better Form]
  
 
[[Category:World Wide Web]]
 
[[Category:World Wide Web]]

Latest revision as of 02:13, 28 May 2008

Web design is the design of web pages, websites and web applications. The term also refers to web-based graphical user interface (GUI) design using images, CSS, and one of the HTML standards.

Some people distinguish between "web design" (the graphics and user interface design) and web development, which includes "web design" as well as web server configuration, writing web applications, dealing with security issues, etc.

Good practices

In the new era of "Web 2.0" attention to detail can make (gain loyal visitors) or break a web design. This new type of design has been called "Web 2.0 Design". These practices include the follow:

Must-Do's

  • Rounded Shapes
  • Shades
  • Good fonts: Arial (stick to one font per webpage)
  • Pastel colours (see: Web colours)
  • Footers
  • Buttons
  • Font-Size: Oversized
  • Descriptive HTML (XML style)

Do Not's

  • Java Applets (JavaScript is fine though)
  • Animated GIFs (the blinky ones)
  • 100% Flash Websites
  • Visible tables

See also

External links

Techniques