Dreamweaver FrontPage HTML/CSS Javascript 
Google adsense申请技巧本站核心代理域名注册主机业务 快速发布你的买卖域名买卖网站信息 1元注册 cn域名
站长每日新闻导读 √ ·推荐万网空间¥120元 150m 站长网:站长必上的网站网站联盟大全本站代理万网域名55空间120元
 2006-12-10 19:43:35

第十六节 窗框结构

来源: 字体:[ ]

窗框结构即是将两个或两个以上的网页页面组合起来,能用同一个窗口打开的结构,即多个页面合起来显示成一个页面的效果。
一个窗框结构包括两方面的网页文件,一个是窗框设置文件,告诉浏览器有哪些内容文件,怎样排列;另一个或几个是内容文件,将在窗口中分框显示,每个页面作为总页面的一个框体。例如,一个两框的窗框结构有三个文件,即一个窗框设置文件、两个内容文件。
窗框结构的好处在于能统一风格、便于制作和修改、方便访问。窗框结构的缺点也很明显,使用了窗框结构的页面会影响页面的浏览速度。

要设置窗框结构,你可点击Objects面板上的 按钮,再选择Frames,把Objects 面板切换到Frames模式,其上有一系列图标可供选择,代表了不同的框体排列方式。或者点击Insert\Frames,再从中选择,这些选项和Objects面板Frames模式上的图标是一一对应的。
以下将以Objects面板Frames模式为主讲述。 Objects面板Frames模式的图标很形象的反映了本身所代表的框体排列方式。例如,左上角的那个图标很明显代表了一个左右结构的窗框结构。要加入窗框结构,先设想好各窗体的排列方式,从Objects面板Frames模式上选择合适的图标,点击即可。

插入一个窗框结构,会发现各窗框间被用一条灰线分开,这叫框线。可直接用鼠标拖动框线调整窗框的大小。按住Alt键,再用鼠标拖动框线可在合适的位置新增一条框线。
用鼠标点击一下框线,窗框的Properties面板会如下图所示。


(窗框的Properties面板)

点击右下角的小三角,面板会被展开,如下图所示。

(展开的窗框Properties面板)

下面是对面板上各项的解释。
Borders即是否显示出边框,其后的下拉选框中有三个选项——Yes、No和Default。Yes是显示框线,No是不显示框线,Default是由访问者的浏览器的默认值决定(这个默认值一般是显示框线)。注意,如果选No,用浏览器打开页面当然看不见框线,但用Dreamweaver打开仍有浅灰色的线,这为了你编辑的方便。如选择了Yes,即显示框线。
Border Color即框线的颜色,在这里可设置框线的颜色。当然,只有框线被设制为显示时,框线的颜色才有意义。
Border Width是框线的宽度,实际上相当于各相邻框体的间距。Dreamweaver自动设为0,这时可作修改。
扩展后的的Properties面板下面部分还有Column一项,即对同一行的一个或几个框体的高进行设置,或对同一列的一个或几个框体的宽进行设置。注意到面板右方有一个小框,可用鼠标对其上的行或列进行选取,选中的行或列在框中用深色显示。选中后,即可在Column后设置其高或宽的大小。随后的Units选框是设置你所填数值的单位,有三个选项——Pixels、Percent和Relative。Pixels是像素单位,例如50 Pixels表示五十个像素;Percent是百分比单位,例如50 Percent表示其宽或高占浏览器窗口的50%;Relative是相对单位,例如有左右两个框体,左框体宽设为1 Relative,右框体宽设为2 Relative,则右框体的宽是左框体的两倍。

有些浏览器不支持窗框结构,可通过设置NoFrames Content,使不支持窗框结构的浏览器也能看到内容。点击菜单栏的Modify\Frameset\Edit NoFrames Content,即可在Dreamweaver窗口中对NoFrames Content进行编辑,编辑的内容将被不支持窗框结构的浏览器显示。NoFrames Content的编辑方法和普通网页页面的编辑一样。要推出NoFrames Content编辑状态,再次点击菜单栏的Modify\Frameset\Edit NoFrames Content即切回以前的窗框结构编辑窗口。

最后将提一下窗框结构网页的保存。前面曾提到过,一个窗框结构包括窗框设置文件和框体内容文件两方面的网页文件。保存窗框结构页面时,点击菜单栏的File\Save All或是使用快捷键Ctrl+Shift+S是保存所有的页面;点击菜单栏的File\Frameset是保存窗框设置文件;移动光标到某一特定框体,点击菜单栏的File\Save是保存此框体的内容文件。
网站地图 - 域名注册续费虚拟主机代理 - 交易论坛 - 网站投稿 - 广告服务 - 帮助中心 - 联系我们
Copyright ©2003-2007 www.Admin5.com All Rights Reserved