《课表格布局表格》PPT课件

《《课表格布局表格》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3课“布局模式”进行布局课堂讲解上机实战使用表格进行布局不太方便，因为最初创建表格是为了显示表格数据，而不是用于对Web页进行布局。为了简化使用表格进行页面布局的过程，Dreamweaver提供了“布局”模式。在“布局”模式中，您可以使用表格作为基础结构来设计页，同时避免使用传统的方法创建基于表格的设计时经常出现的一些问题。一、绘制布局表格1、确保您处于“布局”模式中。2、在“插入”栏的“布局”类别中，单击“绘制布局表格”按钮。3、鼠标指针变为加号(+)。4、将鼠标指针放置在页上，然后拖动指针以创建布局表格。绘制布局单元格：1、确

2、保您处于“布局”模式中。2、在“插入”栏的“布局”类别中，单击“绘制布局单元格”按钮。3、鼠标指针变为加号(+)。4、将鼠标指针放置在页上，然后拖动指针以创建布局单元格。二、绘制嵌套布局表格对外部表格所进行的更改不会影响嵌套表格中的单元格；还可以插入多级嵌套表格。嵌套布局表格的大小不能超过包含它的表格。三、在表格中添加内容1、插入文本⑴　直接输入文本定位单元格，直接输入文本，若文本超过宽度，则自动扩展。⑵　粘贴其它文本先将其它文本存入到剪贴板中，再将剪贴板中的内容粘贴至当前光标处。2、插入图片⑴　鼠标单击选定位；⑵　然后单击“对象

3、”面板中的“插入图像”钮或选择“插入”｜“图像”菜单，弹出查找图像文件对话框；⑶选择所需的图像文件，单击“选择”。可以直接拖入.四布局模式参数设置指定DreamweaverMX2004是否该在将列设置为自动伸展时自动插入间隔图像。设置站点间隔图像文件。选择一个站点，然后单击按钮创建一个新的间隔图像文件，或单击按钮定位站点中现有的间隔图像文件。设置布局单元格外框的颜色。设置布局表格外框的颜色。设置布局表格中没有布局单元格区域的颜色。布局表格和布局单元格的基本操作选择布局表格和布局单元格调整布局表格和布局单元格的大小布局表格和布局单元格

4、的移动小技巧：1、布局单元格不能在同行放置，可采用大的单元个嵌套两个平行单元格的办法。2、最先画的布局表格可以选中按右键居中对齐。3、布局单元格是布局的最小单元，不能嵌套其他的布局表格或单元格。在布局视图中使用单元格可以直接插入网页元素，不用切换到标准模式下。4、给网页加背景图片：先绘制布局表格（或单元格）---发现不能加背景图片回标准模式---可以加！！间距设置相邻布局单元格之间的间隔（以像素为单位）。填充设置布局单元格内容和单元格边框之间的间隔（以像素为单位）。目前访问者的浏览器800×600的分辨率使用频率最高，所以一般将窗口

5、定为760×420大小。课堂小实例Index.htm的布局Ι760×631整体表格(右键居中对齐)。760×120第一行140×120logo620×120banner760×20导航条（回标准模式添加背景图片）主体140×477人生格言给自己（背景颜色为蓝色）620×477右边表格（回标准模式添加背景图片back.gif）550×400flash550×52曾经爱的网络里　心在游弋760×14小慧版权所有Index.htm的布局ΙΙ760×120第一行(右键居中对齐)140×120logo620×120banner760×20导航

6、条(右键居中对齐)（回标准模式添加背景图片）760×477(右键居中对齐)140×477人生格言给自己（背景颜色为蓝色）620×477右边表格（回标准模式添加背景图片back.gif）550×400flash550×52曾经爱的网络里　心在游弋760×14小慧版权所有表格创建后，可以为其添加内容、修改表格的属性以及对表格数据进行移动或排序等操作。表格插入表格设置表格由多少行多少列组成。指定表格边框以像素为单位的宽度值。表格相邻的单元格之间相距的像素数。指定表格标题相对于表格的显示位置。表格的说明。以像素为单位或按占浏览器窗口宽度的百

7、分比来定义表格的宽度。单元格内容和单元格边框之间相距的像素数。对表格的列或行标题进行设置。显示在表格外的标题。1、选择整个表　　　将鼠标指针向表格的左上角，待出现四个方向的移动指针时，单击。　　先在表中单击，右键的快捷菜单。先在表中单击，再选择状态左边的粗黑标记“table”。光标点击行或列时可以选中。选中操作2、选择单元格用鼠标在所要选定的单元格内连击。单击鼠标，按住不放，向相邻单元拖动。3、选择连续的一行，一列拖动即可。4、选择不连续的单元格按住Ctrl键不放，再用鼠标选择对表格的编排调整表格的尺寸⑴　选中整个表格指针指向表

8、格左上角，出现移动指针，单击，出现控制句柄。　　⑵将指针指向句柄，当出现双向箭头时，用鼠标拖动至适应位置松开。等比例（宽高比固定）调整：指针指向右下角句柄，按住Shift键不放，拖动鼠标。利用属性面板，输入高与宽的值，进行调整。调整