(精品)HTML框架.ppt

3.4 使用框架Page 2n n在网络带宽十分有限的情况下，如何提高网页的下载速在网络带宽十分有限的情况下，如何提高网页的下载速度，是设计网页时必须考虑的问题。度，是设计网页时必须考虑的问题。n n如果多个网页拥有如果多个网页拥有相同的导航区相同的导航区，只是内容有所不同，只是内容有所不同，则可以考虑使用则可以考虑使用框架框架来设计网页布局。这样浏览者在查来设计网页布局。这样浏览者在查看不同内容时，便看不同内容时，便无需无需每次都下载整个页面，而可以保每次都下载整个页面，而可以保持持导航部分导航部分不变，只下载网页中需要更新的部分即可，不变，只下载网页中需要更新的部分即可，从而极大从而极大提高网页的下载速度提高网页的下载速度。n n这样的网页也称为这样的网页也称为框架页框架页，典型的应用是各种论坛。，典型的应用是各种论坛。n框架常和表格配合使用，即先用框架将页面划分为几个区域，然后再用表格对每个区域实现精准布局。Page 31.框架网页的结构n框架页面通过框架将网页分成多个独立的区域，每个区域可以单独显示不同的网页，可以独立翻滚。n正是基于框架页面的这种特点，使用框架可以极大丰富网页设计的自由度，可以在不同的部分设置不同的网页属性，尤其对于页面间的链接。n1.框架（子框架）-网页文件n就是网页中被隔开的各个部分，每个部分都是一个完整的网页。n2.框架页（父框架）-网页文件n用于定义框架的结构、数量、尺寸等属性。Page 42.框架网页的功能 及 优缺点n最常见的用途是导航栏n网页中的一组框架通常包括一个含有导航条的框架和另一个要显示主要内容的框架。单击导航条内的链接会改变主要内容页面的显示画面，而不会改变整个框架页面。n优点（1）提高网页下载速率，同时也减轻网站服务器的负担（2）每个框架都有自己的滚动条，可以独立滚动。n缺点（1）很难实现每个框架内部页面中各元素的精确定位。（2）带有框架的页面的URL不显示在浏览器中，访问者难以将特定页面设为书签。Page 53.创建框架网页文档n有两种方法：（1）选择“文件新建实例中的页框架集”上面创建了一个由上面创建了一个由两部分两部分构成的构成的框架页框架页，所以在保存时，一，所以在保存时，一定要保存定要保存3 3个页面个页面，分别为，分别为框架页框架页、上面框架使用的页面上面框架使用的页面和和下面框架使用的页面下面框架使用的页面。Page 63.创建框架网页文档（2）【插入】栏的【布局】中的【框架】下拉按钮 这些创建框架的操作是以该HTML页面为基准的。下面以创建“左侧框架”为例，该框架页由左右两区域构成，会自动新建一个HTML页面作为该框架页的左侧区域，原来的HTML页面将成为该框架页的右侧区域。提示：提示：图标已经反映了图标已经反映了要创建的框架页的结构，要创建的框架页的结构，蓝色区域蓝色区域就是原就是原HTMLHTML页页面所在的区域面所在的区域Page 74.编辑框架n框架的基本操作n显示/隐藏框架：“查看可视化助理框架”（1）创建嵌套框架。我们可以在框架页的框架中再插入框架页，这样的框架称为嵌套框架。（2）选择框架或框架集n利用“框架”面板，当框架被选中时，边框线显示为点划线；当框架集被选中时，所有包含在该框架集中的框架边线都显示为点划线。Page 84.编辑框架（3）设置框架属性n选中某一框架，在“属性”面板中设置该框架调用的该框架调用的HTMLHTML页面页面框架内容与框架内容与框架上下边框架上下边框框之间的最小距离之间的最小距离框架内容与框架内容与框架左右边框架左右边框框之间的最小距离之间的最小距离“滚动”选项“不能调整大小”选项（4）设置框架集属性Page 95.框架页面的保存n使用DW创建的框架页在保存时，会自动新建页中每一个框架所需的HTML页面。新建的框架页和HTML页面必须全部都要保存，否则框架页将不能正常显示。选中整个框架集，然后框架页选中整个框架集，然后框架页的标题栏上的标题栏上右击右击，选择，选择“保存保存全部全部”，就会陆续弹出保存对，就会陆续弹出保存对话框来保存所有的话框来保存所有的HTMLHTML页面。页面。小技巧：小技巧：一个框架页不管一个框架页不管有多少个框架构成，其有多少个框架构成，其要要保存的页面数量保存的页面数量页面被页面被框架分成的区域数框架分成的区域数+1要保存要保存4个页面个页面