
1.2 创建本地站点
Web站点是一组具有相关主题、类似设计、链接文档和资源等相似属性的站点。Dreamweaver CC是一个站点创建和管理工具,不仅可以创建单独的文档,还可以创建完整的Web站点。为了达到更好的效果,在创建Web站点页面之前,应对站点的结构进行设计和规划。
1.2.1 创建站点的好处
在使用Dreamweaver CC制作网页之前,可以先定义一个新站点,这是为了更好地利用站点对文件进行管理,也可以尽可能地减少错误,如路径、链接出错。新手做网页时,条理性和结构性不强,往往一个文件放这里,另一个文件放那里,或所有文件都放在同一个文件夹内,这样显得很乱。建议先建立一个文件夹用于存放网站的所有文件,再在文件内建立几个文件夹,将文件分类,如将图片文件放在images文件夹内,将HTML文件放在根目录下。如果站点比较大,文件比较多,可以先按栏目分类,再在栏目里分类。
1.2.2 课堂案例——使用向导创建站点
使用“站点定义向导”快速创建本地站点的具体操作步骤如下。
01 启动Dreamweaver CC,执行“站点”→“管理站点”命令,弹出“管理站点”对话框。在对话框中单击“新建站点”按钮,如图1-7所示。

图1-7 “管理站点”对话框
02 弹出“站点设置对象 实例素材”对话框,在对话框中选择“站点”,在“站点名称”文本框中输入名称,如图1-8所示。

图1-8 “站点设置对象 实例素材”对话框
03 单击“本地站点文件夹”文本框右边的“浏览文件夹”按钮,弹出“选择根文件夹”对话框,选择站点文件夹,如图1-9所示。

图1-9 “选择根文件夹”对话框
04 选择站点文件夹后,单击“选择文件夹”按钮,回到“站点设置对象 实例素材”对话框,如图1-10所示。

图1-10 指定站点位置
05 单击“保存”按钮,更新站点缓存,出现“管理站点”对话框,其中显示了新建的站点,如图1-11所示。

图1-11 “管理站点”对话框
06 单击“完成”按钮,即可创建一个站点,如图1-12所示。

图1-12 创建的站点