google plus twitter Tweet facebook github

Overview Web design involves the structure of the website including the information architecture (navigation schemes and naming conventions), the layout or the pages (wireframes or page schematics are created to show consistent placement of items including functional features), and the conceptual design with branding. All websites should begin with a clear strategy so that it is apparent what they are trying to achieve. The strategy then enables the design to fullfill defined goals. Such elements as text, forms, images (GIFs, JPEGs, Portable Network Graphics) and video can be placed on the page using HTML/XHTML/XML tags. Older browsers may require Plug-ins such as Adobe Flash, QuickTime, Java run-time environment, etc. to display some media, which are embedded into web page by using HTML/XHTML tags. Improvements in browsers' compliance with W3C standards prompted a widespread acceptance and usage of XHTML/XML in conjunction with Cascading Style Sheets (CSS) to position and manipulate web page elements and objects. Typically Web pages are classified as static or dynamic: Static pages don’t change content and layout with every request unless a human (web master/programmer) manually updates the page. A simple HTML page is an example of static content. Dynamic pages adapt their content and/or appearance depending on end-user’s input/interaction or changes in the computing environment (user, time, database modifications, etc.) Content can be changed on the client side (end-user's computer) by using client-side scripting languages (JavaScript, JScript, Actionscript, etc.) to alter DOM elements (DHTML). Dynamic content is often compiled on the server utilizing server-side scripting languages (Perl, PHP, ASP, JSP, ColdFusion, etc.). Both approaches are usually used in complex applications. With growing specialization in the information technology field there is a strong tendency to distinguish between web design and Web development. Web design is a kind of graphic design intended for the development and styling of objects of the Internet's information environment to provide them with high-end consumer features and aesthetic qualities. This definition separates Web design from web programming, emphasizing the functional features of a web site, as well as positioning web design as a kind of graphic design.[1] The process of designing web pages, web sites, web applications or multimedia for the Web may utilize multiple disciplines, such as animation, authoring, communication design, corporate identity, graphic design, human-computer interaction, information architecture, interaction design, marketing, photography, search engine optimization and typography. Markup languages (such as HTML, XHTML and XML) Style sheet languages (such as CSS and XSL) Client-side scripting (such as JavaScript) Server-side scripting (such as PHP and ASP) Database technologies (such as MySQL and PostgreSQL) Multimedia technologies (such as Flash and Silverlight) Web pages and websites can be static pages, or can be programmed to be dynamic pages that automatically adapt content or visual appearance depending on a variety of factors, such as input from the end-user, input from the Webmaster or changes in the computing environment (such as the site's associated database having been modified). Accessible Web design Main article: Web accessibility To be accessible, Web pages and sites must conform to certain accessibility principles. These accessibility principles are known as the WCAG when talking about content. These can be grouped into the following main areas.[2] Use semantic markup that provides a meaningful structure to the document (i.e. Web page) Semantic markup also refers to semantically organizing the web page structure and publishing web services description accordingly so that they can be recognized by other web services on different web pages. Standards for semantic Web are set by IEEE Use a valid markup language that conforms to a published DTD or Schema Provide text equivalents for any non-text components (e.g. images, multimedia) Use hyperlinks that make sense when read out of context. (e.g. avoid "Click Here") Website accessibility is also changing as it is impacted by Content Management Systems that allow changes to be made to webpages without the need of obtaining web-based programming language knowledge. It is very important that several different components of Web development and interaction can work together in order for the Web to be accessible to people with disabilities. These components include: content - the information in a Web page or Web application, including: natural information such as text, images, and sounds code or markup that defines structure, presentation, etc. Web browsers, media players, and other "user agents" assistive technology, in some cases - screen readers, alternative keyboards, switches, scanning software, etc. users' knowledge, experiences, and in some cases, adaptive strategies using the Web developers - designers, coders, authors, etc., including developers with disabilities and users who contribute content authoring tools - software that creates Web sites evaluation tools - Web accessibility evaluation tools, HTML validators, CSS validators, etc.

This is uncut version (about 1.6k after crush) of what I did for js1k contest - forgot to submit it :) Refresh to get new preset.