Website Designing - Internet Technologies

What isWebsite Designing?

Web designing has linkage to web site’s visual aspect. It is necessary to communicate ideas effectively.

Web development is a super set of Web designing but these terms are interchangeable.

Key Points

Design Plan should consist the below:

• Details regarding Information architecture.
• Structure of site should be planned.
• A site map of pages

Wireframe

It refers to visual guide to web pages appearance helping in defining the structure of website, linkage between web pages and layout of visual elements.

Below are the things to include in a wireframe:

• Boxes having primary graphical elements
• Placing headlines and sub headings correctly.
• Simple layout structure
• Calls to action
• Text blocks
• Visio is used to create Wireframe, can also use a pen and paper.

Web Designing Tools

Below is the list of tools to make effective web designs:

Coda 2

Coda 2 is designing tool which is powerful in web development. It has better user interface, clips, sites, file management, text editing and better MySql support.

OmniGraffle

Wireframing is done using OmniGraffle. It has a drawback that is, it doesn’t support interactive prototyping and is only available for Mac.

Pen and Paper

Used in drawing the appearance of a website.

Vim

Vim is a great tool for web designing supporting full customizable auto-intending of code, multiple buffers for storing cut/copied code, and recording of actions for automated repetition.

Web Page Anatomy

A traditional web site contain the below components:

Containing Block

Container is the top level tag that encompasses other tags. It defines the place to place the contents of a web page.

Logo

It is the identity of a website and used in several forms in marketing such as business cards, brouchers, letterhead and etc.

Navigation

Navigation is placed at the top right corner of the page used to navigate to other pages.

Content

Content should serve the purpose of the web site.

Footer

It is located at the bottom of the page. Generally has copyright, contract and legal information and few links

Footer is a place at the bottom of the page, which usually contains the copyright, contract and legal information as well as few links to the main sections of the site.

Whitespace

Whitespace is also known as negative space which refers to any area of page that is not covered by type or illustrations.

Web design Mistakes

One should be aware of the below known common mistakes which needs to be always kept in mind:

• Website, which does not work in any other browser other internet explorer.
• Usage of cutting edge technology for no good reason
• Any Sound or video that starts automatically
• Unnecessary hidden or disguised navigation
• 100% flash content.