网页设计项目化教程项目7 旅游网站设计.pptVIP

网页设计项目化教程--旅游网站设计  内 容 项目功能分析 1 项目任务实施 2 项目完成情况评估 3 项目功能分析 【能力目标】 能理解需求方的意向完成旅游网站的规划 能够设计完成旅游网站的需求分析报告 【知识目标】 掌握网站建设的基本流程 掌握框架的创建和应用 【素质目标】 培养工作规范化意识 培养分析问题、解决问题的能力 培养沟通能力和团队协作能力 培养自我学习、创新的能力 项目任务实施--任务一 首页的设计与制作 【任务分析】 根据对旅游网站的策划，使用框架完成网站首页的制作，如图所示。 项目任务实施--任务一 首页的设计与制作 【任务实施】 --参考教材 【知识梳理】 1． 框架和框架集概念 框架（Frame）是一种页面布局的技术。框架可以把浏览器窗口分割成几个部分，每个部分独立显示不同的页面内容。 框架集实际上是一个HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的RUL。 2． 框架和框架集的创建 框架的创建有两种方法，一种是从预定义的框架集中选择，另一种是自己设计。 步骤1 选择【文件】|【新建】命令。 步骤2 在弹出的【新建文档】对话框中选择【常规】|【框架集】，选择一种框架集，右边有预览效果和描述，如图所示。 项目任务实施--任务一 首页的设计与制作 【知识梳理】 项目任务实施--任务一 首页的设计与制作 【知识梳理】 步骤3 单击【创建】按钮，弹出【框架标签辅助功能属性】对话框，如图所示。为每个框架指定一个标题，单击【确定】按钮，即可创建框架集。 注意：还可以从插入栏的【布局】选项卡中单击【框架】下拉按钮的弹出菜单中选择框架结构 . 项目任务实施--任务一 首页的设计与制作 【知识梳理】 3．框架和框架集的编辑 选择框架集 在【框架】面板中单击框架集得外边框即可选中该框架集。也可以在文档中单击框架集的任何一条边框来选择框架集。 修改框架 创建好框架后，可以对框架集中的框架进行拆分和删除操作。 在拆分框架前，首先确保框架边框在页面中是可见的。选择【查看】|【可视化助理】|【框架边框】命令，显示框架边框。 将鼠标指针移动到需要拆分的框架的边框上，当鼠标指针变成和形状时，沿着指针箭头方向拖拽鼠标可以上下或左右拆分文档。 将鼠标移到要删除的框架边上，当鼠标指针变成和形状时，拖动鼠标到上下或左右边上即可删除该边框。 项目任务实施--任务一 首页的设计与制作 【知识梳理】 (3)保存框架和框架集 框架的保存比较特殊，因为它不仅要保存每个框架还要保存一个框架集。所以，为了防止出现被遗漏的现象，建议使用“全部保存”。 步骤1 选择【文件】|【保存全部】。当前文档窗口中出现虚线边框的区域，即为要保存的框架。 步骤2 在弹出的对话框中选择要保存的路径和文件名称，单击【保存】按钮时，会自动显示下一个框架的【保存】对话框，直到所有的框架保存都被保存完为止。 4． 设置框架和框架集的属性 设置框架集属性。选择页面中的框架集，打开属性面板，如图所示。 项目任务实施--任务二 其他页面设计与制作 【任务分析】 根据网站设计方案，完成网站“主要景点”、“文化特色”和“徐州天气”页面的制作。 项目任务实施--任务二 其他页面设计与制作 【任务实施】 --参考教材。 【知识梳理】 1． 浮动框架（iframe） 浮动框架又被称为嵌入是框架。与框架类似，它可以把某个页面嵌入到当前页面中。它包含如下属性： 源：指定在iframe框架中显示的网页。 名称：设置iframe框架的名称。 宽度/高度：设置iframe框架的宽度/高度。 边距宽度/高度：指定框架中水平/垂直方向上的内容与边框的距离。 滚动：设置框架中是否显示滚动条。 对齐：指定页面中各框架的对齐方法。 项目任务实施--任务二 其他页面设计与制作 【知识梳理】 2． 目标框架 要在一个框架中使用链接来打开另一个框架中的文件，就必须设置链接的目标。链接的页面指定在所设置的框架或窗口中，如图所示。 目标下拉列表中各个选项的含义： _blank 在新的浏览器窗口中打开链接的文档，同时保持当前窗口不变。 _parent 在显示链接的框架的父框架集中打开链接的文档，同时替换整个框架集。 _self 在当前框架中打开链接，同时替换该框架中的内容。 _top 在当前浏览器窗口中打开链接的文档，同时替换所有框架。 Mainframe 在当前浏览器窗口右侧主窗口中打开，不影响其他窗口。 Leftframe在当前浏览器窗口左侧窗口中打开，不影响其他窗口。 Topframe在当前浏览器窗口顶部窗口中打开，