Eclipse安装Web/JavaEE插件、Eclipse编写HTML代码

1 Eclipse没有Web插件和JavaEE插件咋整

　　1.1 在Eclipse中菜单help选项中选择install new software选项

　　1.2 在work with 栏中输入 http://download.eclipse.org/releases/ganymede/    -->>  敲一下回车

　　1.3 选择web and java ee development选项，然后选择next

　　1.4 然后就是进行插件的安装

　　

 

2 创建HTML文件

　　2.1 将 Eclipse 跳转到 JavaEE 选项

 

　　2.1 创建一个 Maven Project 项目　　 

　　　　2.1.1 什么是 Maven

　　　　　　Maven是一个用于项目构建的工具，通过它便捷的管理项目的生命周期。即项目的jar包依赖，开发，测试，发布打包。

　　　　　　jar包依赖 :

　　　　　　　　这个也许会maven最突出的特点了使用maven不需要上网单独下载jar包，只需要在配置文件pom.xml中配置jar包的依赖关系，就可以自动的下载  　　　　　  jar包到我们的项目中。这样，别人开发或者使用这个工程时，不需要来回的拷贝jar包，只需要复制这个pom.xml就可以自动的下载这些jar包。而且，我  　　　　　  们自己下载jar包，还有可能造成版本的不一致，这样在协同开发的过程中就有可能造成代码运行的不一致。通过使用maven精确的匹配jar包，就不会出现   　　　　    这种问题了。

　　　　　　项目坐标:

　　　　　　　　Maven通过特定的标识来定义项目名称，这样既可以唯一的匹配其他的jar包，也可以通过发布，使别人能使用自己的发布产品。这个标识就被叫做坐 　　　　　　标，长的其实很普通，就是简单的xml而已

 

 　　2.2 注意勾选，否则会进行下载一些东西

 

　　2.3 填写相应信息

 

　　2.4 创建HTML文件

 

 　　2.5 编写HTML代码

 1 <!--创建HTML文档 -->
 2 <!DOCTYPE html>
 3 <html>
 4 <head>
 5 <style type="text/css">
 6     *{
 7         margin: 0px;
 8         padding: 0px;
 9     }
10     p{
11         text-indent: 1em;
12         color: red;
13         font-size: 28px;
14         text-shadow: 3px 4px 2px black;
15     }
16     span{
17         color: blue;
18     }
19     div{
20         text-align: center;
21     }
22 </style>
23 </head>
24 <body>
25     <div>
26         <span>
27             Hello, HTML!
28         </span>
29     </div>
30     <p>
31         Donot aim for your success if you really want it.
32         Just stick to do what you love and believe in.
33     <p/>
34 </body>
35 </html>
HTML简例

 

　　2.6 通过浏览器执行的效果

 

posted @ 2017-03-27 10:32  寻渝记  阅读(43742)  评论(1)  编辑  收藏  举报