欢迎来到天天文库
浏览记录
ID:43158964
大小:796.50 KB
页数:10页
时间:2019-10-01
《《Dreamweaver_8基础与实例教程》第5章》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、第5章布局定位转载:saya第5章布局定位5.1创建布局表格和布局单元格5.2编辑布局表格和布局单元格5.3利用布局视图规划网页实例5.1创建布局表格和布局单元格5.1.1绘制布局表格5.1.2绘制嵌套布局表格5.1.1绘制布局表格单击“布局”栏中的“布局表格”按钮,鼠标指针变为加号,将鼠标指针放置在页中要开始绘制表格的位置,再用鼠标在设计窗口内拖曳,即可绘制出一个绿色线条的表格。在绘制表格后,单击“布局”栏中的“绘制布局单元格”按钮,鼠标指针变为加号,将鼠标指针放置在页中要开始绘制单元格的位置,再用鼠标在设计窗口内拖曳,即可绘制出一个单元格。5.1.2绘制嵌套布
2、局表格您可以将一个布局表格绘制在另一个布局表格中,创建嵌套表格。对外部表格所进行的更改不会影响嵌套表格中的单元格;例如,当您更改外部表格中行或列的大小时,内部表格中单元格的大小不发生变化。5.2编辑布局表格和布局单元格5.2.1调整布局单元格和表格的大小与位置5.2.2布局表格和布局单元格的“属性”栏5.2.1调整布局单元格和表格的大小与位置1.设置布局表格选中布局表格:单击布局表格内部或它的标签,即可选中布局表格。选中的布局表格的四周会出现8个控制柄和布局表格宽度标注。调整表格的大小与位置:用鼠标拖曳布局表格的标签,即可改变布局表格的位置;用鼠标拖曳布局表格的绿
3、色控制柄,即可改变布局表格的大小。注意:不能将布局表格调整到比其中的单元格还小,也不能将布局表格移到其他布局表格之上。2.设置布局单元格选中布局单元格:将鼠标指针移到布局单元格的蓝色线条处,布局单元格的线条会变为红色,此时单击布局单元格的线条,即可选中布局单元格。选中的布局单元格四周会有8个控制柄。调整单元格的大小与位置:选中单元格后,用鼠标拖曳单元格线条,即可改变单元格的位置;用鼠标拖曳单元格的控制柄,即可改变单元格的大小。注意:不能将单元格移出所在的布局表格,也不能将单元格移到其他单元格之上。5.2.2布局表格和布局单元格的“属性”栏1.布局表格的属性面板2.
4、布局单元格的属性面板5.3利用布局视图规划网页实例在Dreamweaver8中,如果要制作不规则的表格布局,需要不断地进行合并单元格和拆分单元格等操作,非常麻烦。使用Dreamweaver8提供的“布局视图”,可以很好地解决这个问题。接下来,我们就在“布局视图”中规划网页的布局。这里仍以“数学与计算机系”网站为例,重新规划网页的布局
此文档下载收益归作者所有