WebDesignOutsourcing.net

Web design is the skill of designing hypertext presentations of content that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers. 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, photography, search engine optimization and typography. Involved technologies may include (see Web development): * Markup languages (such as XHTML and XML) * Style sheet languages (such as CSS and XSL) * Client-side scripting (such as JavaScript and VBScript) * Server-side scripting (such as PHP and ASP) * Database technologies (such as MySQL) * Multimedia technologies (such as Flash and Silverlight) Web pages and Web sites 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). With growing specialization within communication design and information technology fields, there is a strong tendency to draw a clear line between web design specifically for web pages and web development for the overall logistics of all web-based services. Contents [hide] * 1 History * 2 Web Site Design o 2.1 Multidisciplinary requirements * 3 Issues o 3.1 Lack of collaboration in design o 3.2 Liquid versus fixed layouts o 3.3 Flash o 3.4 CSS versus tables for layout o 3.5 Form versus Function * 4 Accessible Web design * 5 Website Planning o 5.1 Purpose o 5.2 Audience o 5.3 Content o 5.4 Compatibility and restrictions o 5.5 Planning documentation * 6 See also * 7 References * 8 External links [edit] History Web Design Outsourcing Tim Berners-Lee published what is considered to be the first website in August 1990.[1] Berners-Lee was the first to combine Internet communication (which had been carrying email 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). Websites are written in a markup language called HTML, and early versions of HTML were very basic, only giving a website's basic structure (headings and paragraphs), and the ability to link using hypertext. This was new and different from existing forms of communication - users could easily navigate to other pages by following hyperlinks from page to page. As the Web and web design progressed, the markup language changed to become more complex and flexible, giving the ability to add objects like images and tables to a page. Features like tables, which were originally intended to 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 commonly regarded as outdated. Database integration technologies such as server-side scripting and design standards like W3C further changed and enhanced the way the Web is made. As times change, websites are changing the code on the inside and visual design on the outside with ever-evolving programs and utilities. With the progression of the Web, tens of thousands of web design companies have been established around the world to serve the growing demand for such work. As with much of the information technology industry, many web design companies have been established in technology parks in the developing world as well as many Western design companies setting up offices in countries such as India, Romania, and Russia to take advantage of the relatively lower labor rates found in such countries. [edit] Web Site Design A web site is a collection of information about a particular topic or subject. Designing a web site is defined as the arrangement and creation of web pages that in turn make up a web site. A web page consists of information for which the web site is developed. A web site might be compared to a book, where each page of the book is a web page. There are many aspects (design concerns) in this process, and due to the rapid development of the Internet, new aspects may emerge. For non-commercial web sites, the goals may vary depending on the desired exposure and response. For typical commercial web sites, the basic aspects of design are: * The content: the substance, and information on the site should be relevant to the site and should target the area of the public that the website is concerned with. * The usability: the site should be user-friendly, with the interface and navigation simple and reliable. * The appearance: the graphics and text should include a single style that flows throughout, to show consistency. The style should be professional, appealing and relevant. * The visibility: the site must also be easy to find via most, if not all, major search engines and advertisement media. A web site typically consists of text and images. The first page of a web site is known as the Home page or Index. Some web sites use what is commonly called a Splash Page. Splash pages might include a welcome message, language or region selection, or disclaimer. Each web page within a web site is an HTML file which has its own URL. After each web page is created, they are typically linked together using a navigation menu composed of hyperlinks. Faster browsing speeds have led to shorter attention spans and more demanding online visitors and this has resulted in less use of Splash Pages, particularly where commercial web sites are concerned. Web Design Outsourcing Once a web site is completed, it must be published or uploaded in order to be viewable to the public over the internet. This may be done using an FTP client. Once published, the web master may use a variety of techniques to increase the traffic, or hits, that the web site receives. This may include submitting the web site to a search engine such as Google or Yahoo, exchanging links with other web sites, creating affiliations with similar web sites, etc. [edit] Multidisciplinary requirements Web site design crosses multiple disciplines of information systems, information technology and communication design. The web site is an information system whose components are sometimes classified as front-end and back-end. The observable content (e.g. page layout, user interface, graphics, text, audio) is known as the front-end. The back-end comprises the organization and efficiency of the source code, invisible scripted functions, and the server-side components that process the output from the front-end. Depending on the size of a Web development project, it may be carried out by a multi-skilled individual (sometimes called a web master), or a project manager may oversee collaborative design between group members with specialized skills . [edit] Issues As in collaborative designs, there are conflicts between differing goals and methods of web site designs. These are a few of the ongoing ones. [edit] Lack of collaboration in design In the early stages of the web, Web Design Outsourcing there wasn't as much collaboration between web designs and larger advertising campaigns, customer transactions, social networking, intranets and extranets as there is now. Web pages were mainly static online brochures disconnected from the larger projects. Many web pages are still disconnected from larger projects. Special design considerations are necessary for use within these larger projects. These design considerations are often overlooked, especially in cases where there is a lack of leadership, lack of understanding of why and technical knowledge of how to integrate, or lack of concern for the larger project in order to facilitate collaboration. This often results in unhealthy competition or compromise between departments, and less than optimal use of web pages. [edit] Liquid versus fixed layouts On the web the designer has no control over several factors, including the size of the browser window, the web browser used, the input devices used (mouse, touch screen, voice command, text, cell phone number pad, etc.) and the size, design, and other characteristics of the fonts users have available (installed) on their own computers. Some designers choose to control the appearance of the elements on the screen by using specific width designations. This control may be achieved in HTML through the use of (now disparaged) table-based design or more modern (and standard) div-based design, usually enhanced (and made more flexible) with CSS. When the text, images, and layout do not vary among browsers, this is referred to as fixed-width design. Advocates of fixed-width design argue for the designers' precise control over the layout of a site and the placement of objects within pages. Web Design Outsourcing Other designers choose a more liquid approach, one which arranges content flexibly on users' screens, responding to the size of their browsers' windows. For better or worse, they concede to users more control over the rendition of their work. Proponents of liquid design prefer greater compatibility with users' various choices of presentation and more efficient use of the screen space available. Liquid design can be achieved by setting the width of text blocks and page modules to a percentage of the page, or by avoiding specifying the width for these elements altogether, allowing them to expand or contract naturally in accordance with the width of the browser. It is more in keeping with the original concept of HTML, that it should specify, not the appearance of text, but its contextual function, leaving the rendition to be decided by users' various display devices. Web page designers (of both types) must consider how their pages will appear on various screen resolutions. Sometimes the most pragmatic choice is to allow text width to vary between minimum and maximum values. This allows designers to avoid considering rare users' equipment while still taking good advantage of available screen space. Similar to liquid layout is the optional fit to window feature with Adobe Flash content. This is a fixed layout that optimally scales the content of the page without changing the arrangement or text wrapping when the browser is resized. [edit] Flash Web Design Outsourcing Adobe Flash (formerly Macromedia Flash) is a proprietary, robust graphics animation or 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. 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 do not have to be refreshed or go to a new web page every time an action occurs. Flash can use embedded fonts instead of the standard fonts installed on most computers. There are many sites which forgo HTML entirely for Flash. Other sites may use Flash content combined with HTML as conservatively as gifs or jpegs would be used, but with smaller vector file sizes and the option of faster loading animations. Flash may also be used to protect content from unauthorized duplication or searching. Alternatively, small, dynamic Flash objects may be used to replace standard HTML elements (such as headers or menu links) with advanced typography not possible via regular HTML or CSS (see Scalable Inman Flash Replacement). Flash is not a standard produced by a vendor-neutral standards organization like most of the core protocols and formats on the Internet. Flash is much more self-contained than the open HTML format as it does not integrate with web browser UI features. For example: the browsers "Back" button couldn't be used to go to a previous screen in the same Flash file, but instead a previous HTML page with a different Flash file. The browsers "Reload" button wouldn't reset just a portion of a Flash file, but instead would restart the entire Flash file as loaded when the HTML page was entered, similar to any online video. Such features would instead be included in the interface of the Flash file if needed. Flash requires a proprietary media-playing plugin to be seen. According to a study,[2] 98% of US Web users have the Flash Player installed.[3] The percentage has remained fairly constant over the years; for example, a study conducted by NPD Research in 2002 showed that 97.8% of US Web users had the Flash player installed. Numbers vary depending on the detection scheme and research demographics.[4] Flash detractors claim that Flash websites tend to be poorly designed, and often use confusing and non-standard user-interfaces, such as the inability to scale according to the size of the web browser, or its incompatibility with common browser features such as the back button. Up until recently, search engines have been unable to index Flash objects, which has prevented sites from having their contents easily found. This is because many search engine crawlers rely on text to index websites. It is possible to specify alternate content to be displayed for browsers that do not support Flash. Using alternate content will help search engines to understand the page, and can result in much better visibility for the page. However, the vast majority of Flash websites are not disability accessible (for screen readers, for example) or Section 508 compliant. An additional issue is that sites which commonly use alternate content for search engines to their human visitors are usually judged to be spamming search engines and are automatically banned. Web Design Outsourcing 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 CSS, XML, and the design of class-based web applications.