欢迎来到天天文库
浏览记录
ID:39710613
大小:643.10 KB
页数:21页
时间:2019-07-09
《《设计框架网》PPT课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、1第6章设计框架网页Web页的设计方式中,包含有框架网页设计。它可以将Web浏览器窗口分为不同的可滚动的区域。这些区域可独立显示几个Web页。一个窗口可保持不变,而其他窗口根据用户选择的超链接变化。而目前,框架网页多数用在网站后面的界面中,可以通过左侧的栏目导航,在右则显示不同的设置数据页面。除此之外,还有Iframe内嵌框架方式,而这种多数应用于前台的主页中。它可将主页不同功能版块分割成不同的单个文件,这样便于修改网页内容。本章学习要点:2创建框架编辑框架集设置框架的属性内嵌框架应用6.1框架网页3框架提供将一个浏览器窗口划分为多个区域、每个区域都可以显示不同HTML文档的方法。
2、使用框架的最常见情况就是,一个框架显示包含导航菜单的文档,而另一个框架显示包含内容的文档。6.1.1框架网页概述4很多用户可能将网页中的框架看成是一个文件,但实际上文档不是框的一部分,而框是存放文档的容器。1.框架集框架集是HTML文件,它定义一组框架的布局和属性,包括框架的数目、框架的大小和位置以及最初在每个框架中显示的页面的URL。52.框架集的优势3.嵌套的框架集框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。在另一个框架集中的框架集称为嵌套框架集。一个框架集文件可以包含多个嵌套的框架集。大多数使用框架的Web页实际上都使用嵌套
3、的框架,并且在Dreamweaver中大多数预定义的框架集也使用嵌套。如果在一组框架里,不同行或不同列中有不同数目的框架,则要求使用嵌套的框架集。6.1.2创建各种框架在Dreamweaver中有两种创建框架集的方法:既可以从若干预定义的框架集中选择,也可以自己设计框架集。671.创建框架集在Dreamweaver中,创建框架集是非常简单的。82.创建嵌套框架集将光标放置框架集的顶部中,单击【框架】下拉按钮,然后在列表中选择一种框架布局方式,则该框架集就是嵌套框架集。93.创建浮动框架要想在一个HTML网页的局部显示另外一个HTML网页,就需要用到浮动框架。浮动框架是一个HTML网
4、页在另外一个HTML网页中显示的容器。浮动框架可以在空白页面中创建,也可以在表格中创建。6.1.3编辑框架集【框架】面板提供框架集内各框架的可视化表示形式。它能够显示框架集的层次结构,而这种层次结构在【文档】窗口中的显示可能不够直观。在【框架】面板中,环绕每个框架集的边框非常粗;而环绕每个框架的是较细的灰线,并且每个框架由框架名称标识。101.在面板中选择框架2.选择布局框架3.选择不同的框架6.1.4向框架中添加内容在选择框架后,可以向框架不同部分的文件(框架中每一个部分,都是一个独立的文件。)中添加内容,也可以指定为现在文件。111.添加框架文档2.为框架添加内容用户可以通过将
5、新内容插入框架的空文档中,或通过在框架中打开现有文档,来指定框架的初始内容。无论是框架还是框架集,均是显示HTML网页的容器。要添加网页元素则是在框架网页中,而在框架网页中添加元素,与普通网页的操作方法相同,同样可以在其中插入表格、文本、图像、多媒体等。6.1.5保存框架集如果一个站点在浏览器中显示为包含两个框架的单个页面,则实际上至少由三个HTML文档组成:框架集文件以及两个文档,这两个文档包含最初在这些框架内显示的内容。在Dreamweaver中设计使用框架集的页面时,必须保存所有这三个文件,该页面才能在浏览器中正常显示。121.框架集保存2.嵌套框架集保存6.2框架属性选择不
6、同的框架部分,会得到不同的属性。而框架集网页中,有些框架网页为固定网页,而框架集中的mailFrame框架网页为活动网页,所以框架集的超级链接目标与普通网页会有所不同。136.2.1布局框架基本属性由于布局框架中包括框架集和框架,所以在设置其属性时也不尽相同。而某些框架属性还会覆盖框架集中的某些属性,所以在设置过程中要有所注意。141.框架集属性2.框架属性结合Alt键单击某个框架选中该框架后,在【属性】检查器面板中会显示相应的属性参数。当选择框架集后,【属性】检查器面板中显示的是其各个属性参数。6.2.2框架链接框架页的超级链接之所以要特别指出,是因为框架网页少则2个,多则几个框
7、架,链接的网页在哪一个框架中打开,是需要设定的。在创建框架集后,在【框架】面板中会显示每个框架网页的默认名称。156.2.3框架标签创建框架集后,在【代码】视图中发现,选择单个框架与选择框架集的代码是不同的,因为页面所有框架标签需要放在一个HTML的文档,这个档案只记录了该框架如何分割,不会显示任何资料。在布局框架代码中,
此文档下载收益归作者所有