DW表格的制作课件PTT
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
位为像素。 6、单元格间距：相邻的单元格之间的距离，单位为像素。
以德立身 以技立足
放飞理想 激扬青春 展现自我
选取单元格、行与列、表格
一、选择单元格 方法一：单击单元格内部，在标签选择器中选择<td>标签。
以德立身 以技立足
放飞理想 激扬青春 展现自我
选取单元格、行与列、表格
一、选择单元格
方法二：按住Ctrl键同时选中单元格
以德立身 以技立足
放飞理想 激扬青春 展现自我
设置表格和单元格属性
二、设置单元格属性 选中要设置的单元格，属性面板中将显示该单元格的属性
1、水平：单元格内容的水平对齐方式。 2、垂直：单元格内容的垂直对齐方式。 3、宽、高：单元格的宽度和高度，单位默认为像素，也可设置为百分比。 4、不换行：设置单元格的内容全部都在一行内。 5、标题：默认表格标题单元格格式粗体并居中。 6、背景颜色：设置单元格背景的颜色。 7、合并单元格：将所选择的两个或多个单元格合并。 8、拆分单元格：将所选择的单元格拆分为两个或更多单元格。
以德立身 以技立足
放飞理想 激扬青春 展现自我
选取单元格、行与列、表格
二、选择行或列
方法一：拖放鼠标，选择一行的 所有单元格或一列的所 有单元格。
方法二：当鼠标在行的左边缘或者列 的上边缘变成箭头时候，单 击鼠标选择行或者列。
以德立身 以技立足
放飞理想 激扬青春 展现自我
选取单元格、行与列、表格
表格嵌套
表格嵌套是指在一个单元格中再插入一个表格。
将光标定位在被嵌套的单元格内，打开“插入”菜单，选择“表格”命令，打开“插入表格”对话
框，和插入表格一样的操作，在弹出的对话框中设置需要创建的表格属性即可。
以德立身 以技立足
放飞理想 激扬青春 展现自我
增加与删除表格的行、列
在插入表格时设置的行和列的数目不一定准确 可以在后期增加或减少表格行和列的数目。
三、选择表格 方法一：单击鼠标的左上角
选中整个单元格。
方法二：单击某个单元格，在标签 选择器中选择<table>标签
以德立身 以技立足
放飞理想 激扬青春 展现自我
设置表格和单元格属性
一、设置表格属性 选中要设置的表格，属性面板中将显示该表格的属性。
1、行和列：行的数目和列的数目。 2、宽：表格的宽度，单位默认为像素，也可设置为百分比。 3、填充：内容与边框之间的距离，单位为像素。 4、间距：相邻的单元格之间的距离，单位为像素。 5、对齐：表格的对齐方式。 6、边框：表格边框的宽度，单位为像素。 7、类：选择套用的类。
以德立身 以技立足
放飞理想 激扬青春 展现自我
学习目标
以德立身 以技立足
一、创建表格 二、选取单元格、行与列、表格 三、设置表格和单元格属性 四、调整表格、行和列的大小 五、表格嵌套 六、增加与删除表格的行、列 七、拆分与合并单元格
放飞理想 激扬青春 展现自我
表格的作用
表格是一种常用的组织和处理数据的形式，用表格来组织网页内容，用行和列来显示信息，可以设 计出布局合理、结构协调、美观匀称、简单明了的页面。在网页中表格的主要作用是在页面中显示表 格数据和利用表格进行布局。
创建表格
将光标定位在需要插入表格位置，打开“插入”菜单，选择“表格”命令，或按快捷键 （ctrl+Alt+T），将弹出“表格”对话框。
1、行数：表格具有行的数目。 2、列：表格具有列的数目。 3、表格宽度：表格的宽度，单位有“像素”和“百分比” 4、边框粗细：表格边框的宽度，单位为像素。 5、单元格边距：单元格边框和单元格内容之间的距离，单
以德立身 以技立足
放飞理想 激扬青春 展现自我
巩固知识 课堂练习 互动环节 上台演示
有问题提问了！
以德立身 以技立足
放飞理想 激扬青春 展现自我
分享经验 共同成长 感谢您的聆听
在页面中显示表格数据可以在网页中直接清晰的反应表格数据，特别是有大量数据文字时，比如 新闻列表、商品列表、通讯录等。
小贴士
在网页制作 中，表格的作用可大了，利用表格布局是网页布局的方法之一， 通过设置表格的高度、宽度和比例等对页面元素进行控制，从而对网页元素进行 精确布局定位。
以德立身 以技立足
放飞理想 激扬青春 展现自我
在弹出的“插入行或列”对话框中设置相关参数。
以德立身 以技立足
放飞理想 激扬青春 展现自我
拆分与合并单元格
一、拆分单元格 选中所需要拆分的单元格，在属性面板中单击“拆分”按钮，弹出“拆分单元格”对话框，在对
话框中选择需要拆分行还是列，以及需要拆分的数量，单击确定即可。 拆分单元格快捷键（CTRL+ATL+S)
以德立身 以技立足
放飞理想 激扬青春 展现自我
拆分与合并单元格
二、合并单元格 选中所需要合并的若干个单元格，在属性面板中单击“合并”按钮，可以将它们合并成一个单元格。
以德立身 以技立足
放飞理想 激扬青春 展现自我
课后总结
包括了制作网页最基本的技能，引导大家从创建站点开始， 然后新建网页文档、保存文档 设置属性等一系列操作。接着完成了网页文本的插入和编辑，以及图像的插入的编辑。通过本项目 的学习和操作，大家就可以制作出简单的网页来了。
表格行和列的增加和删除可以在表格的属性 面板中修改行和列的数目来实现，也可以打开 “修改”菜单，选择“表格”子菜单中的 “插入行”、“插入列”或“插入行或列”命令。
插入行快捷键：CTRL+M 插入列快捷键：CTRL+shift+A
以德立身 以技立足
放飞理想 激扬青春 展现自我
增加与删除表格的行、列
以德立身 以技立足
放飞理想 激扬青春 展现自我
调整表格、行和列的大小
有两种方法可以调整表格、行和列的大小: 方法一：将鼠标放在表格的某行或某列的边框线上，按住鼠标上下或左右拖动可以直观地调整行 列的大小。 方法二：选择表格或表格的行、列，在属性面板中设置其宽度和高度来调整大小。
相比较而言，方法一更直观，方法二更精确
以德立身 以技立足
放飞再插入一个表格。
将光标定位在被嵌套的单元格内，打开“插入”菜单，选择“表格”命令，打开“插入表格”对话
框，和插入表格一样的操作，在弹出的对话框中设置需要创建的表格属性即可。
以德立身 以技立足
放飞理想 激扬青春 展现自我
以德立身 以技立足
放飞理想 激扬青春 展现自我
选取单元格、行与列、表格
一、选择单元格 方法一：单击单元格内部，在标签选择器中选择<td>标签。
以德立身 以技立足
放飞理想 激扬青春 展现自我
选取单元格、行与列、表格
一、选择单元格
方法二：按住Ctrl键同时选中单元格
以德立身 以技立足
放飞理想 激扬青春 展现自我
设置表格和单元格属性
二、设置单元格属性 选中要设置的单元格，属性面板中将显示该单元格的属性
1、水平：单元格内容的水平对齐方式。 2、垂直：单元格内容的垂直对齐方式。 3、宽、高：单元格的宽度和高度，单位默认为像素，也可设置为百分比。 4、不换行：设置单元格的内容全部都在一行内。 5、标题：默认表格标题单元格格式粗体并居中。 6、背景颜色：设置单元格背景的颜色。 7、合并单元格：将所选择的两个或多个单元格合并。 8、拆分单元格：将所选择的单元格拆分为两个或更多单元格。
以德立身 以技立足
放飞理想 激扬青春 展现自我
选取单元格、行与列、表格
二、选择行或列
方法一：拖放鼠标，选择一行的 所有单元格或一列的所 有单元格。
方法二：当鼠标在行的左边缘或者列 的上边缘变成箭头时候，单 击鼠标选择行或者列。
以德立身 以技立足
放飞理想 激扬青春 展现自我
选取单元格、行与列、表格
表格嵌套
表格嵌套是指在一个单元格中再插入一个表格。
将光标定位在被嵌套的单元格内，打开“插入”菜单，选择“表格”命令，打开“插入表格”对话
框，和插入表格一样的操作，在弹出的对话框中设置需要创建的表格属性即可。
以德立身 以技立足
放飞理想 激扬青春 展现自我
增加与删除表格的行、列
在插入表格时设置的行和列的数目不一定准确 可以在后期增加或减少表格行和列的数目。
三、选择表格 方法一：单击鼠标的左上角
选中整个单元格。
方法二：单击某个单元格，在标签 选择器中选择<table>标签
以德立身 以技立足
放飞理想 激扬青春 展现自我
设置表格和单元格属性
一、设置表格属性 选中要设置的表格，属性面板中将显示该表格的属性。
1、行和列：行的数目和列的数目。 2、宽：表格的宽度，单位默认为像素，也可设置为百分比。 3、填充：内容与边框之间的距离，单位为像素。 4、间距：相邻的单元格之间的距离，单位为像素。 5、对齐：表格的对齐方式。 6、边框：表格边框的宽度，单位为像素。 7、类：选择套用的类。
以德立身 以技立足
放飞理想 激扬青春 展现自我
学习目标
以德立身 以技立足
一、创建表格 二、选取单元格、行与列、表格 三、设置表格和单元格属性 四、调整表格、行和列的大小 五、表格嵌套 六、增加与删除表格的行、列 七、拆分与合并单元格
放飞理想 激扬青春 展现自我
表格的作用
表格是一种常用的组织和处理数据的形式，用表格来组织网页内容，用行和列来显示信息，可以设 计出布局合理、结构协调、美观匀称、简单明了的页面。在网页中表格的主要作用是在页面中显示表 格数据和利用表格进行布局。
创建表格
将光标定位在需要插入表格位置，打开“插入”菜单，选择“表格”命令，或按快捷键 （ctrl+Alt+T），将弹出“表格”对话框。
1、行数：表格具有行的数目。 2、列：表格具有列的数目。 3、表格宽度：表格的宽度，单位有“像素”和“百分比” 4、边框粗细：表格边框的宽度，单位为像素。 5、单元格边距：单元格边框和单元格内容之间的距离，单
以德立身 以技立足
放飞理想 激扬青春 展现自我
巩固知识 课堂练习 互动环节 上台演示
有问题提问了！
以德立身 以技立足
放飞理想 激扬青春 展现自我
分享经验 共同成长 感谢您的聆听
在页面中显示表格数据可以在网页中直接清晰的反应表格数据，特别是有大量数据文字时，比如 新闻列表、商品列表、通讯录等。
小贴士
在网页制作 中，表格的作用可大了，利用表格布局是网页布局的方法之一， 通过设置表格的高度、宽度和比例等对页面元素进行控制，从而对网页元素进行 精确布局定位。
以德立身 以技立足
放飞理想 激扬青春 展现自我
在弹出的“插入行或列”对话框中设置相关参数。
以德立身 以技立足
放飞理想 激扬青春 展现自我
拆分与合并单元格
一、拆分单元格 选中所需要拆分的单元格，在属性面板中单击“拆分”按钮，弹出“拆分单元格”对话框，在对
话框中选择需要拆分行还是列，以及需要拆分的数量，单击确定即可。 拆分单元格快捷键（CTRL+ATL+S)
以德立身 以技立足
放飞理想 激扬青春 展现自我
拆分与合并单元格
二、合并单元格 选中所需要合并的若干个单元格，在属性面板中单击“合并”按钮，可以将它们合并成一个单元格。
以德立身 以技立足
放飞理想 激扬青春 展现自我
课后总结
包括了制作网页最基本的技能，引导大家从创建站点开始， 然后新建网页文档、保存文档 设置属性等一系列操作。接着完成了网页文本的插入和编辑，以及图像的插入的编辑。通过本项目 的学习和操作，大家就可以制作出简单的网页来了。
表格行和列的增加和删除可以在表格的属性 面板中修改行和列的数目来实现，也可以打开 “修改”菜单，选择“表格”子菜单中的 “插入行”、“插入列”或“插入行或列”命令。
插入行快捷键：CTRL+M 插入列快捷键：CTRL+shift+A
以德立身 以技立足
放飞理想 激扬青春 展现自我
增加与删除表格的行、列
以德立身 以技立足
放飞理想 激扬青春 展现自我
调整表格、行和列的大小
有两种方法可以调整表格、行和列的大小: 方法一：将鼠标放在表格的某行或某列的边框线上，按住鼠标上下或左右拖动可以直观地调整行 列的大小。 方法二：选择表格或表格的行、列，在属性面板中设置其宽度和高度来调整大小。
相比较而言，方法一更直观，方法二更精确
以德立身 以技立足
放飞再插入一个表格。
将光标定位在被嵌套的单元格内，打开“插入”菜单，选择“表格”命令，打开“插入表格”对话
框，和插入表格一样的操作，在弹出的对话框中设置需要创建的表格属性即可。
以德立身 以技立足
放飞理想 激扬青春 展现自我