web前端环境搭建细解【dreamweaver+jdk+tomcat（服务器）】

新手级别。

前台一般用dreamweaver软件作为编译环境，eclipse myeclipse netbeans这三种则是前台后台都可以写。

好的，现在开始具体说搭建步骤。

1.软件下载

1.1 dreamweaver

(和Photoshop一样，dreamweaver也是Adobe公司推出的软件，所以其尿性玩过PS的人都懂。

现在的版本已经出到8，不过有一个08年的帖子说，对于初学者用cs5就足够了，刚好我看到一个，就下的CS5。)

网址：http://www.xdowns.com/soft/softdownnew.asp?softid=61173（电信用户直接点电信服务器即可，非电信自己琢磨吧）

（之所以推荐这个网站的，是因为我下下来以后发现这个里面有一个快速安装的程序！

点了快速安装，一切都不需要操心了，自动给你安装好，只等备用。

1.2 tomcat下载

去tomcat官网下，网址：http://tomcat.apache.org/

这里需注意，看清楚你的电脑配置是什么样的，如果是64位，就下载64-bit；如果是32位就下载32-bit

（配置查看方法：1.点可以直接查看

2. 控制面板\系统和安全\系统）

1.3 jdk下载

下载网页：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

64位系统，下64的；86什么鬼不太清楚，反正我不能用

然后下载就OK了

2. 安装

2.1 dreamweaver安装（用了前面的快速安装，就不需要再自己安装了）

2.2 jdk+tomcat安装

【需注意：这二者的安装有先后顺序，首先要安装jdk，然后再安装tomcat】

2.2.1安装jdk

(1)创建文件夹Java，解压压缩包到Java文件夹里，安装路径：？盘:\Java\jdk1.8.0_45\（在安装时，只要涉及到安装位置的询问均改为？盘:\Java\）

安装成功后，通过控制面板\系统和安全\系统，打开高级系统设置

(2)配置环境变量：新建JAVA_HOME E:\Java\jdk1.8.0_45\

新建CLASSPATH .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar<注意最开始是.;>

Path 增加 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin（双击Path）

(3)cmd命令窗口输入java 或者java -version 检测安装是否成功

2.2.2 .安装tomcat

（1）解压压缩包即可，路径 E:\software\tomcat6.0.29

（2）配置环境变量 新建CATALINA_BASE E:\software\tomcat6.0.29

新建CATALINA_HOME E:\software\tomcat6.0.29

Path 增加 %CATALINA_HOME%\bin;%CATALINA_HOME%\lib

（3）.启动tomcat

方式之一：在tomcat安装路径下即E:\software\tomcat6.0.29，进入bin，双击startup.bat

验证开启是否成功：浏览器输入 localhost:8080 能打开tomcat主页，则表示开启成功

（4）.关闭tomcat

方式：。。。。。。。。。。。。。。。。。。。。。。。。。。。。双击shutdown.bat

//第1-3步就将jdk和tomcat安装好了，现在主要是将dreamweaver和tomcat关联起来，tomcat作为web服务器

，dreamweaver前台页面设计，设计的jsp页面必须通过tomcat。

3.dreamweaver与tomcat的连接

3.1 准备

在tomcat安装路径下的webapps目录下新建一个文件夹，取名firstpage

即在E:\software\tomcat6.0.29\webapps下新建一个firstpage

备注：此文件夹将作为站点<浏览器访问网站时格式 ip+站点(firstpage)>

3.2 操作

保存即可。

3.3 查看网页

方法一：在Dw里按F12，即可弹出网页

若不能弹出，则将网址粘贴到浏览器即可。