eclipse怎么编写html

html-css06

eclipse怎么编写html,第1张

可以新建一个html来编写,方法如下:

在工程上右键

依次选择new-->Other-->Myeclipse-->web-->HTML即可

1.打开eclipse→Windows→Preferences→Java→Editor→Content Assist修改Auto Activation triggers for java的值为:zjava,点击apply按钮;

如图:

2.继续打开JavaScript→Editor→Content Assist修改Auto Activation triggers for javaScript的值为:zjs,点击apply按钮;

如图:

3.继续打开web→html Files→Editor→Content Assist修改Prompt when these characters are inserted:的值为:zhtml ,点击apply按钮;

如图:

4.打开File→Export→Genral→Preferences→导出一文件到任意位置,然后用记事本打开此文件 ,Ctrl+F查找 zjava 然后将其值改为:                          .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

再查找 zjs,然后将其值改为: .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

再查找 zhtml,然后将其值改为:  <=.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

保存文件。

5.打开eclipse→File→Import→Genral→Preferences,导入刚刚编辑的文件后,所有设置完毕,现在去测试一下。

在Eclipse上运行静态网页方法步骤如下:step1:建立一个Static Web Project工程step2:在工程WebContent目录下创建一个html文件,起名为index.xml;注意这里创建的html文件一定要以index命名,因为服务器会自动寻找这个主页stpe3:在servlet中创建一个Http Preview 服务器。一般servlet试图在console图标栏。如果没有的话请在菜单栏Window--->ShowView--->servlet中添加。创建方式为右键活动区域New--->Servlet,选择Http Preview点击finish,这里可以更高服务器的名称和host名称;点击finish完成创建。stpe4:创建完毕后,在servlet活动区域看到Http Preview at Localhost的服务器图标。右键点击选择start后会发现出现一个错误。Starting Http PreView at Localhost has encountered a problem 说的是8080端口被占用了,服务器启动失败,如果要启动,需要关闭8080端口占用的进程。这里是因为在本机上安装了tomcat 默认端口占用的是8080端口,所以出现端口冲突的问题。下面接着来解决这个问题。stpe5:解决服务器Http Preview端口问题,右键Http Preview at Localhost点击properties可以看到Http Preview at localhost的配置文件默认为workspace metadata,这样不好找到配置文件,现在我们点击Switch Location将Location改变为系统默认的另一个路径如下。(这是相对工程路径下的)。接下来查看到D:\generaljavaworkspace\Servers文件夹下,注意这里的D:\generaljavaworkspace是在eclipse下建立的workspace的路径,每个人可能不同。可以看到里面多了一个文件HTTP Preview at localhost.server用记事本打开该文件,内容为:<?xml version="1.0" encoding="UTF-8" standalone="no"?><server hostname="localhost" id="HTTP Preview at localhost" name="HTTP Preview at localhost" port="8089" runtime-id="HTTP Preview" server-type="org.eclipse.wst.server.preview.server" server-type-id="org.eclipse.wst.server.preview.server" start-timeout="240" stop-timeout="240" timestamp="2"><list key="modules" value0="mystaticweb::org.eclipse.wst.web.internal.deployables.static:mystaticweb::wst.web::1.0"/></server>注意,刚开始打开的文件中并没有port="8089"这个属性,这个是后来加上的。所以在文件的<servlet/>标签内加入一个port属性就可以,这个端口不要定义为已被占用端口就行了。stpe6:接着重启下Http Servelt会看到如下信息:Starting preview server on port 8089Modules:mystaticweb (/mystaticweb)2015-10-31 13:53:08.457:INFO::main: Logging initialized @361ms2015-10-31 13:53:08.628:INFO:oejs.Server:main: jetty-9.2.9.v201502242015-10-31 13:53:08.717:INFO:oejs.ServerConnector:main: Started ServerConnector@683cddec{HTTP/1.1}{0.0.0.0:8089}2015-10-31 13:53:08.717:INFO:oejs.Server:main: Started @625ms表示服务器从8089端口启动成功。!!!如果还是冒出来8080端口占用的错误,需要重新启动eclipse后重启服务器就可以了!stpe7:接下来运行前面建立的静态网页工程,右键Project Explorer中的工程文件,选择Run As --->Run on Server,选择刚才创建的服务器Http Preview at localhost 点击finish后 ,这样一个静态网站的服务器在Eclipse环境下就搭建好了。