Dreamweaver课件：第7章-网页布局

第7章网页布局视图的使用本课要点具体内容上机练习本课要点布局视图的切换方法布局表格和布局单元格的创建方法布局表格和布局单元格属性的设置及意义具体内容7.1布局单元格和布局表格7.1.1切换标准模式和布局模式7.1.2绘制布局表格7.1.3绘制布局单元格7.2布局表格和布局单元格的基本操作7.2.1选择布局表格和布局单元格7.2.2调整布局表格和布局单元格的大小7.2.3布局表格和布局单元格的移动7.2.4设置布局宽度7.3课堂小实例7.4课后习题与解答7.1布局单元格和布局表格在页面布局中一种常用的方法是使用HTML表格对元素进行定位。但是，使用表格进行布局不太方便，因为最初创建表格是为了显示表格数据，而不是用于对Web页进行布局。为了简化使用表格进行页面布局的过程，Dreamweaver提供了布局视图。在布局视图中，可以使用表格作为基础结构来设计自己的网页，避免了使用传统的方法布局时经常出现的一些问题。例如，在布局视图中可以在页面上绘制布局单元格，然后将这些布局单元格移动到所需的位置，达到布局页面的目的。7.1.1切换标准模式和布局模式7.1.2绘制布局表格7.1.3绘制布局单元格7.2布局表格和布局单元格的基本操作7.2.1选择布局表格和布局单元格7.2.2调整布局表格和布局单元格的大小7.2.3布局表格和布局单元格的移动7.2.4设置布局宽度7.3课堂小实例本实例练习在布局视图中使用【布局表格】和【布局单元格】工具完成一个较为完整的页面。其中还运用到了【跟踪图像】功能，使布局页面变的更加简单。7.4课后习题与解答7.4.1填空题（1）按下________组合键可以将视图模式切换到布局模式。（2）在Dreamweaver中选择________|_________|_________菜单命令，可打开布局模式。7.4.2选择题（1）若要使用键盘从一个单元格移动到另一个单元格，下列可行的操作是：________。A．按Tab键移动到下一个单元格B．按Shift+Tab组合键移动到上一个单元格C．按箭头键上下左右移动D．按Shift+Alt组合键移动到上一个单元格（2）请选择在布局表格中没有的属性：_________________。A．背景颜色B．自动伸展C．间距D．换行7.4.3简答题（1）简述使用布局视图意义。（2）简述绘制布局单元格的两种条件。7.4.4操作题（1）将当前文档的标准视图切换到布局视图，并绘制布局表格和布局单元格。（2）参照本章中的实例，在布局视图窗口下创建类似实例中的布局页面。