Dreamweaver技术精华

1、定义本地站点

  在Dreamweaver中制作网站,您必须定义一个本地站点,它是您的计算机上任意位置的一个文件夹。之所以一定要定义它,是为了告诉Dreamweaver您的文件存放位置,然后Dreamweaver就会将所有的设置针对该地址设置。

   具体操作为:

   1.按下F8键开启Site视窗,在 Site 下拉列表中选择 Define Sites 项。
   2.在弹出的站点定义对话窗口右边选择 New 按扭,从而定义一个新的站点。
   3.确定新站点定义窗口的左栏中 Local Info 为激活项,在右边的对话栏中输入站点名称(例子中为 My Site),点击Local Root Folder框右边的文件夹标志,在你的硬盘上查找并选择相应的文件夹。
(如果您已经有一个网站,则选择该站点文件夹可将原有站点导入到Dreamweaver中,以使用Dreamweaver对其进行管理)。
   4. 点击OK,本地站定义完成,Dreamweaver会自动导入站点的所有文件及信息。您可以在Site视窗中的本地站点窗口中查看。



图:定义本地站点


2、定义外部站点

  制作好的站点肯定是要发布的,无论您制作的是个人主页还是公司网站,所有的文件都需要上传到网站服务器才能提供给访问者。在Dreamweaver中内置了FTP工具,因此你无须切换到其他软件就可以连接网站主机,上传更新您的站点。

  要使用Dreamweaver中的FTP功能,就必须定义站点的外部信息,具体操作方法为:

  1.在站点定义窗口的左栏中,选择激活 Remote Info 项


  2.在 Access 栏中选择 FTP 方式


  3.输入FTP相关信息例如:FTP Host(FTP主机地址)、Directory(默认的远端文件夹)、Login(FTP登录用户名)、Password(FTP登录密码)


  4.如果是多人协作的TEAM工作方式,则选择Enable File Check In and Check Out 和 Check Out Files when Opening 项,并输入编辑者名称和MAIL地址。

  下图为定义FTP方式示例:

图:定义FTP方式的外部站点

如果您是在局域网内操作不需要FTP方式,您可以选择 Local/Network 方式。或者您已经熟悉使用其他的FTP软件而不愿意使用Dreamweaver内置的FTP功能,因此您可能只是在本地机操作,但我仍然建议您选择此方式定义一个外部文件夹,从而起到备份站点文件的作用。

  与FTP定义方式相类似,您只需要在 Access 中选择 Local/Network 方式,然后选择一个远端文件夹,如果是TEAM工作方式,请选择激活Check In/Out 功能,并输入作者信息。

下图为定义示例,定义的外部站点为本机上另一个硬盘分区的文件夹:



图:定义本地(局域网)方式的外部站点


3、 Check In/Out功能

大家可能已经注意到,无论是选择FTP方式还是局域网方式,只要是多人协作的TEAM方式,我都建议定义外部站点时开启Check In/Out功能。为什么要这样做?它究竟是一个什么样的功能呢?

  要制作管理一个大型的网站,只靠一个人的力量是远远不够的,需要多人协作共同完成。一般的分工可能是:某一个人负责一个(或多个)栏目,他人对该栏目无修改权限。但大多数情况下,首页、次首页及其相关均有权修改,在这种情况下,如果一时疏忽或协同不好,很容易出现两个(或更多)人同时修改同一页面的情况,更新时相互覆盖,造成页面的混乱,甚至可能使得某人长时间的工作付之东流。

  这种情况下,如果使用DW的Check In/Out功能,将编辑中的网页锁定,则可避免不必要的损失。

  当小组内某成员需要编辑某公共文件时,在SITE视窗中,选中该文件,点击Check Out按扭(或双击该文件,自动进入编辑状态,自动启动Check Out ),此时在编辑者的SITE视窗中远端和本地端窗口中该文件图标后面将跟随一个绿色的√,表示该文件已经被Check Out,在Check Out By栏中会显示该编辑者的ID。

  而在其他合作者的SITE视窗中,将会看到一个红色的√,表示该文件已经被人编辑,同样的可以查看到编辑者的ID。 当编辑完成后,将文件上传更新,点击Check In按扭,解除对该文件的锁定,此时在该文件图标后面出现一个灰色的锁状标识。

  为了保证所有协同者的工作不被抹杀,建议每个编辑者在编辑公用文件时,首先将该文件GET下来,这样可以保证你所要编辑的文件为最新版本,避免使用本地端的旧版本覆盖他人更新的新版本文件。

下图就是开启了Check In/Out功能后在远端站点窗口查看到的文件状态:


 


图:开启了Check In/Out功能后的远端站点窗口


开启了Check In/Out功能后,Dreamweaver会自动生成 *.lck 文件,以记录网站文件被锁定或解锁的某些信息,这又给网站内的文件管理带来了一定的麻烦,在Dreamweaver3时代,这是不可避免的,现在Dreamweaver4引进了WebDAV连接功能,从而避免了这一问题,下一节我们就将介绍WebDAV功能。

4、定义WebDAV连接

  在Dreamweaver2及Dreamweaver3时代,对于多人协作时的网站管理采用了Check Out/In功能,但它同时会生成*.lck文件用以记录文件被锁定和开放的信息。现在,借助于WebDAV技术,我们仍然可以方便的管理多人协作的矛盾,而无须使用LCK文件。

  WebDAV(Web Distributed Authoring and Versioning-Web 分布式创作和版本管理 )扩展了 HTTP/1.1 协议,允许客户端发布、锁定和管理 Web上的资源。Dreamweaver4 提供了该插件,它使得Dreamweaver可以连接到一个WebDAV的服务器,允许多个用户同时读取一个文件,但在同一时间,只可有一个人能够修改该文件。

  这样设计者可以在上传文件到网站的服务器前,预览并布置它们,对于团体协作时可以通过锁定及解锁文件来避免多人同时修改同一文件。事实上, WebDAV插件使网络成为一个团体协作的有效媒介, 无论是页面制作者还是网站设计师,无论他们使用哪一种工具或Internet服务,都可以远端共享或更新文件,而不必担心覆盖对方的文件。

  目前WebDAV在微软的IIS5(Windows 2000里),Apache(在mod_dav模式),以及Novell NetWare 5.1这些服务器中有提供。

  对于普通用户,Windows2000操作系统是最容易掌握的,无论是Professional版还是Server版都自带了IIS5并提供了WebDAV1.0版本,要起用WebDAV,您需要在 IIS 管理单元中创建一个虚拟目录。给虚拟目录一个别名,并将该目录与实际目录链接。授予该虚拟目录的“读”、“写”、“浏览”权限。这样就授予了用户在该虚拟目录上发布文档以及查看该目录下文件列表的权限。

  当你定义站点时,在Access中选择WebDAV方式,然后点击Settings按扭,弹出WebDAV Connection 定义对话框,在其中相应栏中输入您的WebDAV服务器地址、登录用户名及密码、您的电子信箱地址等,然后点击OK即可。下图为定义示例:



图:定义WebDAV连接


5、TEAM合作方式的特别定义
  Dreamweaver特别适用于Team合作方式开发网站,这除了前面介绍的Check In/Out功能和WebDAV 连接以外,还包括整合的E-Mail功能和允许自定义Site视窗。
由于采用了Check In/Out功能(或启用了WebDAV连接)后,只要某成员编辑一个文件时,其他成员是无法编辑该文件的了。那么如果确实需要编辑该文件时如何通知该用户呢?在定义站点时,你会发现Dreamweaver4比Dreamweaver3多了一个E-mail Address输入框,这就是Dreamweaver4 中整合的MAIL功能,利用它就可以通知其他合作者了。这也就是刚才在定义站点时为什么一定要输入Mail地址的原因,只需要点击Check Out By栏下的用户名就可以直接发送电子邮件通知。

  同时,Dreamweaver 4还允许用户自定义Site视窗,以方便Team合作方式的某些特别需要,在定义站点时,选择Category栏中的File View Cloumns项,在右边的栏目中显示所有已经被定义的显示项目。点按 按钮可自行添加新项目或删除原有项目,点按 可调整项目的显示顺序。所有项目(原有和新增)都可以在成员内部共享。




图:自定义SITE视窗


同时,Dreamweaver还允许您在站点窗口中的某些项目下添加说明信息,以方便合作时的相互沟通,例如输入某些注意事项,说明某些文件的特殊用途等。但可惜的是,该说明不支持中文。下图为自定义后的SITE视窗,您可以看到已经输入了一些说明信息:


图:自定义后的SITE视窗


在此提醒各位Team合作方式建设网站的朋友,使用了Dreamweaver的网站管理后,在站点文件夹中会自动生成名为 _notes 的文件夹,请不要认为它是无用文件夹而随意删除,因为它当中存放了对该站点的特殊定义及文件的某些相关信息,如果删除了,会丢失这些信息,从而给合作带来某些不必要的损失。

  同时,更新远端文件时,可以直接使用Chenk In ,而不需要先Put 再Check,在提示是否同时上传相关文件时,一定要选择YES,不要认为其他文件没有改变而放弃更新,否则同样会丢失某些说明信息。

6、站点资源管理器

  DW4中新增的资源管理器可以让站内元素的管理相对变的轻松。在此面板中,你可以查看网站内存在的所有元素,包括所有图片、颜色、外部URLs、Scripts、Flash、Shockwave、QuickTime,以及网站模板和库元素,而且对于常用元素,你可以将其拖拉到个人收藏中(Favorites),从而更加方便查找和使用。



图:站内资源管理器

图:站内资源管理器


你可以使用拖拉的方式在编辑文档时应用管理器中的元素,例如插入图片时,除了使用Insert菜单下的Image命令和对象面板上的Insert Image按扭的方式以外,你也可以在Assets面板上选择,并且可以马上预览到该图片,然后使用鼠标拖拉该图片到文档中相应位置即可。

  点击 切换到网站色彩管理,你可以查看站点内应用到的所有颜色设置,更方便统一网站色彩。同样地,选中你想要设置的文本,然后拖拉某颜色到该文本上,则该颜色自动应用到文本设置上,操作方式如下图:


图:利用颜色管理器设置字体颜色


其他元素的应用与上面的方法相类似,均可使用鼠标拖拉完成,此处不再详细介绍,各位朋友自己实验一下就能轻松搞定的了。

7、站内孤立文件的清除

  网站制作过程中,经常会使用一些临时的文件,但最终网站发布时这些文件可能根本没有使用到,如何检查出这些文件,从而在上传时避免同时上传呢?相信这是让很多朋友头痛的事情。

  在Dreamweaver3时代,虽然可以检查出这些孤立的文件,但却没有提供删除功能,只有记录下来然后手动删除,现在Dreamweaver 4已经允许在检查的同时一并删除,我们又轻松了不少哟

  首先,你必须保证你已经正确地定义了本地站点。开启SITE视窗,在SITE菜单下,选择 Check Link Sitewide (快捷键 Ctrl+F8)弹出 Links Checker 窗口,在Show后的选择框中选择Orphaned Files,则所有孤立的文件(包括图形、文档等任意文件)将在下面的视窗中显示,选择你需要删除的,然后按DELETE键,则所有孤立文件将被删除。当然,它们只是被删除到WINDOWS的回收站中了,如果你仍然需要它们,可以去那里找回来
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值