[中小学信息教育.pptVIP

十一假期中小学作业 第11章 框架与模板 第一节 框架设计主要内容 一、什么是框架网页？ 二、框架网页的优点和缺点 三、Dreamweaver中有关框架的操作 四、框架网页使用的经典示例 一、什么是框架网页？ 框架网页是—种特殊的HTML网页，它可将浏览器窗口分成不同的区域，称为框架区域。每个区域都可以显示不同的网页。 在框架网页中，用来分隔网页的窗格称为框架。每个框架包括框架高度、框架宽度、滚动条和框架边框，此外还可指定框架的内边距（框架与网页正文之间的距离）。 1、什么是框架网页？ 1.1 框架网页构成 （一） 站点的创建和管理 1： 创建站点 2 ：管理站点 （1）．站点的重新配置 （2）．创建站点的文件夹 （3）．创建网页文件 （4）．为网页文件命名 （1.1）未打开的Dreamweaver页面 （1.2）创建站点 （1.3）建立基本站点 （1.4）建立高级站点 （1.5）高级建立站点 （1.6）已创建的的站点（简称首页） （1.7）Dreamweaver 的工作界面 （二）单机“布局”工具栏的【框架】按钮上的下拉箭头，然后选择一个框架集 二、什么是框架网页？2.1 框架网页结构 根据框架分布的不同和各框架作用的不同，框架网页被分为多种类型。常用到的框架结构有：左侧框架、右侧框架、顶部框架、底部框架、上方和下方框架以及各种嵌套框架结构 (2.2) 框架标记应用举例 (2.3) 框架网页的优点和缺点 优点 （1）访问者的浏览器不需要为每个 页面重新加载与导航相关的图形 （2）每个框架都具有自己的滚动条，方便浏览。 （3）不必将整个浏览器窗口中的内容更 （4）可以固定网页中的某些内容。 (2.3) Dreamweaver中有关框架的操作 1.创建框架网 (1).建立框架 (2).建立嵌套的框架 (3).选择框架(选择整个框架,选择子框架) (4).删除框架 (2.4) Dreamweaver中有关框架的操作 2.编辑框架网页 (2.5) 保存框架网页 (2.6 )框架的使用 框架的作用就是把浏览器窗口划分为若干区域，每个区域可以分别显示不同的网页。框架主要由框架集（Frameset）和框架（Frames）两部分组成。框架集是在一个文档内定义一组框架结构的HTML网页。当在页面中建立框架时，Dreamweaver可以创建一个无标题的框架集文件，再在每个框架中创建无标题文件，如果某个页面被划分成2个框架，它实际上包含的却是3个独立的文件：一个框架集文件和两个框架内容文件。框架内容文件包含了将出现在页面框架中的内容。 框架通常用来定义页面的导航区域和内容区域。在一般情况下，用户需要不停地在文章内容和导航内容之间进行切换。但是，如果利用框架结构把导航内容永远固定在页面的顶部或左边，那么在任何时候用户都可以直接选择顶部或左边的导航内容，在页面下方或右边浏览想要的内容。 框架自作网页（音乐） 实例音乐播放音乐 （3.1）引题 首先需要说明的是什么时候用模板？ 模板：你要做很多页面，但并不是每一个页面都要标新立异，其实有很多页面在结构和布局上是一致的，不同的只是具体的内容，这时候就可以用模板。简而言之，如果一些页面只有内容不同而结构相似的话，就可以用模板。 （3.2）模板的作用和原理 １、模板的作用 （１）利用模板，我们可以固化站点每页　　都出现的元素。 （２）可以创建具有相同页面布局的一系　　列文件，使整个站点具有统一的风格 。 （３）使网页后期维护方便，可以快速地　　改变整个站点的布局和外观。 （3.3）利用模板创建网页 1、创建模板 （1）将现有文档保存为模板 （2）通过“资源”面板创建新模板 （3）创建嵌套模板 2、定义可编辑区域 （1）定义可编辑区域 （2）删除可编辑区域 （3.4）利用模板更新网页 基于模板的页面与模板是一个整体，称为模板为页面附着模板，而称这些文档为附着模板的文档。 网页创建好以后，如果觉得这些基于模板的系列页面的锁定内容需要修改，可以修改模板并更新基于这个模板的页面，甚至整个网站。 （3.5） 模板的使用 在制作网站的过程中，为了统一风格，很多页面会用到相同的布局、图片和文字元素。为了避免大量的重复劳动，可以使用Dreamweaver 8提供的模板功能，将具有相同版面结构的页面制作为模板，通过模板批量制作这些页面来提高效率。 模板的基本操作 1.1创建模板 模板的创建有以下三种方式。 1）利用“模板”面板 2）将普通网页另存为模板 3）通过菜单创建模板 2．创建可编辑区域 2.1 模板的应用实例 创建常规模板 新建模板 创建模板 有两种方法：第一种：创建一个新的空白模板具体步骤：（1）单击“窗口