web site design

Web design is the design or designing of a web page, website or web application. The term generally refers to the Graphical user interfacegraphical side of web development using images, Cascading Style SheetsCSS and one of the HTML Web standardsstandards.Some people distinguish between "web design" (the graphics and user interface) and web development (which includes "web design", but also includes setting up the web server, writing web applications, dealing with security issues, etc.)

History - The first web designer was Tim Berners-Lee.Tim Berners-Lee invented the World Wide Web and put the first web site online in 1991.He first combined Internet communication (which had been carrying E-mailemail and the Usenet for decades) with hypertext (which had also been around for decades, but limited to browsing information stored on a single computer, such as interactive CD-ROM design).At first, web design consisted of using a simple markup language, called HTML, that included some formatting options, and the ability to link pages together using hyperlinks. It was this feature that characterized the Web among other communication methods, and characterized Web design among other design methods. Because of this unique behaviour of the World Wide Web, and the unique behaviour it encouraged in users, Web design would prove to be unlike any other form of design before or since.As the Web and Web design progressed, the markup language used to make it, known as HTML, became more complex and flexible. Things like tables, which could be used to display tabular information, were soon subverted for use as invisible layout devices. With the advent of Cascading Style Sheets (CSS), table based layout is increasingly regarded as outdated. Database integration technologies such as server-side scripting (see Common Gateway InterfaceCGI, PHP, ASP.NET, Active Server PagesASP, JavaServer PagesJSP, and ColdFusion) and design standards like CSS further changed and enhanced the way the Web was made.The introduction of Macromedia Flash into an already interactivity-ready scene has further changed the face of the Web, giving new power to designers and media creators, and offering new interactivity features to users. Flash is much more restrictive than the Open formatopen HTML format, though, requiring a proprietary plugin to be seen, and it does not integrate with most web browser UI features like the "Back" button.

Issues - As in all professions, there are arguments on different ways of doing things. These are a few of the ongoing ones.

Liquid versus fixed layouts - Programmers were the original web page designers in the early 1990s.Currently most web designers come from a graphic artist background in print, where the artist has absolute control over the size and dimensions of all aspects of the design. On the web however, the Web designer has no control over several factors, including the size of the browser window and the size and characteristics of available fonts.Many designers compensate for this by wrapping their entire webpage in a fixed width box, essentially limiting it to an exact pixel-perfect value, which is a ''fixed layout''. Some create the illusion of liquidity by building the graphics for their webpage at a size larger than any current standard monitor size. Other designers say that this is bad because it ignores the preferences of the user, who might have their browser sized a specific way that they like best. These people propose a ''liquid layout'', where the size of the Web page adjusts itself based on the size of the browser window.There is a usability reason (rather than wanting control) for why a designer may choose a more fixed layout. Studies have shown that there is usually an optimal line width in terms of readability. One rule to appear from such studies is that lines should be between 40-60 characters long, or approximately 11 words per line. But users may choose their windows size and font selection to optimizeother factors more important to them.This decision of which style of layout to use is often made on a case by case basis, depending on the needs and audience of the website.

Flash - Macromedia Flash is a proprietary, robust graphics animation/application development program used to create and deliver dynamic content, media (such as sound and video), and interactive applications over the web via the browser. It is not a standard produced by a vendor-neutral standards organization like most of the core protocols and formats on the Internet.Many graphic artists use Flash because it gives them exact control over every part of the design, and anything can be animated and generally ''"jazzed up."'' Some application designers enjoy flash because it lets them create applications that don't have to be refreshed or go to a new web page every time an action occurs. There are many sites which forego HTML entirely for Flash. Flash detractors claim that Flash websites tend to be poorly designed, and often use confusing and non-standard user-interfaces. Up until recently, search engines have been unable to index Flash objects, which has prevented sites from having their contents easily found. It is possible to specify alternate content to be displayed for browsers that do not support Flash. Using alternate content also helps search engines to understand the page, and can result in much better visibility for the page.The most recent incarnation of Flash's scripting language (called "actionscript", which is an ECMA language similar to JavaScript) incorporates long-awaited usability features, such as respecting the browser's font size and allowing blind users to use screen readers. Actionscript 2.0 is an Object-Oriented language, allowing the use of Cascading Style SheetsCSS, XML, and the design of class-based web applications. The final consensus is that Flash is simply a tool, and like all tools it takes a skillful craftsperson to know when, and how, to use it properly. Macromedia's other two products, Fireworks and Dreamweaver, makes Flash integration with graphics and HTML a lot easier.

CSS versus tables - Back when Netscape Navigator 4 dominated the browser market, the popular (but now deprecated) solution available for designers to lay out a Web page was by using tables. Often even simple designs for a page would require dozens of tables nested in each other. Many web templates in Dreamweaver and other WYSIWYG editors still use this technique today. Navigator 4 didn't support CSS to a useful degree, so it simply wasn't used.After the browser wars were over, and Internet Explorer dominated the market, designers started turning towards CSS as an alternate, better means of laying out their pages. CSS proponents say that tables should only be used for tabular data, not for layout. Using CSS instead of tables also returns HTML to a semantic markup, which helps bots and search engines understand what's going on in a web page. Today, all modern Web browsers now support CSS with different degrees of limitations.However, one of the main points against CSS is that by relying on it exclusively, control is essentially relinquished as each browser has its own quirks which result in a slightly different page display. This is especially a problem as not every browser supports the same subset of CSS codes. For designers who are used to table-based layouts, developing Web sites in CSS often becomes a matter of replicating what can be done with tables, leading some to find CSS design rather cumbersome. For example, it is rather difficult to produce certain design elements, such as vertical positioning, and full-length footers in a design using absolute positions.These days most modern browsers have solved most of these quirks in CSS rendering and this has made many different CSS layouts possible. However, people continue to use old browsers, and designers need to keep this in mind. Most notable among these old browsers are Internet Explorer 5 and 5.5 which, according to some web designers, are becoming the new Netscape Navigator 4 — a block that holds the internet back from converting to CSS design.

How it Looks vs. How it Works - Since so many web developers have a graphic arts background, they often pay more attention to how a page looks, without considering how visitors are going to find the page. On the other side of the issue, search engine optimization consultants (SEOs) obsess about how well a web site works: how much traffic it generates, and how many sales it makes. As a result, the designers and SEOs often end up in disputes where the designer wants more 'pretty' graphics, and the SEO wants lots of 'ugly' keyword-rich text, bullet lists, and text links.

Dynamic web design - The traditional method of laying out web pages, Hypertext Mark-up Language (HTML) is static. There are two ways of delivering content dynamically:

Server-side - A web server, running special software, constructs an HTML page 'on the fly', according to the user's request and possibly other variables, such as time or stock levels. Suitable scripting languages include:

PHP

ASP

JavaServer PagesJSP

ColdFusionXSLT can be used translate data in XML format into HTML.MySQL and PostgreSQL are popular free SQL databases, suitable for use with the above. They can be used to allow users, subject to password access if required, to update content.

Client-side - Client-side scripting works at the user's browser, and therefore should not be used for "mission critical' work, where the user's capabilities are not known -it is more suited to adding decoration and other ephemeral content. It is most often achieved thorough JavaScript.Client side DHTML can pose major problems for computer accessibility and search engine optimization. Most software designed for assisting people with disabilities, and most search engine robots do not support client side DHTML.If a web site's menus are built with JavaScript, it is usually impossible for search engines to find the pages listed in the menus, unless an alternative navigation scheme is provided elsewhere on the page.

See also -

Computer accessibility

Content management

Faceted navigation

Graphic design

Information architecture

Interaction design

Knowledge visualization

Separation of style and content

Search engine optimization

Server-side scripting

Web colors

Web development

Web indexing

Web templates

World Wide Web Virtual Library

External links - WikibooksparWeb Design

w3.org - W3C - World Wide Web Consortium

csszengarden.com - CSS Zen Garden

useit.com - Jakob Nielsen on Usability and Web Design

alvit.de - The Web Developer's Handbook

The beginnings of a en.wikibooks.org - Wikiversity course on Web Design

htmlhelp.com - The Web Design Group Category:Computer specialistsCategory:Web design de:Webdesignes:Diseño de páginas webfr:WebDesignhe:עיצוב !אתריםnl:Webdesignja:ウ� �ブデザイナーno:Webdesig npt:Webdesignru:Веб-раз� �аботкаzh:网页设计 DEBUG REDIRECT (web design)

ThoroughWeb Design Web site design Milton Ontario
ThoroughWeb Design - Milton Ontario - An Ontario Web Design and Hosting firm in the Toronto area. High quality, affordable web site design, maintenance and hosting.
http://www.thoroughwebdesign.com/

Pixelube
Pixelube is a full service design studio. Our services include print, brand identity and web site design. Through each step of the design process, we strive to become an extension of the client's team; we hone in on primary and secondary objectives then execute. At Pixelube, we excel at producing design that communicates your message, adds value to your business and leaves a lasting impression.
http://www.pixelube.com/

Bits & Bytes
Custom, Affordable Web Site Design for small and medium sized businesses. No templates. Original graphics and designs. E-Commerce, Brochureware, and Fully Interactive sites.
http://www.imgeeky.com

Internet & Graphic Design - Printing - DOT NET Nuke Software Solutions
10 Pound Gorilla help the little guys compete against the 800 Pound Gorillas by using strategy, Not Money, to gain power. Whether your a small or large business we make sure you get top value for your dollars. Bringing you DOT NET web solutions and down right cheap high-quality printing, we are confident there is tons of value in our service. Learn more about our Web Design, Graphic Design, Printing & DNN Store.
http://www.10poundgorilla.com/

Digital Time - New internet generation
Digital-Time is a leader in Macromedia Flash and Website design. Our services include web site development, design, multimedia, broadcast video, 3D, animation and corporate identity. We design and develop quality media solutions for a large spectrum of clients, and international partner, clients
http://www.digitaltime.biz/

Website, Database and Online Application Development Services
York Instructional Services is a Sacramento based web site development company specializing in web site marketing and management and e-commerce solutions.
http://www.yorkinstructionalservices.com/

HS Designs - Web Design & Graphic Design solutions from web sites, banners, internet marketing, print and search engine optimization
HS Designs is a full service web and graphic design agency offering a multitude of services including: - Web Site Design & Development - Print Design - Flash Animation - E-Marketing Design & Development - Search Engine Optimization - Web Banners - Copywriting and much more...
http://www.hilaschurr.com/

Inspired Web Design & Development - Olympia, Tacoma, Bellevue, Seattle, Redmond, Federal Way
Web design and strategy serving Olympia, Tacoma, Bellevue, Seattle, Federal Way and Greater Washington. Services include complete web site design, search engine optimization (SEO), ecommerce, web development and internet marketing.
http://www.helixgroup.net

LunarSky Productions: Data Services and Online Entertainment
Business-class web hosting starting at $4.99 per month, web site design, printed media & graphic design, e-commerce services, database development & online promotional solutions.
http://www.lunarsky.com/

Paul Johnson Interactive
Flash and Illustration Solutions for Web Development.
http://www.pj-i.com/

Treloar Associates
DataEase relational database development and maintenance and web site design and hosting, all focused on small and very small businesses.
http://www.treloarassociates.com/

Flip Interactive
A reliable, one-stop partner who can provide a strong professional web presence and attention-grabbing, well-crafted copy, and rock solid web hosting service, gives you the best foundation for success online.
http://www.flipinteractive.com/

Eagle Web Solutions
High quality web design for businesses. Call 0800 169 7889 now!
http://eaglewebs.co.uk/

VDP Services
Nevada website designs and graphic design: Specializing in small business website design, web design, graphic design, and photo services, we offer fast, personal and quality service to meet your design needs at an affordable price!
http://www.vdpservices.com/

Search Engine Optimization & Web Design
Easily Get Your Web Site Listed at the Top of the Major Search Engines and Experience What It's Like to Have Visitors Find Your Web Site Using Keywords and Phrases Related to Your Products or Services...
http://bartowwebstudio.com/seo.html

Ariamedia
Ariamedia is a strategic E-Business solutions provider located in Dallas, Texas. Through a multi-disciplinary approach, we create complex solutions leveraging powerful creative design, application development, and our suite of Conductor E-Business Products.
http://www.ariamedia.com

Paul Kiesche Design
A Design, Illustration & Fine Art Company with a creative edge that delivers effective solutions. A Print, Interactive and Identity Design Firm devoted to keeping design an art form. Fresh and imaginative Illustrations that breathe life into any story or design.
http://www.paulkiesche.com/

Atlantis Computers
Computer service, web design
http://www.atlantiscomputers.hr/

Stormfront Productions - Professional Web Design
Our affordable web design is custom built and created specific for your project's needs. We ensure your customer's experience will be a reflection of your business's mission. Please contact us and let us know how we can help you with your next project.
http://www.stormfrontproductions.net/

Computer Teach
Computer Teach is a New York State Licensed Computer Training School. We offer computer training classes for adults, seniors, teenagers, and kids, which include computer training in basic computer skills to advanced computer skills.
http://www.computerteach.net

The Goodness Company
Full Service Marketing, Advertising, Graphic Design and Public Relations Agency
http://www.goodnesscompany.com/