|
|
Web design is a process
of conceptualization, planning, modeling, and execution of electronic
media delivery via Internet in the form of Markup language suitable for
interpretation by Web browser and display as Graphical user interface
(GUI).
The intend of web design is to create a web
site -- a collection of electronic files that reside on a web
server/servers and present content and interactive features/interfaces
to the end user in form of Web pages once requested. Such elements as
text, bit-mapped images (GIFs, JPEGs, PNGs), forms can be placed on the
page using HTML/XHTML/XML tags. Displaying more complex media (vector
graphics, animations, videos, sounds) requires plug-ins such as Flash,
QuickTime, Java run-time environment, etc. Plug-ins are also 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. Latest standards and
proposals aim at leading to browsers' ability to deliver a wide variety
of media and accessibility options to the client possibly without
employing plug-ins.
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.
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 draw a clear
line between web design and web development.
Tim Berners-Lee, the inventor of the World
Wide
Web, published a website in August 1991. 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
websites basic structure (headings and paragraphs), and the ability to
link using hypertext. This was new and different to 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 used to make it became 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 increasingly regarded as outdated. Database
integration technologies such as server-side scripting and design
standards like CSS further changed and enhanced the way the Web is made.
The introduction of Macromedia Flash (now
Adobe 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, often at
the expense of usability for persons with disabilities, search engine
visibility and browser functions available to HTML.
A Web site is a
collection of information about a particular topic or subject.
Designing a website is defined as the arrangement and creation of Web
pages that in turn make up a website. A Web page consists of
information for which the Web site is developed. A website 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 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 website is known as the Home page or Index.
Some websites use what is commonly called a Splash Page. Splash pages
might include a welcome message, language/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 websites are concerned.
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 website 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.
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 and characteristics of available fonts.
Some designers choose to control the
appearance of the elements on the screen by using specific width
designations. This control may be achieved through the use of a HTML
table-based design, or through the use of CSS. Whenever the text,
images, and layout of a design do not change as the browser changes,
this is referred to as a fixed width design.
Proponents of fixed width design prefer the control over the look and
feel of the site and the precision placement of objects on the page.
Other designers choose a liquid design. A liquid design is one, like
Wikipedia, where the design moves to flow content into the whole
screen, or a portion of the screen, no matter what the size of the
browser window. Proponents of liquid design prefer
to use all the screen space available. Liquid design can be achieved
through the use of CSS, by avoiding styling the page altogether, or by
using HTML tables set to a percentage of the page. Both liquid and
fixed design developers must make decisions about how the design should
degrade on higher and lower screen resolutions. Sometimes the pragmatic
choice is made to flow the design between a minimum and a maximum
width. This allows the designer to avoid coding for the browser choices
making up the long tail, while still using all 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.
|
|