项目六任务1制作班级网站首页----框架网页(精).pptVIP

项目六班级网站山东理工职业学院软件工程学院

目录制作班级网站子页--浮动框架网页任务二任务一项目六所要讲授的任务制作班级网站首页--框架网页

任务1制作班级网站首页--框架网页教学重点框架和框架集的创建与编辑设置框架和框架集属性教学难点框架和框架集的创建与编辑设置框架和框架集属性了解框架网页的概念掌握框架集和框架的创建和保存的方法掌握框架、框架集的编辑和属性的设置方法掌握框架页超级链接的方法教学目标

上节内容回顾上节课讲到了表单的创建和设置以及表单的检查方法等内容。请回答下面两个问题：表单的标记是什么？通常用什么布局？问题1表单对象有几种？问题2

基础知识1——框架的基本操作实例演练2——制作“班级网站”首页任务1制作班级网站首页--框架网页

框架的作用及优缺点编辑框架框架标记（3）（2）（1）1、基础知识—框架的基本操作

1、基础知识—框架的基本操作（1）框架的作用及优缺点框架的作用框架是一个较早出现的HTML对象把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页使用框架布局，可使网站的结构更加清晰。

1、基础知识—框架的基本操作（1）框架的作用及优缺点访问者的浏览器不需要为每个页面重新加载与导航相关的图形加快了网页的下载速度。每个框架都具有自己的滚动条，访问者可以独立滚动这些框架。1456优点23

1、基础知识—框架的基本操作（1）框架的作用及优缺点1234对于不熟悉框架的制作者增添不少难度在采用不同分辨率浏览网页时，难以实现不同框架中各元素的精确图形对齐，对导航进行测试可能很耗时间访问者可能难以将特定页面设为收藏缺点

（2）框架的编辑决定网页的框架数目、大小及位置。制作框架的内容设置框架的格式（大小、颜色、是否显示卷轴等）针对不支持框架的浏览器设计网页内容建立框架网页的步骤12341、基础知识—框架的基本操作

（3）框架的标记1、基础知识—框架的基本操作框架集标记框架标记无框架标记framesetframe……/framesetframesrc=name=scrolling=noresizeid=title=/NOFRAMES……/NOFRAMES

（3）框架的标记1、基础知识—框架的基本操作border=“n”frameborder=“”Bordercolor=“”是否显示边框（yesno）边框颜色框架集标记指定每个框架的边框大小仅适用于IE4）rows将浏览器窗口分成上下窗口（像素或百分比）cols将浏览器窗口分成左右窗口（像素或百分比）Framespacing=“n”指定相邻框架的间距

（3）框架的标记1、基础知识—框架的基本操作框架标记border=“n”指定每个框架的边框大小bordercolor=“#RRGGBB”边框颜色frameborder=“0或1”1显示框架边框，0不显示。marginheight=“n”指定框架上下边界大小marginwidth=“n”指定框架左右边界大小name=“”框架名称noresize不允许浏览者以鼠标拖拽边框的方式改变框架大小scrolling=“yesnoauto”框架是否显示滚动条src=“”指定框架的来源网页

（3）框架的标记1、基础知识—框架的基本操作无框架标记framesetframe……noframes此网页使用了框架，但你的浏览器不支持框架。/noframes/frameset

（1）班级网站首页效果图2、实例演练—制作“班级网站”首页

（2）“班级网站”首页制作步骤2、实例演练—制作“班级网站”首页left.html打开新建文档对话框，新建三个网页，分别命名保存为top.html（上方）、left.html（左侧）、main.html（右侧）。1

（2）“班级网站”首页制作步骤2、实例演练—制作“班级网站”首页top.html打开新建文档对话框，新建三个网页，分别命名保存为top.html（上方）、left.html（左侧）、main.html（右侧）。1

（2）“班级网站”首页制作步骤2、实例演练—制作“班级网站”首页打开新建文档对话框，新建三个网页，分别命名保存为top.html（上方）、left.html（左侧）、main.html（右侧）。1

（2）“班级网站”首页制作步骤2、实例演练—制作“班级网站”首页新建框架集网页，保存为Frameset.html2htmlxmlns=/1999/xhtmlheadmetahttp-equiv=Content-Typecontent=text/