Website Design

Information on website design

What is Website Design?

Website Design

Website Design embraces many different disciplines and skills in the production and maintenance of websites. The different areas of website design include the graphic design of the logo, background and images; the design of the interface; authorship, including standardised code and proprietary software; website design for the user experience (Human Computer Interaction), and search engine optimisation. Often many people will work in teams that cover different aspects of the website design process, although some website designers will cover all areas. The website design term is commonly used to describe the process of design in relation to the design of the front end (client side) of a website, including writing mark up. Website design partially overlaps website engineering in the broader field of website development. It is expected that website designers have a knowledge of usability and if its function relating to the creation of the brand for the customers website, until then it is also expected that they are up-to-date with the current website accessibility guidelines.

Website design job

Website design is a relatively new position, which can be linked to other areas such as graphic design. However the website design can also be viewed from a technological point of view. It has become a major part of the everyday life of the majority of people. It is difficult to imagine the world without the Internet, animated graphics, different font styles, and the irritating background music.

The Internet and website design

in 1989, while working at CERN, Tim Berners-Lee proposed the creation of a global hypertext project, which later became known as the World Wide Web. During 1991 to 1993, was born the World Wide Web. Text-only pages could be seen by using a browser in single-line mode.

In 1993, Marc Andreessen and Eric Bina, created the Mosaic website browser. At that time there were several website browsers, however most of them are based on Unix and the text naturally heavy. There had been no integrated approach to graphical design elements such as images or sounds. The Mosaic browser broke that mould.

The W3C was created in October of 1994 for "bringing the World Wide Web to its full potential by developing common protocols that promote its evolution and ensure interoperability." This discouraged any company property being monopolised by a browser and programming language, which could have altered the effect of the World Wide Web as a whole. The W3C continues to set standards, which can be seen today with JavaScript. In 1994 he formed Andreessen Communications Corp. which would later be known as Netscape Communications, the 0.9 of the Netscape browser. Netscape created their own HTML tags without taking into account the process of traditional norms. For example, Netscape 1.1 includes tags to change the background colors and format the text with tables in web pages. In the course of 1996 to 1999 the war of browsers began, such as Microsoft and Netscape fought for the final domain browser. During this time there were many new technologies in the field, notably Cascading Style Sheets, JavaScript and dynamic HTML. In general, the browser competition has resulted in many positive creations and helped evolve website design at a rapid pace.

The evolution of website design

in 1996, Microsoft launched its first competitive browser Internet Explorer, which is complete with its own characteristics and labels. It was also the first browser that supports style sheets, which at that time was seen as a technique of creating dark. The HTML markup for tables was originally thought to display tabular data. However the designers quickly realised the potential of using HTML tables to create the complex designs of several columns that otherwise is not possible. At this time, as the design and good aesthetics seemed to take precedence over good structure surcharge, and little attention was paid to semantics and web accessibility. HTML sites were limited in their choices of design, and even more so with previous versions of HTML. To create complex layouts, many web designers have to use the structures of complicated tables or even use white spacer GIF images to stop empty cells collapse. CSS was introduced in December 1996 by the W3C to support the presentation and design. This enabled the semantic HTML code is in place of both semantics as the date of submission, and the improvement of website accessibility, website design without tables view.

In 1996, Flash (originally known as then Fledgling Futuresplash) was developed. At that time, the development tool for Flash content is relatively simple compared to now, the use of basic design and the tools, a precursor to limited ActionScript, and a timeline of drawing, but allowed the website designers to go beyond the point of HTML, animated GIFS, and JavaScript. However, since Flash requires a plug-in, many website developers avoided using it for fear of limiting their market share due to the lack of compatibility. Instead, the designers returned to animated GIF (if you do not renounce the use of motion graphics in total) and JavaScript for widgets. The benefits of Flash became quite popular among specific target markets to work with the time its way to the vast majority of browsers, and powerful enough to be used to develop entire websites. While Flash may help to make sites pretty or flashy, search engines can not read the content and will not receive the website traffic of an HTML site.

21st Century website design

Since the beginning of the 21st century the Internet has become increasingly integrated into the life of people. As this has happened website technology has also advanced. There have also been significant changes in the way of accessing and using the Internet, what has changed the way websites are designed.

Website design for modern browsers

Since the end of the war of the website browsers, new browsers have been produced and come on the Internet scene. Many of the modern website brownsers are open source which means that they tend to have a more rapid development and are more in favour of the new rules and website standards. The new options are considered by many as the best that Microsoft's Internet Explorer.

New standards for website design

The W3C has issued new standards for HTML (HTML5) and CSS (CSS3), as well as the new JavaScript API, each one as a new standard, but individually. However, while the term HTML5 is only used to refer to the new version of HTML and some of the JavaScript API, it has become common place to use it to refer to the whole new set of standards (HTML5, CSS3 and JavaScript). The new standards for website design is an exciting leap forward for website designers to create great websites for the modern website browsers.

Website designer tools and technologies

Website designers use a variety of different tools depending on what part of the production process that are involved in. These website design tools are updated over time by the new standards and software. The principles behind the website design tools basically remain the same. Website designers use vector graphics, raster graphics packages and other website design software to create images with HTML format or website design prototypes. The technologies used to create websites include standardised HTML mark-up, that can be coded by hand or generated by software using WYSIWYG editing. There is also proprietary software based on plugins that does not pass through the client browser. These are often WYSIWYG but with the option to use a scripting language in the software the customise the website pages being produced. Website tools for search engine optimisation can be used to check the position in the search engines for the keywords or phrases being optimised for and suggest improvements.

Other tools for website designers can include HTML and CSS markup validators and other tools for usability testing and website accessibility to ensure that the new website being worked on meet the guidelines of web accessibility.

Website design skills and techniques

Marketing communication and design

Marketing and communication design of a website can identify what works for your target market. This may be an age group or particular, chain of the culture; therefore, the website designer can understand the trends of the target audience. Website Designers can also understand the type of website that are designing, that is to say, for example, that (B2B) the design considerations of business-to-business web sites may differ significantly from a website specific to consumers, such as a website focused on retail or entertainment. Careful consideration could be done to ensure that the aesthetics or the overall website design does not clash with the clarity and accuracy of the content or the ease of browsing the website, especially in a business-to-business website. Website Designers can also consider the reputation of the business owner or the website is representing to ensure that they are portrayed favourably.

User experience and interaction of website design

The website user's understanding of the contents of a website often depends on the user's understanding of the functionality of the website. This is part of the website design for the Human-Computer Interaction which is the user experience. The website user experience is related to the design, clear instructions and labeling in a website. How well a website user understands how they can interact in a website can also depend on the interactive design of the website. If a user perceives the usefulness of the web page, which are more likely to continue to use it. Users who are trained and well versed with the use of the Internet can find an easy-to-use website interface more simple, however, least intuitive or less useful. However, less experienced users are less likely to see the benefits and utility of a less intuitive website interface. This boosts the tendency for a user experience more universal and the ease of access to accommodate as many website users as possible, regardless of the skill of the Internet user. Much of the website design of user experience and interaction website design are considered in the design of the user interface to the website.

Advanced interactive website functions may require plug-ins. The choice of whether or not you want to use the interactivity that requires plug-ins is a critical decision in the design of the user experience. If the plug-in does not come pre-installed with most browsers, there is a risk that the website user will not have the know-how, the patience or ability to install a plug-in only to access the website content. If the function requires advanced knowledge of language encoding, it can be very costly in time or money to encode in comparison with the amount of improvement of the function will be added to the user experience. There is also a risk that advanced interactivity can be incompatible with older browsers or hardware configurations. The publication of a function that does not work reliably is potentially worse for the experience of the user to make any attempt. It depends on the target audience if it is likely that advanced interactive website functions are to be needed or if it is worth the risk in including them in the website design.

Webpage layout

The user interface design is partly affected by the quality of the webpage layout. For example, a website designer can consider if the page layout of the website must be consistent in different pages in the design across the website. Page width measured in pixels can also be considered vital to align objects in the design and the layout of the website theme. The most popular websites have fixed width set to match the current browser window. More popular these days, the maximum webpage size is set to the resolution of the current most popular monitor. Most of the web pages are also aligned to the center for the aesthetics in bigger screens. In the past the design was usually fixed to the left of the browser window.

Fluid website designs have increased in popularity in the whole of 2000 as an alternative to the designs based ​ ​in HTML tables. Website design was based on the grid in the tables in both the design principle of page layout and coding technique. This design was due to considerations of the devices and screen-reading different window sizes of browsers that the website designers have no control over. As a result, a website design can be divided into units (side bars, header, footer, blocks of content, areas of embedded advertising, navigation areas) that are sent to the browser and that fits in the window on the screen by the browser, as best you the website browser can. As the browser recognises the details of the website reader's screen (size of the window, the font size relative to the window, etc) that the browser can make adjustments to design user-specific website designs to fluids, but the website designs are not fixed width. Although using such a screen, you can often change the relative position of the main content units, the sidebars can be moved below the body text in place of to one side of it. This is more flexible than a website design based on editable grid that does not fit in the device window. In particular, the relative position of the blocks of content may change while leaving the content in place within the affected block. This also minimises the irritating need for the user to scroll the page horizontally.

Responsive Website Design is a new approach, based on CSS3, and a deeper level of the CSS specification of each device within the page styles through greater use of the CSS pseudo-selector.

Typography for website design

Website designers may choose to limit the variety of fonts for websites for only a few that are of a similar style, instead of using a wide range of fonts or type faces. The majority of Internet website browsers recognise a certain number of reliable sources that website designers use mainly in order to avoid complications.

Font Downloading was subsequently included in the module of sources of CSS3 and how it has been implemented in Safari 3.1, Opera 10 and Mozilla Firefox 3.5. This has subsequently increased interest in typography for the Internet, as well as the use of download sources.

Website code quality

Website designers can consider that it is a good practice to comply with the Internet World Wide Web standards. This is usually done through a description specifying the website standard being used on each webpage. If they do not comply with the rules can make a website unusable or prone to errors, but the rules relate to the correct disposition of the pages for easier reading and to make sure that elements are properly formed, used and closed. This includes errors in the code, the design more organised for the code and ensure that the IDs and classes are identified correctly. Poorly coded webpages are sometimes colloquially called soup label. Validation through W3C can only be done when performing a correct DOCTYPE declaration, which is used to highlight errors in the code. The system identifies the errors and areas that do not conform to the standards of web design. This information can be corrected by the user.

To check this webpage using the W3C Validator, use this link:

Here is a snippet of the result:


The document located at <> was successfully checked as HTML5. This means that the resource in question identified itself as "HTML5" and that we successfully performed a formal validation of it. The parser implementations we used for this check are based on (HTML5).

You will notice the green banner and green favicon for the validation results page as it has passed the HTML5 markup validation.

Primary website creation jobs

There are two main jobs involved in the creation of a website: the website designer and website developer, who often work closely together in the design, creation and implementation of a website. Website designers are responsible for the visual aspect, which includes the website design, colour and typography on a webpage. Website designers also have a practical knowledge of the use of a variety of languages such as HTML, CSS, JavaScript, PHP and website design software packages to create a unique website, although the extent of the website designers knowledge will differ from one website designer to another. This is especially true in the smaller website creation organisations in which a person will have the knowledge necessary for the website design, programming and implementation of the complete website, while the larger website creation organisations may have a website designer responsible for the visual aspect of website creation only.

More jobs that can participate in the creation of a web site are:

  • Graphic Designers to create visual elements for the site, such as logos, designs and buttons.
  • Specialists in Internet Marketing to help keep the website presence through strategic solutions in driving users to the website, through the use of intelligent marketing and website promotion techniques on the Internet.
  • SEO writers to investigate and recommend the correct words and phrases to be incorporated in to a particular website and make the website more accessible and located in numerous search engines.
  • SEO link strategist to identify pages that require links, the anchor text for the links and implementing the links on multiple websites.
  • Internet Copywriter to create the written content of the webpages to attract the target audience of the website.
  • The User Experience (UX) Designer incorporates aspects of user-centered design considerations that include information architecture, user-centered design, user testing, human-computer interaction design and visual design from time to time.