Dreamweae布局与框架课件.pptVIP

2021/10/15 * (5) marginwidth属性 用于设定框架中的内容与框架边缘的左右距离 语法: frame marginwidth=“value” (6) marginheight属性 用于设定框架中的内容与框架边缘的上下距离 语法: frame marginheight=“value” 2021/10/15 * 框架窗口属性实例 2021/10/15 * 程序代码 html head title框架窗口属性/title /head frameset cols=20%,80% frame scrolling=yes name=left src= / frameset rows=50%,50%scrolling=yes frame src= / frame src= / /frameset/frameset /html 2021/10/15 * 浮动窗口 浮动框架是在浏览器窗口中可以嵌套子窗口,在其中显示网页的内容。在HTML中通过iframe标签来实现。iframe标签的属性和frame标签的属性基本相同。 语法: iframe……/iframe 2021/10/15 * 浮动窗口实例 2021/10/15 * 程序代码 html head title浮动窗口/title /head body iframe name=iframe src= width=600 height=600 align=center scrolling=yes /iframe/body/html 2021/10/15 * 框架与超链接 使用框架的一个重要目的就是不同的框架中显示不同的页面。 在frame标签中name属性定义了窗口的名称,在a标签中target属性指定链接文字出自哪个窗口。 语法: a href=“url” target=“frame_name” 2021/10/15 * 普通框架与超链接实例 1.普通框架与超链接 2021/10/15 * 2021/10/15 * 首页程序代码 html head title普通框架与超链接/title /head frameset cols=30%,70% frame src=left.html frame name=right /frameset /html 2021/10/15 * 左框架超链接代码 html head title查看图片/title /head body img src=036.jpg align=left width=80 height=200 你想了解北京奥运会场地p a href=right1.html target=right国家体育场 /abr …… a href=right10.html target=right北京科技大学体育馆/abr /body /html 2021/10/15 * 右框架超链接代码 html head title普通框架与超链接/title/head body b国家体育场/bbr img src=001.jpg pre 　　建设地点:奥林匹克公园 　　建筑面积（万M2）:25.8 　　座席数:91000 　　赛时功能:田径、足球 　　赛后功能:将用于国际国内体育比赛和文化、娱乐活动 　　开工时间:2003.12/pre/body/html 2021/10/15 * 2.浮动框架与超链接 浮动框架与超链接实例 2021/10/15 * 点击“带您走进动画天地”进入的页面 2021/10/15 * 点击“感谢你的光临”进入的页面 2021/10/15 * 第7章 Dreamweaver中 布局和框架的应用 2021/10/15 * 布局表格和布局单元格 使用布局视图 　1.切换到布局视模式的方法是:　　在“插入”面板中的“布局”标签中,单击“布局模式”按钮,如图所示。  布局模式”按钮 　　在布局面板上,有两个较为重要的按钮,一个是“布局表格”按钮,可以让用户像绘图一样在页面里绘制表格,进行表格布局;另一个是“绘制布局单元格”按钮,可以在表格中直接绘制单元格。 2021/10/15 * 创建布局表格和布局单元格 1、绘制布局表格 具体操作步骤如下: 开启布局模式,然后在布局面板上单击“布局表格”按钮。然后在文档窗口中绘制表格,如下图所示。 图 绘制表格 2021/10/15 * 表格外边框呈绿色,拖动表格的边框可调整它的大小,或在下面的属性面板中调整宽和