1 – Design Tools :

There are two basic approaches used to develop a website, using a WYSIWYG (what you see is what you get)tools such as Macromedia Software ( Flash MX , Dream Weaver MX  , Fire Works MX , FreeHand) , Adobe PhotoShop7 ME , Adobe Image Ready , Adobe Illustrator , Ulead Photo Impact, Swift 3D or hand coding HTML Novice  usually choose the WYSIWYG approach out of necessity, as they do not have  the skills to hand code a site. There are couple of advantages to this approach, for one, it takes very littletime to learn to create a basic web page using a WYSIWYG, a second is that it takes less time to create a page this way even if the author does know how to hand code. Despite his advantages WYSIWYG' salone are really not a great way to create a site. Hand coded sites end to load faster and are easier to maintain. Even  the  best  of  WYSIWYG's, such  as Dream Weaver,  tend to insert unnecessary tags,and the lesser quality tools,  such as Microsoft Front Page, create code that is quite sloppy and create pages that may not even function properly unless special patches are installed on the server that is hosting the site.

It is common now for web pages to contain scripting languages  such as JavaScript  for  more complex processes and to use Cascading Style  Sheets (CSS) for formatting The use of more advanced technologies such as these necessitates knowledge of hand coding  pages.

2 – Programming Languages:

The other extreme is to hand code pages with use of WYSIWYG's, and this method of design is using in the databases site design so we use ( HTML , XML "a technology that is destined to replace HTML over the coming years", SQL , MYSQL , ASP , PHP …etc).
Our approach is typically to combine the two techniques; the list below details the steps we take to code a typical page.