网页设计与制作课件_第3章：网站的创建与管理.pptVIP

《网页设计与制作》教学课件 第3章：网站的创建与管理 主要教学环节 五、知识讲解与操作示范 一、课程引导 二、明确知识技能目标 三、展示网页浏览效果 四、分析操作任务 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题 （一）课程引导 　　 认识了 Dreamweaver 8的工作环境之后，接下来将要迈出制作网页的第一步了。无论是网页制作的新手，还是专业的网页设计师，都要从构建站点开始，理清网站结构。 （二）明确知识技能目标 （1）掌握“文件”面板 （2）掌握站点的创建 （3）掌握站点的管理 （三）展示网页浏览效果 本章所创建的实例网站“长沙世界之窗”的站点结构 效果如图所示。 （四）分析操作任务 （1）创建一个命名为“长沙世界之窗”的网站， 该网站保存在本地硬盘的文件夹“旅游网站”中。 （2）在站点“长沙世界之窗”中创建文件夹“00 创建站点”，在文件夹“00创建站点”创建子文件夹 “image”、“music”。 （3）在文件夹“00创建站点”中新建一个命名为 “00.html”空白网页。 （五）知识讲解与操作示范 3.1　网站的创建 3.1.1　认识文件面板 文件面板主要有三个方面的功能： （1）管理本地站点； （2）管理远程站点，包括文件上传、文件更新等； （3）可以连接网络应用服务器，预览动态网页。 （五）知识讲解与操作示范 3.1.2　创建本地网站 使用Dreamweaver 8创建站点的向导创建第一个本地站 点“长沙世界之窗”，具体操作步骤如下。 步骤1： 在本地硬盘上建立一个用来存放站点的文件夹，命名为 “旅游网站”，该文件夹就是本地站点的根目录。 步骤2： 选择菜单【站点】→【新建站点】命令，打开“站点定 义”向导。选择“基本”选项卡。 （五）知识讲解与操作示范 　　步骤3： 在“你打算为您的站点起什么名字？”标签下面的文本框中填写 要创建的网站名称：“长沙世界之窗”。 　 步骤4： 单击【下一步】按钮，选择“否，我不想使用服务器技术”单选 按钮。 　 步骤5： 单击【下一步】按钮，选择“编辑我的计算机上的本地副本，完 成后再上传到服务器（推荐）”单选按钮。 　　 （五）知识讲解与操作示范 　　步骤6： 在窗口下方，“您将把文件存储在计算机上的什么位置”用来 选择保存网站文件的文件夹。 　 步骤7： 单击【下一步】按钮。选择“无”，等到网站建成后再与FTP连 接。 　 步骤8： 单击【下一步】按钮，站点定义对话框列出了刚才设置的主要 内容，如果发现有错误，可以单击“上一步”按钮退回到合适的步 骤进行更正，核对无误后，单击【完成】按钮，结束站点定义对话 框的设置。 （五）知识讲解与操作示范 3.2　管理站点 　　1．切换站点 在文件面板左边的下拉列表框中选中某个已创建的站点，例 如单击选中“我的班级网站”，就可切换到对这个站点进行操作 的状态。 　　2．编辑站点 如果要对站点进行编辑，可以在“管理站点”对话框中，选 择要编辑的站点，然后用鼠标单击“管理站点”对话框中的【编 辑】按钮，重新打开“站点定义”向导，根据需要一步一步修改 站点的属性即可。 （五）知识讲解与操作示范 　 3．复制站点 对某一个站点进行复制操作。复制站点的功能省去了重复建 立多个结构相同的站点的操作。 　4．删除站点 对某一个站点进行删除操作，网站的文件仍保存在硬盘 原 来的位置上，并没有被删除。 　5．导入站点 将选中的站点导出成一个 XML文件，需要的时候还可以再次 导入。 　6．导出站点 把导出的保存站点设置的XML文件再次导入。 （五）知识讲解与操作示范 　 3.3　管理网站中的文件和文件夹 　 1．创建文件夹和文件 　 在文件面板中站点根目录上单击鼠标右键，然后从弹出的 快捷菜单中单击菜单项【新建文件夹】或【新建文件】，接着 给新的文件夹或文件命名。 　（1）在站点根目录中创建一个名为“00创建站点”的文件 夹。 　（2）为刚才新建的文件夹“00创建站点”创建两个子文件 夹“image”和“music”。 （五）知识讲解与操作示范 　 2．移动和复制文件 从“文件”面板的本地站点文件列表中，选中要移动或复 制的文件夹或文件，如果要进行移动操作，则执行【编辑】 →【剪切】命令；如果要进行复制操作，则执行【编辑】→ 【拷贝】命令；然后执行【编辑】→【粘贴】命令，将文件夹 或文件移动或复制到相应的文件夹中。 3．重命名