第04章 静态网页设计基础(css,框架,模板,库)

3、其他相关标记 (1) <noframes> 标记 有些浏览器版本较低，无法显示Frame的功能， 因此，就要使用此标签，让这些人知道，该换 换浏览器了。 使用方法： <noframes> 请换有支持Frame功能的浏览器 <noframes>
三、框架对象的标记和主要属性
3、其他相关标记 (2). target=框架名称 使用方法： <a href="d1-1.htm" target=3>显示內容</a> 标签解释：常常有一个情況是，我想在框窗 1 的地方按下连接，但是希望他的内容出现在框 架 3 中那应该如何写呢？就像上面加个 target= 框架名称 就行啦！
三、框架对象的标记和主要属性
２、FRAME标记属性（框架标记符） （1）SRC=“文件路径” 设定此框架中要显示的网页名称，可以使用绝 对路径也可以使用相对路径。例如： src=“b/c.htm” (2) NAME=“框架名字” (3) 设定这个框架的名称，这样才能指定框架来 作连接，所以一定要设定啊！
一、什么是框架网页？
1.3 框架网页构成
框架式网页是由N+1个网页组成的，N是框 架数。例如：一个3框架的框架式网页一 共有4个网页。 N个网页中只有一个是真正的框架网页-框架集网页。 单个框架、框架集与内容网页的关系如图 所示。
一、什么是框架网页？
1.4 框架网页结构
根据框架分布的不同和各框架作用的不同，框 架网页被分为多种类型。常用到的框架结构有： 左侧框架、右侧框架、顶部框架、底部框架、 上方和下方框架以及各种访问者的浏览器不需要为每个页面重新 加载与导航相关的图形。 （2）每个框架都具有自己的滚动条，方便浏 览。 （3）不必将整个浏览器窗口中的内容更换一 遍。 （4）可以固定网页中的某些内容。
二、框架网页的优点和缺点
缺点：
（1）可能难以实现不同框架中各元素的精确 图形对齐。 （2）对导航进行测试可能很耗时间。 （3）并不是所有浏览器都能显示框架网页。
四、框架标记应用举例
例子1: index.htm 是真正的框架网页, 有三个框架,分别显 示三个网页 a.htm,b.htm, c.htm
第四章 静态网页设计基础
主讲：王兆华
2019/2/16
主要内容
1、网页整体设计 2、网页布局 3、文本编辑 4、设置超级链接 5、图像编辑 6、使用表格 7、使用层对象 8、框架设计 9、CSS样式表 10、模板和库项目
第一节 框架设计主要内容
•一、什么是框架网页？
(3)frameborder：设定框架的边框，其值只有 0, 1 ,no和yes, 0(no) 就是不要边框， 1(yes) 就是要显 示边框。 (4) border:设置边框的宽度,其值为像素值,只有在 frameborder=1或者yes的前提下才有效. (5) bordercolor:设置边框的颜色，其值为16进制 颜色值或者标准颜色值。
•二、框架网页的优点和缺点
•三、框架对象的标记和主要属性
•四、框架标记应用举例
•五、Dreamweaver中有关框架的操作 •六、框架网页使用的经典示例
一、什么是框架网页？
1.1框架网页的概念
框架网页是—种特殊的HTML网页，它可
将浏览器窗口分成不同的区域，称为框架区域。
每个区域都可以显示不同的网页。
cols属性：构造出纵向分隔框架；
取值包括三种类型：一是直接指定像素数；二是
指定百分数；三是使用n*（其中n是≥1的整数）指
定相对大小。注意：指定属性值时，数值之间用 逗号分开并且不能有空格.
三、框架对象的标记和主要属性
1、FRAMESET标记属性 (2)framespacing：表示框架与框架间的保留空白的 距离，取值为：像素值。
三、框架对象的标记和主要属性
２、FRAME标记属性（框架标记符） (3) frameborder：设定框架的边框，其值只有 0, 1 ,no和yes, 0(no) 就是不要边框， 1(yes) 就是要显 示边框。
注意:只有所有相邻框架的边框都设置为０才能隐 藏边框．
三、框架对象的标记和主要属性
２、FRAME标记属性（框架标记符） （4）SCROLLING： 设定是否要显示滚动条， YES是要显示滚动条，NO是无论如何都不要 显示，AUTO是视情況显示。 例如： SCROLLING＝”no” （5）noresize 设定不让使用者可以改变这个 框框的大小，如果没有设定这个参数，使用者 可以很容易的拉动框架，改变其大小。
三、框架对象的标记和主要属性
框架网页的主要标记符：
在框架集网页中，除了基本的
HTML、HEAD等标记符以外，主要包 括框架集标记符FRAMESET（必须有 结束标记符</FRAMESET>）和框架标 记符FRAME（没有结束标记符）。
三、框架对象的标记和主要属性
1、FRAMESET标记属性 （1）rows和cols属性 rows属性:构造出横向分隔框架；
在框架网页中，用来分隔网页的窗格称为
框架。每个框架包括框架高度、框架宽度、滚
动条和框架边框，此外还可指定框架的内边距
（框架与网页正文之间的距离）。
一、什么是框架网页？
1.2 框架网页相关概念
•框架： Frames •框架集： Frameset •单个框架： Frame •框架（Frames）由框架集（Frameset）和单个框架 （Frame）两部分组成。框架集是一个定义框架结构的网 页，它包括网页内框架的数目、每个框架的大小、框架 内网页的来源和框架的其它属性等。单个框架包含在框 架集中，是框架集的一部分，每个框架中都放置一个内 容网页，组合起来就是浏览者看到的框架式网页。
三、框架对象的标记和主要属性
２、FRAME标记属性（框架标记符） (6) Marginhight: 设置框架高度部份边缘所保留 的空间。 (7) Marginwidth: 设置框架宽度部分边缘所保留 的空间。 这个两个属性的取值都是像素值. 例如: marginhight=“3”;
三、框架对象的标记和主要属性