For web application development tools can be grouped into hardware and software.
a. Hardware
For web development environment that is comfortable, the following equipment should be provided:
Main Computer, the Macintosh operating system, Windows, or Linux. Professional web development companies tend to be based Macintosh.
additional memory. computer should have a great memory, because in web development are likely we will have several applications open at once.
A large monitor. Although not a requirement, a large monitor makes it easy for visual designers. The larger the monitor, the more the window and control panel can be open at the same time.
A scanner and / or digital camera. If anticipates create images and textures themselves, will need some tools to create an image.
A second computer. Many web designers find it useful to have a computer that is running a test platform that is different from the main computer they use for development. Because browsers work differently on the Mac and on Windows machines, it is important to test web pages in as many different operating systems.
The mobile device / smartphone. Today many people are accessing the web via smartphone / tablet, so we need to examine the appearance and performance of a web site that we created in the mobile browser on a smartphone or tablet device. But now many web emulator that can be used as a tester of our website
b. Software
Software for web development can be grouped into several, including:
c. Web page authoring
This is a group of software such as desktop publishing, but the format is generated web pages. These applications typically are “WYSIWYG” (What You See Is What You Get, pronounced “whizzy-wig”) is what you see is what you get. So usually when the application makes it looks like that will be generated. Some examples of applications that are included in this group:
Adobe Dreamweaver, the application is paid and under license from Adobe company, this application is widely used by web developers. Has a lot of facilities and enable this feature.
Microsoft Expression Web (licenses of Windows). Part of Microsoft’s suite which is a professional design applications.
Nvu (Linux, Windows, and Mac OS X). Do not want to pay for a WYSIWYG editor? Nvu (pronounced N-view, for a “new view”) is an open source application (open source) that matches many features in Adobe Dreamweaver, and can be downloaded for free in nvu.com.
Gambar.2.4Tampilan Adobe Dreamweaver CS6
Figure 2.5. Microsoft Expression Web application display