![Adobe Dreamweaver网页设计与制作标准实训教程(CS5修订版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/709/25505709/b_25505709.jpg)
模拟制作任务
任务1 素材收集与规划站点结构
任务背景
某学校为了让社会、企业、家长、老师和学生之间有更好的沟通,需建立“师生作品展示平台”网站,通过网站来展示教师与学生的学习生活等情况。在建立网站之前,需要收集相关素材,并规划站点结构,如图2-1所示。
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0029-0028.jpg?sign=1739539529-SKrGZZEasAcT2UEUrJXeBrl9YoA4dLs5-0-5c427aabbad7db2025d66016db6f5fd9)
图2-1 素材分类管理
任务要求
收集适合网站内容的素材,并对素材分类管理;合理规划站点结构,方便以后网站的制作。
重点、难点
1.站点结构规划。
2.素材分类。
【技术要领】素材分类、结构规划。
【解决问题】依据“网站目录规范”将不同素材进行分类整理并放置到相关管理目录中,根据网站主题,对网站内容结构层次进行规划。
【应用领域】个人网站;企业网站。
任务分析
设计者对网站进行分析,并在建站之前准备相关资料(文字资料、图片资料、动画素材以及其他多媒体元素)。为了养成良好的素材管理习惯,要对收集到的素材进行分类,通过建立文件夹管理素材,然后根据网站主题规划站点结构。
操作步骤
网站目录结构
01 依据 “网站目录规范”❶(注:此序号与“知识点拓展”中的序号1相对应),规划网站目录结构,并建立相应文件夹,如图2-2所示。
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0030-0029.jpg?sign=1739539529-w6SZuJdD2a4g602zpVFOxppUXPk1pyp1-0-962d08351301620e2daad2424f7809e4)
图2-2 网站目录结构
02 将收集的素材进行分类,按照“网站目录规范”,放置到相关文件夹中。
规划网站结构
03 根据“师生作品展示平台”的使用范围与用途,设计导航草图,如图2-3所示。
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0030-0030.jpg?sign=1739539529-cn1OkMx5P7y18J8qdvqKSd9w35wIUroW-0-4a78e80003e66fad148b33b6f4cf6d33)
图2-3 规划草图
任务2 创建站点
任务背景
在建立“师生作品展示平台”网站之前,需要创建一个站点,对站点内的所有素材与网页进行管理。
任务要求
便于对网站内所有素材与网页进行管理。
重点、难点
建立站点设置的选择。
【技术要领】建立站点设置的选择。
【解决问题】根据每步的建站向导提示选择合适的选项。
【应用领域】个人网站;企业网站。
【素材来源】无。
任务分析
在规划好站点结构之后,使用Dreamweaver CS5定义站点并建立目标结构,在本地磁盘上定义的站点可自由编辑和修改。
操作步骤
启动Dreamweaver CS5
01 选择“开始”>“程序”> Adobe Dreamweaver CS5命令,启动Dreamweaver CS5软件,如图2-4所示。
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0031-0031.jpg?sign=1739539529-Js7U4ghG4YANra9DiVkamwwKWdmA8rdW-0-e2bb7db2231b601bbac127b5ef82b911)
图2-4 启动Dreamweaver CS5软件
建立站点
02 选择“站点”❷>“管理站点”命令,如图2-5所示,或者展开“文件”面板组,单击“文件”面板中的“管理站点”超链接,弹出“管理站点”❸对话框,单击“新建”按钮,如图2-6所示,弹出快捷菜单。
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0031-0032.jpg?sign=1739539529-Xx960PctdKwZcQJKml2ZZu1wPMTtrnlL-0-a50eea42b0aa41329f3b8c8a9f427a08)
图2-5 选择“管理站点”命令
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0031-0033.jpg?sign=1739539529-3YUDuEtf9UFvWIiOYUwvW1QKr3olkn22-0-d8e9ce7ac2aa4f0b9cb8c108580954ec)
图2-6 “管理站点”对话框
03 选择“站点”命令,弹出 “站点设置对象”对话框,在“站点”选项卡的站点名称输入框中输入站点名称“workspace”,如图2-7所示。
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0031-0034.jpg?sign=1739539529-I9RAGeO07cG3bU4wEtN37XTouXRR7u29-0-0ac9e72d1d8b89503db2ba17aebde03b)
图2-7 输入站点名称
04 单击“本地站点文件夹”右面的“浏览文件夹”按钮,创建站点位置,如图2-8所示。
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0032-0036.jpg?sign=1739539529-bY52xwIT0UoBRRj3TuDie8Qcsu6GHq6f-0-c51ecfc7089436e34e56cbee72e0ffbb)
图2-8 创建站点位置
05 选择完创建站点的位置后,单击“保存”按钮,如图2-9所示,完成建立站点任务。
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0032-0037.jpg?sign=1739539529-PesvXBABez9OiD94yD4gyedOpXDjZPvL-0-8e8241850786b396be4aaf4e258a8769)
图2-9 创建站点后保存
任务3 管理站点
任务背景
在建立站点时,不小心将其配置设置错误,为了确保信息准确,要对站点错误信息进行修改。
任务要求
修改要做到准确、快速。
重点、难点
修改站点信息。
【技术要领】修改站点信息。
【解决问题】通过“管理站点”命令修改站点信息。
【应用领域】个人网站;企业网站。
【素材来源】无。
任务分析
通过“管理站点”命令进行站点信息的修改。
操作步骤
修改站点名称
01 选择“站点”>“管理站点”命令,弹出“管理站点”对话框,选择要编辑的站点,如workspcae站点,单击“编辑”按钮,如图2-10所示。
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0032-0038.jpg?sign=1739539529-s4qAQ0s5OfW75M6KqbAmsGu3vNndx9vX-0-17f1723495f7ffd0b623d226baad6faa)
图2-10 “管理站点”对话框
02 弹出“站点设置对象workspcae”对话框,将输错的名字“workspcae”修改为“workspace”,如图2-11所示。
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0033-0039.jpg?sign=1739539529-dc89xzSmxAhox7vIhvETNtW04wsRnoAD-0-4709b6d8209d7b0abc986e7b818d802c)
图2-11 修改后的名称
删除已有的站点
03 选择“站点”>“管理站点”命令,弹出“管理站点”对话框,选择要删除的站点,如pfc站点,如图2-12所示,单击“删除”按钮,弹出信息提示对话框,单击“是”按钮,即可删除pfc站点,如图2-13所示,删除完后所显示的站点,如图2-14所示。
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0033-0040.jpg?sign=1739539529-rYvYvNvty8qol05qD6Y6dnLOwXnT1V9p-0-a3725234cb837c4cb615b4954d6e78ba)
图2-12 选择要删除的站点
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0033-0041.jpg?sign=1739539529-d5C0LWNpZK5BGVvOggv25EY0zOIfQL2T-0-51bd44c28cea5bcc98687b1749972754)
图2-13 删除提示对话框
![](https://epubservercos.yuewen.com/5656D0/13967295003657006/epubprivate/OEBPS/Images/Figure-0033-0042.jpg?sign=1739539529-fq4c2B0a2mr9FGg58ZoI8t6XvPoYJGxZ-0-14f289b9d0d3d2786f0abb776f5fce2b)
图2-14 删除完成对话框