Keep on going, never give up.

Dreamweaver站点配置与本地测试图解

Dreamweaver一直都是网页编程软件中的佼佼者,网上也有很多讲解非常详细的教程,一篇接一篇,对于大部分网友来说,都没耐心看完那些教程,更多时候只需要带进门即可,后续的使用不再需要这些教程,像Dreamweaver这一类的应用型软件,只需要摸索一下即会使用,而且印象深刻,即使出了差错也无伤大雅,只需重新来过即可,天缘之前介绍过XMAPP的安装和使用,为了文章的连贯性,天缘决定发篇关于DW的,话题随老,但一样精彩。

一、Dreamweaver安装

A、双击Dreamweaver安装文件,点击下一步

B、接受许可协议,下一步

C、设置安装文件夹和快捷方式创建,也可以缺省设置,点击下一步

D、设置文件关联,就是以后双击这类文件会自动使用dreamweaver打开,点击下一步。

E、确认设置,点击安装

F、等候安装完成,

G、安装完成,选择退出后运行Dreamweaver。

H、输入序列号,或选择试用,点击继续

I、下图是输入序列号后的激活结果(此处省略一张图),如下图,选择以后提醒我。

J、设置工作区布局是编码器(就是默认显示编码)还是设计器(默认显示设计界面)

这个界面忘记抓图了,编码器就是默认显示网页代码,控制面板在左侧,设计器默认显示设计界面,控制面板在右侧,如果是新手对编程知识不大熟悉,可以选择设计器,只要略懂一点编程知识的,最好选择编码器,一般都不需要看设计器,直接对代码操作即可,后续如果需要切换编码器和设计器,只需要在菜单栏的窗口——工作区布局下面选择编码器或是设计器即可切换。

天缘本文选择的是编码器布局,故控制面板在左侧,如果是设计器布局,类似理解。

二、Dreamweaver使用配置

1、 Dreamweaver第一次启动是没有站点工程的,所以需要手动创建一个,如下图,点击“管理站点”(图中左侧),弹出管理站点窗口,点击新建并选择“站点”。

2、弹出站点定义设置对话框,如下图,可以使用基本选项卡一步一步设置,不过使用高级会更方便,选择高级选项卡(下文所有设置可以随时通过管理站点进行修改)。

上图中,输入站点名称随便写即可,本地根文件夹,请选择自己的工作目录,工作目录存放站点的源文件,一定要注意定期备份、关键大范围修改时也需要备份。HTTP地址输入本机地址,http://localhost,关于测试虽然DW支持远程FTP上传在线调试,不过全世界似乎没几个人愿意这么玩的,会有很多问题,还是本地测试,测试完更新到服务器似乎更好一点。设置好“本地信息”后再选择下面的“远程信息”。

3、如下图,开始设置远程信息,当然这个远程其实也是本机的另一个目录,选择“本地/网路”,输入远端文件夹目录地址,这个地址是WEB服务器的根目录或是下级目录,需要跟上图的http地址设置对应,在后面的测试使用中,DW会把你的上图中设置目录下文件“上传”到本图中设置目录下,也就是WEB目录下。

4、上图设置完成后,再选择测试服务器模型,这里要根据您所搭建的WEB服务器类型进行选择,如果是ASP就选择ASP对应类型,如果是PHP就选择PHP的,下面设置会自动刷新。

5、上面设置完成后,点击下面的“确定”即可,看到最新的管理的站点列表,再点击完成即可开始网页设计和测试了,如下图。

三、Dreamweaver本地测试

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

2、双击test.php,并在其中默认的网页模板中间输入<?php echo "Hello World!"; ?>,并按下CTRL+S组合键,即可保存,然后再点击下图中的左侧的控制面板里的向上箭头(或按下CTRL+SHIFT+U组合键),即可“上传”到本地服务器。

 3、上传完成后,启动浏览器,当然前提是的本地WEB服务器已经启动(IIS或APACHE,XAMPP安装和使用教程),并在URL地址栏输入http://localhost/test.php,即可看到下面的输出信息,Hello Word!,下面就可以开始个人发挥了,比如如果需要本机测试论坛安装或BLOG系统,只需要把安装包下载下来,然后拷贝到你的工作目录,并在上图中点击控制面板中的环形箭头刷新一下,再上传到本地服务器,即可使用浏览器输入地址进行安装。

四、Dreamweaver使用经验方面补充

1、要小心编码问题引起的网页保存覆盖,因为很多朋友写程序时,可能是全部的ASP、PHP、JSP程序,没有HTML标准的框架,如果编码不对应,再次使用DW打开可能会出现乱码,第一次使用时,可以在菜单“编辑”——“首选项”中,设置新建文档的默认编码属性,如下图。另外还要注意使用非自己创建的JS或其它未带编码说明的文件时,可能会因为编码的不统一影响测试结果(一般都是输出空白),如果遇到这类问题,可以通过在DW环境中,重新创建一个同名文件并拷贝内容来解决。

2、工作目录源文件需要注意定期备份,尤其是关键修改或结构调整时。

3、要注意上传和下载也会导致覆盖,有时候点反了(从服务器下载文件覆盖源文件,上上图中的向下箭头),可能会让自己半天白费功夫。

4、关于代码编写的规范问题,天缘以后会发文章,除非特殊情况,养成良好的编码习惯比代码效率更重要。

5、如果是使用设计器进行网页设计,需要注意保存,因为使用设计器可能会让DW反应非常慢,甚至是死掉,如果是第一次使用,还是尽快努力让自己习惯使用编码器布局。

6、网页编程上没有高手,只要认真点细心点,您一样可以做的很好。

7、如果是在WINDOWS 7上使用,可能会有兼容问题,可以下载官方补丁:Adobe官方地址

更多文章:

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

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

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

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

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

相关评论(0):  

发表评论:

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

订阅博客

最新文章

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