网页制作教学课件3.pptVIP

第3章 站点的创建与管理 教学目标 通过本章学习，熟悉网站建设的流程，掌握如何在站点结构、站点风格等方面规划网站，掌握新建一个站点的基本操作步骤及站点的管理，掌握本地站点和远程站点的设置，能实现文件的上传和下载。 重点和难点 重点：网站建设流程、站点规划、站点创建和管理。 难点：站点风格的确立、远程站点的设置和测试、文件上传下载。 高等职业教育“十二五”规划教材 1、案例 规划我的站点 本案例将讲解如何构思和规划站点，以及介绍网站建设的一般流程。  （1）规划站点结构 规划站点目录结构 1）创建根目录 2）创建子目录分类存放各类文件 3）使用合理的文件名 规划站点导航结构 1）创建返回主页链接 2）设置导航条 3）显示当前位置 4）链接的层次不要过多 5）注意便捷性和交互性 高等职业教育“十二五”规划教材 （2） 规划站点风格 风格是抽象的，它是指站点的整体形象给浏览者的综合感受。总的 来说，规划站点风格可以参考以下几方面。 1） 颜色风格 色彩的鲜明性 、独特性 、合适性 、联想性 、数量 。 2） 布局风格 高等职业教育“十二五”规划教材 图3-4 “同”字型布局  高等职业教育“十二五”规划教材 图3-5 “弯角型”布局 图3-6 “上中下型”布局  3） 内容结构风格  4） 语言风格 高等职业教育“十二五”规划教材 图3-7 左右型框架布局  2、创建我的站点 本案例将练习站点的创建和管理。 （1）创建新站点 1）使用向导建立站点 高等职业教育“十二五”规划教材 图3-9 起始页中新建站点 图3-10 “管理站点”对话框  高等职业教育“十二五”规划教材 图3-11 设置站点名和URL地址  高等职业教育“十二五”规划教材 图3-12 选择是否使用服务器技术  高等职业教育“十二五”规划教材 图3-13 选择站点文件夹目录  高等职业教育“十二五”规划教材 图3-14 选择连接到远程服务器的方式  高等职业教育“十二五”规划教材 图3-15 列出设置总结  2）使用高级设置建立站点 高等职业教育“十二五”规划教材 图3-16 站点的“高级”选项卡  （2）管理资源站点 1）编辑站点 如果要重新设置站点的属性，可以执行以下步骤： 单击“站点”→“管理站点”选项。 从站点列表中选择要编辑的站点名称，单击“编辑”按钮。可以参考前面创建站点的方法重新设置站点属性。 编辑完毕后，单击“确定”按钮，返回到“管理站点”对话框，单击“完成”按钮。 2)复制站点 如果要创建多个结构相同或相似的站点，可以利用站点的复制功能，具体步骤如下： 单击“站点”→“管理站点”选项。 从列表中选择要复制的站点名称，单击“复制”按钮。 若要对复制的站点进行编辑，可以从站点列表中选中新复制的站点，单击“编辑”按钮，编辑完成返回到“管理站点”对话框，单击“完成”按钮。 高等职业教育“十二五”规划教材  3)删除站点 如果某个站点在Dreamweaver中不再需要编辑了可以删除该站点，具体步骤如下： 单击“站点”→“管理站点”选项。 从列表中选择要删除的站点名称，单击“删除”按钮。 在弹出的提示对话框中，单击“是”按钮，即可删除选定的站点。 4)导出站点 如果要将站点移植到其他计算机或其他版本的软件中，或要与其他用户共享站点设置的话，可以使用导出站点功能，具体步骤如下： 单击“站点”→“管理站点”选项。 从列表中选择要导出的站点名称，单击“导出”按钮。 在弹出的“导出站点”对话框中，设置导出文件名和保存位置，单击“保存”按钮。 返回“管理站点”对话框，单击“完成”按钮。 高等职业教育“十二五”规划教材  5）导入站点 对于已导出的站点，或者要从其他用户处获得共享站点设置文件，可以在Dreamweaver中导入该站点，对导入的站点可以像其他创建的站点一样进行编辑操作。导入站点步骤如下： 单击“站点”→“管理站点”选项。 在“管理站点”对话框中单击“导入”按钮。 在弹出的“导入站点”对话框中，选择要导入的站点，单击“打开”按钮。 返回“管理站点”对话框，单击“完成”按钮。 高等职业教育“十二五”规划教材  （3）管理站点地图 高等职业教育“十二五”规划教材 图3-17 站点地图 图3-18 地图视图编辑窗口  3、 案例 编辑站点文件 本案例将介绍站点文件的编辑。