湖北职晚计算机科学与技术理论课教案一《网页设计》 教学项目十三HTML中表格的制作(二) 【教学内容】 讲解HML中制作表格嵌套、叠加及表格在网页设计中的应用 【教学目的】 使学生掌握表格嵌套及叠加操作 【教学重点】 表格中嵌套操作及其应用 【教学难点】 理解表格嵌套实现的基本思想 【教学方式】 案例分析式、项目教学 【教学参考】 1.〉 电脑报社出版 4.HIML网页制作教程材义语编著铁道出版社 5、HIML基础与实例程耀编著电子工业出版社 【新课】 表格嵌套操作 例1:先设计如下表格
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目十三 HTML 中表格的制作(二) 【教学内容】 讲解 HTML 中制作表格嵌套、叠加及表格在网页设计中的应用 【教学目的】 使学生掌握表格嵌套及叠加操作 【教学重点】 表格中嵌套操作及其应用 【教学难点】 理解表格嵌套实现的基本思想 【教学方式】 案例分析式、项目教学 【教学参考】 1．> 杨浩著 清华大学出版社 2．> Wittime 工作室 重庆出版社 3．> 电脑报社出版 4．HTML 网页制作教程 材义语编著 铁道出版社 5、HTML 基础与实例 程耀编著 电子工业出版社 【新课】 一、表格嵌套操作 例 1：先设计如下表格：
湖北职晚计算机科学与技术糸理论课教案一《网页设计》 表格制作一 icrosoft Internet Exp1orer 文件q)编①)查着收)工具江)帮助①D ⊙·国回的搬索☆收夹的媒体的·四·□“ 他址Q)6 FrontPage\zanp1ls%s!htn 转到练” 完毕 表格制作 title〉 表格例子 1 height=60 align=center>2 /table> 例2:设计如下表格
湖北职院计算机科学与技术系理论课教案—《网页设计》 表格制作 表格例子 1 2 例 2：设计如下表格：
湖北职晚计算机科学与技术糸理论课教案一《网页设计》 表格制作 文件吧)辋①)查看①收窳)工只①)帮助① O后·冈必搜素次收椒的媒体,品圈·□当 转到链 表格例子 B 我的电脑 mIcrosoft,a11-M,表格作-”,-记事?以4 比较例1和例2的两个表格,可以看出,将例1中第二行中的单元格用一个表格来 代替,就得到了例2中的表格。这就是实现表格嵌套的基本思想。 表格制作 表格例子 1 B
湖北职院计算机科学与技术系理论课教案—《网页设计》 比较例 1 和例 2 的两个表格，可以看出，将例 1 中第二行中的单元格用一个表格来 代替，就得到了例 2 中的表格。这就是实现表格嵌套的基本思想。 表格制作 表格例子 1 A B
湖北职院计算机科学与技术糸理论课教案一《网页设计》 C D E 表格应用举例 例3.设计如下表格 表新材作一任工m 文件)编牺)查看心)收0)工具叮)帮助Q 后退·凶回必魏索☆ 灰的媒体 .1 1我的电脑 金表格術作-M 表格制作
湖北职院计算机科学与技术系理论课教案—《网页设计》 C D E 二、表格应用举例 例 3．设计如下表格： 表格制作 表格嵌套
湖北职晚计算机科学与技术理论课教案一《网页设计》 2 a/td> b c d e f g h /table> 6 /table> 例4.设计课程表
湖北职院计算机科学与技术系理论课教案—《网页设计》 2 a b c d e f g h 6 例 4．设计课程表
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 ⊙后退·国图的搜收底夹的体应, 址①)G: FrontPage\sang116nawP4,htm 课果程表 星期一星期二星期三星期四 q1 LASH ASP英语 课程表 星期一星期二星期三星期四星期五ASPVB <td》)法律基础</
湖北职院计算机科学与技术系理论课教案—《网页设计》 课程表 星期一 星期二 星期三 星期四 星期五 1--2 节 ASP 英语 VB 法律基础
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 SQL 3-4节sql FLASH ASP 英语/td FLASH 5-6节实训k/td 实训K/td 实训K/td td>实训K/td 制表时间2月3日 /table> 三、表格叠加 例5.设计如下表格
湖北职院计算机科学与技术系理论课教案—《网页设计》 SQL 3--4 节 sql FLASH ASP 英语 FLASH 5--6 节 实训 实训 实训 实训 制表时间 2 月 3 日 三、表格叠加 例 5．设计如下表格：
湖北职晚计算机科学与技术糸理论课教案一《网页设计》 表格制作一黑1EOE口 tt Inte重txP1oEeE 文件)编牺①)查看①)收藏0工具①)帮勛 后·国必挑收夹的媒体③,·□ BtE De]o:FrontPage\sampl.16\a4.htm 转到链 表格叠加 9 我的电脑 设计分析 当网页中出现表格各行的宽度相同,不同行中列宽不同时,此时使用单元格合并方式 制作表格会很复杂。在这种情况下,可以使用表格叠加来实现 表格制作 title 表格叠加 1/td> 23 4 6
湖北职院计算机科学与技术系理论课教案—《网页设计》 设计分析： 当网页中出现表格各行的宽度相同，不同行中列宽不同时，此时使用单元格合并方式 制作表格会很复杂。在这种情况下，可以使用表格叠加来实现。 表格制作 表格叠加 1 2 3 4 6
湖北职晚计算机科学与技术理论课教案一《网页设计》 7 8/td> 9 K/table> ab e/td> f g i /table> 【课后小结】 本节介绍表格的叠加、嵌套及其应用。表格的嵌套是表格制作中的一个难点,关键是要 抽象出嵌套表格对应的简单表格模型,再将模型中单元格的位置使用内嵌表格代替
湖北职院计算机科学与技术系理论课教案—《网页设计》 7 8 9 a b e f g h i 【课后小结】 本节介绍表格的叠加、嵌套及其应用。表格的嵌套是表格制作中的一个难点，关键是要 抽象出嵌套表格对应的简单表格模型，再将模型中单元格的位置使用内嵌表格代替