Keep on going, never give up.

Dreamweaver CS5站点配置与本地测试

之前介绍的是Dreamweaver 8使用教程,最新推出的Dreamweaver CS5在站点配置方法及使用上还是有些改变,本文把Dreamweaver CS5的入门使用介绍一下,如果需要本地测试,或许你还需要安装本地测试环境,比如PHP+MYSQL(XMAPP的安装和使用),如果是ASP等还需要安装配置IIS,如果不需要本地测试或只有简单的几个页面,似乎也可以不使用Dreamweaver CS5,直接使用文本编辑器就搞定了,本文仍是入门教程,高手飘过。

一、Dreamweaver CS5新特性介绍及下载

参考:Dreamweaver CS5新特性及简体中文版下载

二、Dreamweaver CS5界面预览

1、Dreamweaver CS5的工作界面,第一次运行时,点击右下角的管理站点进行站点配置。

2、Dreamweaver默认工作区是设计器,如果需要调整工作区,可以在菜单栏“站点”——工作区配置中修改工作区界面,如下图,还可以在顶栏右侧的搜索按钮旁边的快捷选择框中修改。

三、Dreamweaver CS5站点配置

1、 Dreamweaver CS5的站点配置跟Dreamweaver 8类似,点击导航面板中的管理站点,如下图,选择新建。

2、弹出站点定义设置对话框,如下图,Dreamweaver CS5在站点配置上窗口上已经做了归类,总体分成四个站点、服务器、版本控制、高级设置,对普通用户而言之需要配置站点、服务器即可,版本控制和高级设置没什么大用,天缘一直认为只有大型应用软件开发似乎还用得着这些功能,WEB开发除非特殊需要完全是大材小用。

站点配置方法:输入站点名称,随便写就可以了,本地站点文件夹选择自己的工作文件夹(将要存储放置WEB文件),设置完站点后,先不要点“保持”,点击左侧的服务器配置。

3、如下图,开始设置服务器信息,Dreamweaver CS5跟Dreamweaver 8相比,把远程服务器和测试服务器配置项目都纳入服务器配置项目,点击图中的加号增加一个服务器配置。注意,这个服务器配置只是个可选配置,如果你不需要本地测试或编辑直接上传到WEB服务器,可以忽略这一步配置。

4、在基本设置中,服务器名称也可以随便输入,这里选择的是本地/网络测试,服务器文件夹定位到测试目录即可。

如果需要配置编辑后直接上传到远程WEB服务器,可以通过FTP/SFTP等方式进行,示例配置方式如下:

5、高级设置中,只需要选择测试服务器模型即可,设置完成后点击保存。

6、可以看到服务器模型列表中已经有了最新的配置

7、选择保存,完成配置,如下图。点击完成按钮,Dreamweaver CS5会自动刷新当前站点缓存。

下面,即可开始网页设计和测试。

四、Dreamweaver CS5本地测试

1、首先在本地目录新建一个文件,并命名为index.php。

2、双击index.php,随便输入几条命令,比如<?php phpinfo(); ?>,然后保存当前文档,再点击图中的左侧的控制面板里的向上箭头,即可“上传”到测试服务器。上传完成后,启动浏览器,当然前提是的本地WEB服务器已经启动(IIS或APACHE,XAMPP安装和使用教程),并在URL地址栏 输入http://localhost/,即可看到下面的输出信息。

更多文章:

网站设计:网页宽度和高度设置参考建议

网页语言ASP.NET、 PHP、JSP的特性区别及选择建议

网页图片宽度和高度自适应的方法汇总

网站设计:网页宽度和高度设置参考建议

建站工具:网站上线功能及兼容性测试小工 具集锦

相关评论(0):  

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客

最新文章

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载也必须遵循“署名-非商业用途-保持一致”的创作共用协议. 返回顶部
Copyright@2005-2016 Metsky.com, All rights Reserved.