《总体规划2框架》PPT课件

《《总体规划2框架》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、4.1框架的基本操作点4.1.1创建框架集4.1.2选中框架4.1.3设置框架属性4.1.4设置框架集属性4.2超级链接的基本操作4.2.1超级链接基本类型4.2.2超级链接标记4.2.3创建超级链接4.2.4设置链接管理特性4.3CSS样式的基本操作4.3.1创建CSS样式4.3.2设置CSS样式参数4.3.3创建导航条4.3.4创建跳转菜单附选择器类型设置目录4.1框架的基本操作绪认识框架网页严格地说“框架”是指控制框架网页结构的整体，框架中每一个区域称为一个框架窗口。框架网页是—种特殊的HTML

2、网页，它可将浏览器窗口分成不同的区域，称为框架区。每个区都可以显示不同的网页。在框架网页中，用来分隔网页的窗格称为框架。每个框架包括框架高度、框架宽度、滚动条和框架边框，此外还可指定框架的内边距（框架与网页正文之间的距离）。框架网页的特点1.只要单击某一个框架区域内的超链接，其指向的网页就会在另一个框架区域中显示，而不必将整个浏览器窗口中的内容更换一遍。2.固定网页中的某些内容。3.并不是所有的浏览器都能显示框架网页，这也是框架网页的一个局限。框架网页的结构根据框架分布的不同和各框架作用的不同，框架网

3、页分为多类型。常用的框架结构有：左侧框架、右侧框架、顶部框架、底部框架、上方和下方框架以及各种嵌套框架结构。绪创建框架网页的四种方法1.“修改”菜单→“框架集”→选择所需框架类型。2.布局面板→“框架”按钮→选择所需框架类型。3.“标准”工具栏→“新建”按钮(或“文件”菜单→“新建”)→“新建文档”对话框上，选定所需类型，单击确定。4.“插入”菜单→“HTML”→“框架”命令，从弹出的子菜单中选择选需项。4.1.1创建框架集框架和框架集都是独立的HTML文档，要改变必须先选中。选择整个框架1）按住Al

4、t键，鼠标→整个边框变为垂直或水平→单击。2）鼠标→第一次分割框架的边框变为垂直或水平→单击。3）在框架面板中，单击“框架”或“框架集”选择子框架1）按住Alt键，鼠标单击欲选择的子框架。(被选中的子框架周围被虚线包围，状态栏上加黑显示标记符frame)2）同样也可以通过“框架”面板选择子框架。4.1.2选中框架框架属性面板4.1.3设置框架属性框架属性的设置：“原文件”框框架对应的原文件路径、名称。“边界宽度”和“边界高度”设置框架内容与边界的距离。“边框”框设置当前框架的边框显示与否。“边框颜色”

5、设置当前框架所有边框颜色。“滚动”框设置当前框架中滚动条的显示方式。“不能调整大小”复选禁止改变框架尺寸。框架集属性面板4.1.3设置框架集属性框架集属性的设置：“边框”框设置框架集中所有边框显示与否。“边框颜色”设置当前框架集所有边框颜色。“边框宽度”框设置框架集边框的宽度数值。“行”或“列”框设置框架集的宽度分3个选项：1.像素：固定框架大小2.相对：框架集中框架之间的大小比例。3.百分比：框架与框架集大小的百分比附：课堂小实例本实例主要运用框架集、框架制作一个主页。实例中用到：框架的插入、编辑、

6、保存等知识。4.2超级链接的基本操作绪超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。因链接是把源端点与目标端点之间链接起来，为此将端点形象地称为锚，源端点称为源锚，目标端点称为目标锚。合理使用超级链接：合理安排超链接在网页的制作中

7、是非常重要的。采用什么结构的链接会直接影响到网页的布局。建议：避免孤立文件的存在。在网页中避免使用过多的超链接。网页中的超链接不要超过4层。页面较长时可以使用书签。设置主页或上一层的链接。4.2超级链接的基本操作绪超级链接的类型：1)外部链接：本站点内不同页面之间相互联系的超链接。又称锚点链接，用它跳转到本站点指定文档位置。3)E-mail链接：启用电子邮件程序，书写、发送到指定地址。2)内部链接：把网页与Internet中的目标相联系的链接。用它可以跳转到本站点以外的其它文档或文件，图形、电影等。4

8、)虚拟链接及脚本链接：附加行为至对象或JavaScript代码的链接。5)按照使用对象不同，链接又可以分为：文本超链接、图像超链接、多媒体文件链接、空链接等4.2.1超级链接类型锚标记：利用文本创建的超级链接为超文本，通过锚标记可以实现超文本链接。4.2.2超级链接标记的标记属性：Href属性：定义一个指向目标锚点的URL，其值就目标锚的URL路径和文件名。Name属性：为链接命名（字符串）。Type属性：指定目标锚的类