Dreamweaver+Photoshop+Flash+Fireworks网站建设与网页设计完全实用
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.3 创建和管理站点

Dreamweaver是站点创建和管理工具,使用它不仅可以创建单独的文档,还可以创建完整的站点。创建站点是进行网页制作之前的必要工作。

2.3.1 上机练习——使用向导搭建站点

在开始制作网页之前,最好先定义一个站点,这是为了更好地利用站点对文件进行管理,也可以尽可能地减少错误。可以使用“站点定义向导”创建本地站点,具体操作步骤如下。

[1] 启动Dreamweaver,执行“站点”|“管理站点”命令,弹出“管理站点”对话框,在对话框中单击“新建”按钮,如图2-7所示。

图2-7 “管理站点”对话框

[2] 弹出“站点设置对象”对话框,在对话框中选择“站点”选项,在“站点名称”文本框中输入名称,可以根据网站的需要任意起一个名字,如图2-8所示。

图2-8 输入站点的名字

[3] 单击“本地站点文件夹”文本框右边的浏览文件夹按钮,弹出“选择根文件夹”对话框,选择站点文件,如图2-9所示。

图2-9 “选择根文件夹”对话框

[4] 单击“选择”按钮,选择站点文件后如图2-10所示。

图2-10 指定站点位置

[5] 单击“保存”按钮,更新站点缓存,如图2-11所示。

图2-11 “正在更新站点缓存”对话框

[6] 出现“管理站点”对话框,其中显示了新建的站点,如图2-12所示。

图2-12 “管理站点”对话框

[7] 单击“完成”按钮,此时在“文件”面板中可以看到创建的站点文件,如图2-13所示。

图2-13 “文件”面板

2.3.2 上机练习——通过高级面板设置站点

还可以在“站点设置对象”对话框中选择“高级设置”选项卡,快速设置“本地信息”、“遮盖”、“设计备注”、“文件视图列”、“Contribute”、“模板”和“Spry”中的参数来创建本地站点,具体操作步骤如下。

[1] 打开“站点设置对象 电脑”对话框,在对话框中的“高级设置”中选择“本地信息”,如图2-14所示。

图2-14 “本地信息”选项

在“本地信息”选项中可以设置以下参数。

默认图像文件夹:在“默认图像文件夹”文本框中,输入此站点的默认图像文件夹的路径,或者单击文件夹按钮浏览到该文件夹。此文件夹是Dreamweaver上传到站点上的图像的位置。

链接相对于:在站点中创建指向其他资源或页面的链接时,指定Dreamweaver创建的链接类型。Dreamweaver可以创建两种类型的链接:文档相对链接和站点根目录相对链接。

Web URL:在“Web URL”文本框中,输入Web站点的URL。Dreamweaver使用Web URL创建站点根目录相对链接,并在使用链接检查器时验证这些链接。

区分大小写的链接检查:在Dreamweaver检查链接时,将检查链接的大小写与文件名的大小写是否相匹配。此选项用于文件名区分大小写的UNIX系统。

启用缓存:表示指定是否创建本地缓存以提高链接和站点管理任务的速度。

[2] 在对话框中的“高级设置”中选择“遮盖”选项,如图2-15所示。

图2-15 “遮盖”选项

在“遮盖”选项中可以设置以下参数。

启用遮盖:选中后激活文件遮盖。

遮盖具有以下扩展名的文件:勾选此复选框,可以对特定文件名结尾的文件使用遮盖。

[3] 在对话框中的“高级设置”中选择“设计备注”选项,在最初开发站点,需要记录一些开发过程中的信息、备忘。如果在团队中开发站点,需要记录一些与别人共享的信息,然后上传到服务器,供别人访问,如图2-16所示。

图2-16 “设计备注”选项

在“设计备注”选项中可以进行如下设置。

维护设计备注:可以保存设计备注。

清理设计备注:单击此按钮,删除过去保存的设计备注。

启用上传并共享设计备注:可以在上传或取出文件的时候,将设计备注上传到“远程信息”中设置的远端服务器上。

[4] 在对话框中的“高级设置”中选择“文件视图列”选项,用来设置站点管理器中的文件浏览器窗口所显示的内容,如图2-17所示。

图2-17 “文件视图列”选项

在“文件视图列”选项中可以进行如下设置。

名称:显示文件名。

备注:显示设计备注。

大小:显示文件大小。

类型:显示文件类型。

修改:显示修改内容。

取出者:正在被谁打开和修改。

[5] 在对话框中的“高级设置”中选择“Contribute”选项,勾选“启用Contribute兼容性”复选框,则可以提高与Contribute用户的兼容性,如图2-18所示。

图2-18 “Contribute”选项

[6] 在对话框中的“高级设置”中选择“模板”选项,如图2-19所示。

图2-19 “模板”选项

[7] 在对话框中的“高级设置”中选择“Spry”选项,如图2-20所示。

图2-20 “Spry”选项