第7讲 表格和表格设置.ppt

《网页设计教程》 网页制作应用教程 2012.10 QQ 讲师：徐儒 上节回顾 超级链接的分类 超级链接及设置 超级链接的高级应用-菜单导航 插入表格 表格和单元格属性设置 表格高级设置 --合并、拆分、增删、嵌套 本节讲堂： 插入表格和设置 1、插入表格 了解的知识点： 表格的作用 插入表格 插入单元格内容 1.1表格的作用 网页制作中，对页面进行布局是非常重要的，表格就是页面布局中常用的方式。Dreamweaver 8不仅支持在表格中有序地排列数据，还可用表格对网页中的文本、图像及其他元素进行定位。 DIV+CSS、框架 1.2 插入表格 菜单方式：菜单-插入-表格 工具方式：工具栏-插入表格 快捷方式：Ctrl+Alt+T 1.3 插入单元格内容 （1）直接插入：将表格插入到文档后即可向表格添加文本或图像等内容。向表格添加内容的方法很简单，只需将插入点定位到要输入内容的单元格中，再输入文本或插入图像即可。 （2）复制粘贴：Excel表格复制粘贴 2、表格和单元格属性设置 了解的知识点： 表格属性设置 单元格属性设置 综合应用 2.1表格属性设置 （1）宽度、高度（像素/百分比） （2）填充、间距、边框、背景颜色、背景图像 2.2单元格属性设置 （1）宽度、高度（像素/百分比） （2）背景、背景图片 2.3综合应用 （1）设置表格背景颜色 （2）设置表格间距为1像素 （3）设置单元格背景颜色 3、表格高级设置 了解的知识点： 合并单元格 拆分单元格 增删单元格 嵌套单元格 合并单元格操作只能针对连续的单元格使用。 （1）选中单元格 （2）鼠标右键-表格-合并单元格（行/列合并） 3.1、合并单元格 表格中每行中单元格列数可能不等，这时可使用拆分命令，根据需要把一个单元格变为几个单元格。 将拆分点定位到要拆分行或列的任意一个单元格中： 鼠标右键-表格-拆分单元格 3.2、拆分单元格 将插入点定位到要插入行或列的任意一个单元格中 插入单行/列: （1）插入单行/列：单元格右键-表格-插入行（列） （2）插入-表格对象-在上(下)插入行/在左(右)插入列 插入多行/列：单元格右键-表格-插入行或列 3.3、增删单元格：插入 将删除点定位到要删除行或列的任意一个单元格中 （1）属性方式：单元格右键-表格-删除行（列） （2）菜单方式：修改-表格-删除行（列） 3.3、增删单元格：删除 3.4、表格嵌套 嵌套表格是表格布局中一个十分重要的环节，它是指在一个表格的单元格中再插入一个表格，嵌套表格的宽度受所在单元格的宽度限制，其编辑方法与表格相同。 将嵌套点定位到要嵌套行或列的任意一个单元格中：插入-表格 3.4、综合应用 用表格设计一个网站初始界面 50/FzghcWebsite/ 3.4、综合应用 用表格设计一个网站初始界面 上机练习 在网页中进行表格和表格设置的练习，在练习过程中，运用课堂讲解的表格插入、嵌套、合并方法、属性设置方法及综合应用等知识，进行综合练习。 《网页设计教程》