资源预览内容
第1页 / 共18页
第2页 / 共18页
第3页 / 共18页
第4页 / 共18页
第5页 / 共18页
第6页 / 共18页
第7页 / 共18页
第8页 / 共18页
第9页 / 共18页
第10页 / 共18页
亲,该文档总共18页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
网页设计与制作技术,第五章 框架实现多窗口页面,框架,框架和框架集 设置框架页中的链接 框架实现多窗口页面 浮动框架,概述,在网页中除了使用表格和层进行内容的组织定位外,还有一种布局方式,那就是框架。框架是网页的基本构造,通过框架可实现多窗口页面。框架通常用于布局论坛或网站后台管理页面等。,框架集,使用框架可以把浏览器窗口划分为若干个区域,每个区域就是一个框架。 即在一个浏览器窗口分别显示不同的HTML页面。在框架网页中同时还需要有一个文件记录框架的数量、布局方式、链接和属性等信息,这个文件就是框架集。,框架结构的网页,单击左侧导航图像,右边窗口内容发生变化,左侧窗口为固定内容,不发生变化,用HTML代码中创建框架网页,框架集属性,框架属性,在Dreamweaver中创建框架页,方法一: 单击【文件】菜单打开【新建文档】对话框,在【常规】选项中选择“框架集”,在Dreamweaver中创建框架页,方法二: 在网页编辑窗口单击【布局】工具栏中的框架 按钮。,自定义创建框架,【杳看】/【可视化助理】菜单下选择“框架边框”命令,框架页的边框就会显示出来 。 将鼠标放置在最上面的框架边框上,鼠标变成形状后 拖曳边框到合适位置,将浏览器拆分为上下两个窗口。 按住【Alt】键将鼠标放在要拆分的框架窗口内单击,鼠标移至边框上变成形状 拖曳,可继续将框架进行水平拆分为左右两个窗口 。,方法三:,自定义创建框架,框架页的选择,单击【窗口】/【框架】执行菜单命令可打开【框架】面板 。黑色粗线条围起来的是框架集(Frameset)灰色线条围起来的是(Frame),设置框架的属性,框架建立好后就可以在其【属性面板】对框架的样式进行设置。如设置边框及颜色,是否要滚动条,框架窗口的大小等。,框架布局网页,该网页将浏览器窗口分割成三个部分:分别是上、左下、右下3个框架。这种框架称为嵌套结构框架,指定框架页的超链接,为了确定超链接网页在指定的目标框架中显示必须为框架命名 设置链接的目标窗口,浮动框架,浮动框架是一种可以嵌入网页的特殊框架。与一般框架不同,它不以框架集为基础,可以插入到任何网页中。,Iframe标记的常用属性,课后练习,创建如图所示的框架结构网页,上部为固定的导航区,左边栏目为网页导航区,右边为信息内容区。,
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号