Eclipse Web Development

Elvenware Logo



Learn about Aptana or Web Tools Install. This is an old document. I don't use these tools anymore. We can make Eclipse much more comfortable for web development by adding in the Aptana tools.

Choose Help | Install New Software. Press the Add button. Set:

Step through the wizard.


I suggest going with the Aptana Plugin, however, alternatively, you can do this:

Choose Help | Install New Software from the Eclipse menu. Select the following in the Work With drop down:

Scroll to the bottom to the Web, XML, Java EE and OSGi Enterprise Develpment section.

You can have both Aptana and the Web Developer Tools installed at the same time. However, it can be confusing. To uinstall the Web Developer Tools, choose Help | About | Installation Details and follow the wizard.

Explore the IDE

Let's take a moment to get familiar with the IDE.

Toolbar Icons

The Commands Menu

Create New Web Project

Make sure you can see the App Explorer and the Project Explorer. The App Explorer is on the Toolbar, you can reach Project Explorer by choosing the following from the menu:

Here are the steps to create a new project

And nearly always add jQuery by putting on of these in your <head> element: