How to Edit HTML With Eclipse

Save

Eclipse is one of the most widely used integrated development environments in use today. Originally meant for Java development when the project was started by IBM in 2001, Eclipse uses a plug-in architecture and has been extended to allow for use with many other languages. It is also available for most modern platforms. The Eclipse Web Tools Platform plug-in offers a great set of tools for HTML authoring. The Web Tools Platform is available by default in most editions of the Eclipse IDE, but for pure Web development, a Web-oriented package such as the PHP edition should be suitable.

  • Go to the Eclipse website. On the main page, find a link to the downloads page in the upper right corner. Your operating system should automatically be detected, but if it is not, you can set it manually at the top of the page. Download either the PHP, JavaScript or Java EE editions of Eclipse, as these will come with the Web Tools Platform by default. Eclipse downloads in a .zip file. Extract this file to your desired location.

  • Run Eclipse by double-clicking the Eclipse program icon in the unzipped folder. Eclipse will ask you to specify a default workspace for your source code files. This can be in any directory you have access to.

  • Create a new project for your HTML source files. Click the "File" menu and select "Project..." to bring up the new-project wizard. While there is no pure "HTML" project, you can create either a PHP project or Static Web project to orient the IDE towards HTML. Using the PHP template allows you to write PHP server-side code into your HTML pages as well. If your project already has existing HTML source pages, uncheck the "Use default location" box and browse to the root folder of your project. Your files will be automatically added to the new project.

  • Create a new HTML file by clicking the "File" menu and selecting "HTML File." This will create a new HTML source document with the default Eclipse HTML template. If you want to start from scratch, just delete this pre-generated code.

References

Promoted By Zergnet

Comments

Resources

You May Also Like

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!