首先要创建 Javaweb 项目，File → New → Dynamic Web Project，如果没有 Dynamic Web Project 这个选项，到 Other 中查找，填好项目名，点击 Next → Next → 勾选 Generate web.xml deployment descriptor → Finish。

创建 html 文件

  右键点击 WebContent 文件夹 → New → HTML File(如果没有该项，到 Other 中找) → 填写 HTML 文件名 → Next → 选择 html 5 的选项 → Finish。


  创建完成的 HTML 文件如下图所示，代码和 HbuilderX 中是一样的，只不过没有缩进(在 Eclipse 中写 HTML 文件没有很好的格式化和提示功能，特别是 js 文件基本没有提示)。

创建 css 文件

  创建 css 文件的过程和创建 HTML 文件基本一致
  右键点击 WebContent 文件夹 → New → CSS File(如果没有该项，到 Other 中找) → 填写 CSS 文件名 → Next。

创建 JavaScript 文件

  右键点击 WebContent 文件夹 → New → JavaScript Source File(如果没有该项，到 Other 中找) → 填写 JavaScript 文件名 → Finish。