Difference between revisions of "Web design"

From Christoph's Personal Wiki
Jump to: navigation, search
(External links)
 
(2 intermediate revisions by the same user not shown)
Line 30: Line 30:
 
* [http://microformats.org/ microformats]
 
* [http://microformats.org/ microformats]
  
== 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]
+
*[http://www.vipedio.com/roman/blog/20culture.html 2.0 Culture]
* [http://en.wikipedia.org/wiki/Web_design Wikipedia article on '''Web design''']
+
*[http://tinymce.moxiecode.com/ TinyMCE]
* [http://www.vipedio.com/roman/blog/20culture.html 2.0 Culture]
+
*[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: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