《Dreamweaver CS4网页设计与制作 教学课件 ppt 作者 何富贵 课件 第四章 网页页面布局实现》由会员分享，可在线阅读，更多相关《Dreamweaver CS4网页设计与制作 教学课件 ppt 作者 何富贵 课件 第四章 网页页面布局实现（26页珍藏版）》请在金锄头文库上搜索。
1、Dreamweaver CS4 网页设计与制作,第四章 网页页面布局实现,表格的应用 框架 使用Spry布局对象,主要内容,掌握表格设计网页布局 掌握框架设计网页布局 掌握Spry布局对象,知识目标,表格是现代网页制作的一个重要组成部分，表格是最常用页面布局元素，制作网页经常借助表格进行排版。在表格布局方面，表格可谓起着举足轻重的作用，通过设置表格及单元格的属性，对页面中的元素进行准确定位，表格既能够有序排列数据，又能够对页面进行更加合理地布局。灵活地使用表格的背景、框线等属性可以得到更加美观的效果。,4.1 表格的应用,4.1.1表格介绍,插入表格,4.1.2表格的基本操作与属性设置,图4-
2、2“常用”插入工具栏,图4-3“表格”对话框,设置表格和单元格的属性,表格的“属性”面板,单元格“属性”面板,调整表格的结构,插入行或列的快捷菜单,插入行和列,“插入行或列” 对话框,“拆分单元格”对话框,4.1.3表格的嵌套和排序,嵌套表格,“排序表格”对话框,如果将一个页面拓展为多个页面，则可以在页面中创建一个框架（frame）。 框架可以把浏览器窗口划分为若干区域，每个区域可以分别显示不同的网页。使用框架可以非常方便地完成导航工作。一般情况下，用户需要不停地在文档内容和导航内容之间进行切换，如果利用框架结构，把导航内容固定在页面的顶部、左边或者右边，则用户可以直接通过导航条切换到想要浏览
3、的页面，而且各个框架之间不存在相互干扰问题。,4.2框架,4.2.1创建保存框架集,“新建文档”对话框,4.2.1创建保存框架集,保存框架集文件 保存框架文件,4.2.2显示框架边框和“框架”面板,“框架”面板,4.2.2插入和删除框架,“框架”下拉菜单 “框架”的级联菜单,4.2.3框架与框架集设置,框架“属性”面板,框架集“属性”面板,设置框架链接,设置链接对象,“属性”面板,改变框架和框架集的文件名,“文件”面板 “更新文件”对话框,4.2.3利用框架设计网页,修改网页标题,框架集的“属性”面板和“框架”面板,4.3 使用Spry布局对象,“插入工具栏”的Spry布局对象,4.3.1 Spry菜单栏,“Spry布局对象”菜单,插入的“Spry菜单栏”,“Spry菜单栏”对话框,4.3.1 Spry菜单栏,“属性”面板,Spry菜单栏显示结果,4.3.2Spry选项卡式面板,Spry选项卡式面板,插入的“Spry选项卡式面板”,“属性”面板,4.3.3 Spry折叠式,Spry折叠式,“属性”面板,4.3.4 Spry可折叠面板,Spry可折叠面板,插入的“Spry可折叠面板”,“属性”面板,本部分结束,
