Difference between revisions of "Web design"

From Christoph's Personal Wiki
Jump to: navigation, search
(Started article)
 
(External links)
 
(4 intermediate revisions by the same user not shown)
Line 28: Line 28:
 
* [[Web accessibility]]
 
* [[Web accessibility]]
 
* [[Web colours]]
 
* [[Web colours]]
 +
* [http://microformats.org/ microformats]
  
== External links ==
+
==External links==
* [http://en.wikipedia.org/wiki/Web_design Wikipedia article on '''Web design''']
+
*[http://gmpg.org/xfn/11 XFN 1.1 relationships meta data profile]
* [http://www.vipedio.com/roman/blog/20culture.html 2.0 Culture]
+
*[http://uitest.com/en/analysis/ Web design analysis]
 +
*[http://www.vipedio.com/roman/blog/20culture.html 2.0 Culture]
 +
*[http://tinymce.moxiecode.com/ TinyMCE]
 +
*[http://technotarget.com/ajax-dhtml-and-javascript-libraries/ AJAX, DHTML and JavaScript Libraries]
 +
*[[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:Technical and Specialized Skills]]
 
 
[[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