DW中采用Tomcat或IIS新建本地站点

Dreamweaver建立本地站点

  • 1、利用Jdk+Tomcat建站点
  • 2、利用IIS建站点

1、利用Jdk+Tomcat建站点

(1)事先要安装并配置好tomcat和jdk环境,启动tomcat,确认可以成功访问localhost:8080。
(2)在D盘上,新建一个文件夹“站点2”,用于存放DW新建的站点和文件。
(3)打开DW,添加好预览使用的浏览器;然后,选择“站点”->“新建站点”;服务器选择自己安装的tomcat路径下的webapps,如下图。

注:
1)这里我一开始尝试用tomcat服务器的路径或在该服务器新建的文件夹路径都不能访问到,报404错误;要改为webapps文件夹的路径才可以。
2) 服务器名称与自己站点中要新建的DW文件夹同名。 DW中采用Tomcat或IIS新建本地站点_第1张图片

DW中采用Tomcat或IIS新建本地站点_第2张图片
DW中采用Tomcat或IIS新建本地站点_第3张图片
DW中采用Tomcat或IIS新建本地站点_第4张图片
(4)点击右下角的站点->选择“新建文件夹”;上方菜单栏点击“新建”->选择“JSP”创建一个JSP文件。
DW中采用Tomcat或IIS新建本地站点_第5张图片
DW中采用Tomcat或IIS新建本地站点_第6张图片
(5)编写代码。

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的JSP页面</title>
</head>
<body>
<center>
<form id="form1" name="form1" method="post" action="Index.jsp">
<table width="344" height="95" border="0" cellpadding="0" cellspacing="1" style="background-color: #3A8ECD; color: #000;">
   <tr>
      <td height="30" colspan="2" align="center" valign="middle" bgcolor="#FFFFFF">用户登录</td>
    </tr>
    <tr>
      <td width="114" height="30" align="right" valign="middle" bgcolor="#FFFFFF">登录名:</td>
      <td width="227" height="20" align="left" valign="middle" bgcolor="#FFFFFF">
      <input type="text" name="username" /></td>
    </tr>
    <tr>
      <td height="30" align="right" valign="middle" bgcolor="#FFFFFF">密码:</td>
      <td height="20" align="left" valign="middle" bgcolor="#FFFFFF">
      <input type="password" name="pwd" /></td>
    </tr>
    <tr>
      <td height="30" colspan="2" align="center" valign="middle" bgcolor="#FFFFFF">
      <input type="submit" name="button" id="button" value="提交" />&nbsp;&nbsp;
      <input type="reset" name="button2" id="button2" value="重置" /></td>
      </tr>
  </table>
</form>
</center>
</body>
</html>

(6)浏览器预览。
DW中采用Tomcat或IIS新建本地站点_第7张图片

2、利用IIS建站点

(1)在D盘新建一个文件夹“IIS站点”,用于存放DW新建的站点和文件;另外,在IIS服务器路径下,新建一个文件夹“DWweb”,用于存放服务器文件。
(2)确认电脑已经开启了IIS服务,win10在“控制面板”->“程序”->“启动或关闭windows功能”->勾选Internet Information Services和Internet Information Services可承载的Web核心。
(3)打开“管理”,找到Internet Information Services,点击“添加网站”,端口要设置没有用过的端口号。
DW中采用Tomcat或IIS新建本地站点_第8张图片
DW中采用Tomcat或IIS新建本地站点_第9张图片
DW中采用Tomcat或IIS新建本地站点_第10张图片
(4)打开DW,选择“新建站点”,选择好路径,注意Web URL要加上前面设置的IIS服务器端口号,否则会出现HTTP Error 404。
DW中采用Tomcat或IIS新建本地站点_第11张图片
DW中采用Tomcat或IIS新建本地站点_第12张图片
(5)在本地文件那里的“IIS站点”新建一个文件夹“HTML”,新建一个HTML文件,编写代码。
(6)浏览器预览。
DW中采用Tomcat或IIS新建本地站点_第13张图片

注:
DW使用的文件类型需要是IIS服务器提供的MIME类型中有才可以,使用JSP页面是不可以的。其实jsp只能发布到Tomact等服务器上打开。

DW中采用Tomcat或IIS新建本地站点_第14张图片

你可能感兴趣的:(前端)