第十二课 用表格为网页布局 课件+教案 (3)

第十二课 用表格为网页布局 教学设计 1教学目标 1. 通过比较分析,理解在网页中用表格排版的重要作用。 2. 掌握在网页中插入表格进行排版,学会设置表格的属性。 3. 用表格排版网页解决网页布局杂乱的问题,感悟在遇到困难时可以灵活运用各种方法解决,强化建站信心。 2学情分析 学生对于网站的布局、及利用SharePoint软件实现网页的具体布局,感到不知所措,但是提到表格,大家都感到非常熟悉。本节将引导学生如何利用表格进行网页的布局,满足学生的学习需求。 3重点难点 学时重点：学会插入表格和更改表格属性。 学时难点：根据网页的需要,灵活插入表格和设置表格属性。 4教学过程 一、导入新课 (1)呈现两个页面:一个使用表格布局,但表格边框隐藏(看不出表格痕迹),其页面工整,文本、图片摆放对称,具有一定规律;另一个页面凌乱,图文混杂,摆放杂乱。你更喜欢怎样的页面布局? 提出问题:有什么办法可以达到第一个页面的效果? (2)观察第三个页面,内容与第一个页面相同,显现页面的表格边框。 活动2【活动】用表格为网页布局 二、新课教学 (1)分析表格结构 展示一些由表格布局的网页,引导学生分析其表格结构,得出表格的布局(如表格有几行几列,哪些行做了哪些处理)。 任务1:规划网页表格布局 分层完成该任务,基础相对薄弱一些的同学仅要求读懂教材中的网页表格布局,知道规则,根据表格的行数与列数,调整至最终样式;基础扎实、操作能力较强的同学可以跳出课本,自行设计表格网页布局,并将自己的表格设计绘制在笔记本上。 (2)完成表格布局 SharePoint中表格的插入和编辑与Word中的表格操作类似,教师无需讲解,引导学生进行知识迁移。 任务2:新建一个页面,用表格布局该网页,并在该网页中放入相应内容。 1、打开站点,新建网页,以“biaoge.htm”为文件名保存。 2、按前面分析的要求插入一个表格。 3、调整表格结构(主要是行列的插入、删除,单元格的合并、拆分、调整大小等)。 老师可安排操作熟练的同学进行演示。 (3)调整表格属性,美化页面。 预览制作的网页,修饰网页,让网页看起来更美观。 任务3:表格属性以及单元格属性的设置 1、表格属性的设置,如去除网格线、设置表格背景色等。 2、使用不同的颜色区分各板块,设置单元格属性。 强调:学会利用右击后弹出的快捷菜单中的命令。 (4)表格的嵌套(机动安排) 有时为了制作出更加美观的网页,我们可以使用表格的嵌套来实现。 教师演示。 任务4:加入横向目录导航条,尝试使用表格嵌套的方法解决问题。 作品上交至FTP指定文件夹后,打开师生一同欣赏,对有特点的作品请同学加以评价。一方面针对作品本身点评,另一方面针对技术层面进行。 三、作品评价、总结提升 作品上交至FTP指定文件夹后,打开师生一同欣赏,对有特点的作品请同学加以评价。一方面针对作品本身点评,另一方面针对技术层面进行引导评价。 本节课我们学习了在SharePoint中插入表格、编辑表格以及表格嵌套的基本方法。 (1)表格在Sharepoint中起到了的作用:定位对象。 (2)表格编辑的基本操作(插入、合并单元格、嵌套表格等)。 课件12张PPT。第12课 用表格为网页布局张三的网页李四的网页没有任何规划先对网页进行全面规划和安排 对比两个网页形形色色的布局ftp://172.16.20.218 “资源库”下载 “第12课 用表格为网页布局”文件夹常见的页面布局有：居中型、半包围型、主题突出型、导航栏型等完成： 任务单→ 任务一1234看一看文海校园网的布局www.whsyxx.com网页布局的设计没有限定规则 力求：简洁、有序、舒服完成： 任务单→ 任务二我们的布局如何实现？几行几列？你的布局需要几行几列的表格呢？用sharepoint实现自己的布局方案空白处插入表格 通过合并单元格或拆分单元格“改造”你的布局。完成： 任务单→ 任务三预览网页，想一想并试一试：怎 ... ...