2.3 创建站点

在制作网页前,应该首先在本地创建一个网站,用以实现整个站点。这是为了能更好地利用站点对文件进行管理,也可以尽可能地减少错误(如路径出错、链接出错等)。新手做网页,条理性、结构性需要加强,往往一个文件放这里,另一个文件放那里,或者所有文件都放在同一文件夹内,这样就显得很乱。建议建立一个文件夹,用于存放网站的所有文件,再在文件内建立几个子文件夹,将文件分类,如图片文件放在“images”文件夹内、HTML文件放在根目录下。如果站点比较大,文件比较多,可以先按栏目分类,在栏目里再分类。在站点制作完毕,通过测试,确保网站没有断链或其他问题的情况下,可以上传网站。

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

利用Dreamweaver可以在本地计算机上创建出网站的框架,从整体上把握网站全局,完成网站文件的管理和测试。

可以使用站点定义向导创建本地站点,具体的操作步骤如下。

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

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

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

图2-12 设置站点名称

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

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

(4)单击“选择”按钮,选择站点根文件夹后,显示如图2-14所示。

(5)单击“保存”按钮,更新站点缓存,如图2-15所示。

(6)弹出“管理站点”对话框,其中显示了新建的站点,如图2-16所示。

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

图2-14 指定站点位置

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

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

图2-17 创建的站点

2.3.2 上机练习——站点高级设置

用户还可以在“站点设置对象”对话框中选择“高级设置”选项卡,通过修改“本地信息”、“遮盖”、“设计备注”、“文件视图列”、“Contribute”、“模板”和“Spry”中的参数来设置本地站点。

(1)打开“站点设置对象 电脑”对话框,在对话框中的“高级设置”选项卡下选择“本地信息”子选项卡,如图2-18所示。

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

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

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

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

➢ “区分大小写的链接检查”复选项,用于设置在Dreamweave中检查链接时,是否检查链接的大小写与文件名的大小写匹配,此复选项用于文件名区分大小写的UNIX系统。

图2-18 “本地信息”子选项卡

➢ “启用缓存”复选项用于指定是否创建本地缓存以提高链接和站点管理任务的速度。

(2)在对话框中的“高级设置”选项卡下选择“遮盖”子选项卡,如图2-19所示。

图2-19 “遮盖”子选项卡

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

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

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

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

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

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

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

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

图2-20 “设计备注”子选项卡

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

图2-21 “文件视图列”子选项卡

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

➢ 名称:显示文件名。

➢ 备注:显示设计备注。

➢ 大小:显示文件大小。

➢ 类型:显示文件类型。

➢ 修改:显示修改内容。

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

(5)在对话框中选择“高级设置”→“Contribute”子选项卡,选中“启用Contribute兼容性”复选项,可以提高与Contribute用户的兼容性,如图2-22所示。

(6)在对话框中选择“高级设置”→“模板”子选项卡进行设置,如图2-23所示。

(7)在对话框中选择“高级设置”→“Spry”子选项卡进行设置,如图2-24所示。

图2-22 “Contribute”子选项卡

图2-23 “模板”子选项卡

图2-24 “Spry”子选项卡