使用表格布局完整的网页课件.ppt

《使用表格布局完整的网页课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、主讲教师：谭荣华网页设计与制作——学习情境5：使用表格布局完整的网页布置习题学习目标知识讲解课堂实践教学总结使用表格布局完整的网页学习情境5课程引导网页制作是免不了与表格打交道的。表格是早期网页制作重要的布局对象，在网页布局中起着举足轻重的作用，但随着CSS的强大功能被人们所熟知和熟练应用后，表格布局一统天下的局面得以改变，人们越来越觉得表格应回归其本位----即数据表。今天，我们更多地是采用div+css的布局方法来制作网页。但对于初学者来讲，熟悉表格的用法和表格布局仍然是制作网页制作的”敲门砖”。概述布置习题知识讲解课堂实践教学总结课程引导使用表格布局完整的网

2、页学习情境5学习目标学会添加表格、设置表格属性掌握设置表格中行和列属性的方法掌握拆分单元格，合并单元格的方法掌握在表格中输入文字并定位的方法掌握在表格中插入图像并定位的方法学习目标专业能力目标专业知识目标专业素质目标布置习题知识讲解课堂实践教学总结课程引导使用表格布局完整的网页学习情境5学习目标页面布局的概念与要求创建表格、设置表格属性、选择表格的方法增删表格的行列、合并和拆分单元格、添加表格的背景颜色导入、导出表格式数据、排序表格的数据专业能力目标布置习题知识讲解课堂实践教学总结课程引导使用表格布局完整的网页学习情境5学习目标熟练使用DreamweaverCS3

3、表格基本操作的能力利用表格进行页面布局的能力专业知识目标布置习题知识讲解课堂实践教学总结课程引导使用表格布局完整的网页学习情境5学习目标自主学习能力创新能力色彩感悟能力知识应用能力效率观念结构布局能力专业素质目标课堂实践布置习题学习目标教学总结课程引导使用表格布局完整的网页学习情境5知识讲解教学案例案例01–制作产品销售表案例02–制作圆角表格案例03–处理表格中的数据综合案例实训-制作“某科技有限公司”公司业绩页面课堂实践布置习题学习目标教学总结课程引导使用表格布局完整的网页学习情境5知识讲解案例操作过程相关知识点案例01–制作产品销售表课堂实践布置习题学习目标

4、教学总结课程引导使用表格布局完整的网页学习情境5知识讲解相关知识点数据表格（如产品销售表）定位网页元素表格的作用课堂实践布置习题学习目标教学总结课程引导使用表格布局完整的网页学习情境5知识讲解相关知识点用表格最大的优点就是能在不同分辨率下保持一致的位置不会改变，而且表格可以嵌套表格，可以放置网页上的任何元素，什么功能都能实现。而它的缺点就是不能自由的移动它的位置。表格布局网页的优缺点课堂实践布置习题学习目标教学总结课程引导使用表格布局完整的网页学习情境5知识讲解相关知识点菜单命令创建利用“常用”插入栏创建HTML代码创建DW中创建表格课堂实践布置习题学习目标教学总

5、结课程引导使用表格布局完整的网页学习情境5知识讲解相关知识点创建表格的时候可以指定表格的基本属性，而在表格创建完后，也可以根据需要在“属性”面板中重新调整其基本属性。要设置表格的属性首先应该选中表格，如果在设计视图中用鼠标直接选不好选的话，可以借助标签选择器来选择设置表格属性课堂实践布置习题学习目标教学总结课程引导使用表格布局完整的网页学习情境5知识讲解案例02–制作圆角表格案例操作过程相关知识点课堂实践布置习题学习目标教学总结课程引导使用表格布局完整的网页学习情境5知识讲解相关知识点“修改>表格>插入行”(Ctrl+M)“修改>表格>插入列”(Ctrl+Shif

6、t+A)“修改>表格>删除行”(Ctrl+Shift+M)“修改>表格>删除列”(Ctrl+Shift+-)利用菜单、快捷菜单或快捷键都可以完成增加、删除行或列课堂实践布置习题学习目标教学总结课程引导使用表格布局完整的网页学习情境5知识讲解相关知识点合并单元格“修改>表格>合并单元格”拆分单元格“修改>表格>拆分单元格”也可利用属性面板中的“合并与拆分单元格”按钮合并、拆分单元格这里也可以合并和拆分单元格课堂实践布置习题学习目标教学总结课程引导使用表格布局完整的网页学习情境5知识讲解相关知识点为表格设置背景颜色课堂实践布置习题学习目标教学总结课程引导使用表格布局完

7、整的网页学习情境5知识讲解相关知识点关键两点：表格间距为1,边框为0,填充为0单元格背景色与页面背景色相同制作细线（1像素）表格课堂实践布置习题学习目标教学总结课程引导使用表格布局完整的网页学习情境5知识讲解案例03–处理表格中的数据案例操作过程相关知识点课堂实践布置习题学习目标教学总结课程引导使用表格布局完整的网页学习情境5知识讲解相关知识点“文件>导入>表格式数据”“文件>导出>表格”导入、导出表格式数据课堂实践布置习题学习目标教学总结课程引导使用表格布局完整的网页学习情境5知识讲解相关知识点“命令>排序表格”排序表格中的数据课堂实践布置习题学习目标教学总结课

8、程引导使用