模拟制作任务

任务1 素材收集与规划站点结构

任务背景

某学校为了让社会、企业、家长、老师和学生之间有更好的沟通，需建立“师生作品展示平台”网站，通过网站来展示教师与学生的学习生活等情况。在建立网站之前，需要收集相关素材，并规划站点结构，如图2-1所示。

任务要求

收集适合网站内容的素材，并对素材分类管理；合理规划站点结构，方便以后网站的制作。

重点、难点

1．站点结构规划。

2．素材分类。

【技术要领】素材分类、结构规划。

【解决问题】依据“网站目录规范”将不同素材进行分类整理并放置到相关管理目录中，根据网站主题，对网站内容结构层次进行规划。

【应用领域】个人网站；企业网站。

任务分析

设计者对网站进行分析，并在建站之前准备相关资料（文字资料、图片资料、动画素材以及其他多媒体元素）。为了养成良好的素材管理习惯，要对收集到的素材进行分类，通过建立文件夹管理素材，然后根据网站主题规划站点结构。

操作步骤

网站目录结构

01 依据 “网站目录规范”❶（注：此序号与“知识点拓展”中的序号1相对应），规划网站目录结构，并建立相应文件夹，如图2-2所示。

02 将收集的素材进行分类，按照“网站目录规范”，放置到相关文件夹中。

规划网站结构

03 根据“师生作品展示平台”的使用范围与用途，设计导航草图，如图2-3所示。

任务2 创建站点

任务背景

在建立“师生作品展示平台”网站之前，需要创建一个站点，对站点内的所有素材与网页进行管理。

任务要求

便于对网站内所有素材与网页进行管理。

重点、难点

建立站点设置的选择。

【技术要领】建立站点设置的选择。

【解决问题】根据每步的建站向导提示选择合适的选项。

【应用领域】个人网站；企业网站。

【素材来源】无。

任务分析

在规划好站点结构之后，使用Dreamweaver CS5定义站点并建立目标结构，在本地磁盘上定义的站点可自由编辑和修改。

操作步骤

启动Dreamweaver CS5

01 选择“开始”>“程序”> Adobe Dreamweaver CS5命令，启动Dreamweaver CS5软件，如图2-4所示。

建立站点

02 选择“站点”❷>“管理站点”命令，如图2-5所示，或者展开“文件”面板组，单击“文件”面板中的“管理站点”超链接，弹出“管理站点”❸对话框，单击“新建”按钮，如图2-6所示，弹出快捷菜单。

03 选择“站点”命令，弹出 “站点设置对象”对话框，在“站点”选项卡的站点名称输入框中输入站点名称“workspace”，如图2-7所示。

04 单击“本地站点文件夹”右面的“浏览文件夹”按钮，创建站点位置，如图2-8所示。

05 选择完创建站点的位置后，单击“保存”按钮，如图2-9所示，完成建立站点任务。

任务3 管理站点

任务背景

在建立站点时，不小心将其配置设置错误，为了确保信息准确，要对站点错误信息进行修改。

任务要求

修改要做到准确、快速。

重点、难点

修改站点信息。

【技术要领】修改站点信息。

【解决问题】通过“管理站点”命令修改站点信息。

【应用领域】个人网站；企业网站。

【素材来源】无。

任务分析

通过“管理站点”命令进行站点信息的修改。

操作步骤

修改站点名称

01 选择“站点”>“管理站点”命令，弹出“管理站点”对话框，选择要编辑的站点，如workspcae站点，单击“编辑”按钮，如图2-10所示。

02 弹出“站点设置对象workspcae”对话框，将输错的名字“workspcae”修改为“workspace”，如图2-11所示。

删除已有的站点

03 选择“站点”>“管理站点”命令，弹出“管理站点”对话框，选择要删除的站点，如pfc站点，如图2-12所示，单击“删除”按钮，弹出信息提示对话框，单击“是”按钮，即可删除pfc站点，如图2-13所示，删除完后所显示的站点，如图2-14所示。