- 1、本文档共7页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
山东理工职业学院单元教学过程设计首页
课程所属院(部):软件工程学院 2016--- 2017学年 第二学期
课程名称
《Web前端开发》
任课教师
单元标题
HTML5中的表格
上课地点
8208微机室
学时
2
授课班级
授课时间
第 周
第 周
第 周
第 周
第 周
第 周
星期
星期
星期
星期
星期
星期
第 节
第 节
第 节
第 节
第 节
第 节
月 日
月 日
月 日
月 日
月 日
月 日
教学目标
能力目标
知识目标
1. HTML5中的表格的创建;
1.理解并掌握利用表格进行页面布局的方法;
教学任务
1.掌握表格的基础知识,理解并掌握表格的创建方法
2.掌握利用表格进行页面布局的方法
教学重、难点
重点:HTML5中的表格的创建
难点:利用表格进行页面布局
教学材料或用具
教材、教案、课程标准、案例素材、DreamWeaver CS6软件及微机室
课后任务
网页制作软件对比
山东理工职业学院单元教学过程设计
步骤及时间
教学内容
教师活动
学生活动
5分钟
5分钟
20分钟
30分钟
25分钟
5分钟
【组织教学】
1、检查学生出勤,作好学生考勤记录。
2、课堂提问,了解学生掌握所学知识情况。
3、强调课堂纪律,加强互动,活跃课堂气氛。
【讲授新课】
HTML的表格标记
使用成对的table/table标记就可以定义一个表格,定义表格常常会用到如表3-7所示的标记。
标签
说明
table
表格标记
tr
行标记
td
单元格标记
th
表头标记
!-- demo0315.html --
!DOCTYPE HTML
html
head
meta charset=utf-8
title表格示例/title
/head
body
h2课程表/h2
table border=1 style=width:400px;
tr
td节/星期/td td星期一/td td星期二/td
td星期三/td td星期四/td td星期五/td
/tr
tr
td第一节/td td语文/td td数学/td
td英语/td td化学/td td物理/td
/tr
tr
td第二节/td td数学/td td英语/td
td数学/td td语文/td td数学/td
/tr
……
/table
/body
/html
实现商品布局
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
title设置表格的背景颜色/title
link rel=stylesheet type=text/css href=css/mr-style.css
/head
body
div class=mr-box
table bgcolor=#ccc align=centerheight=445width=1080
tr
td rowspan=4 class=mr-imgimg src=images/1.jpg height=508/td
tdimg src=images/2.jpg/td
tdimg src=images/3.jpg/td
tdimg src=images/4.jpg/td
tdimg src=images/5.jpg/td
tdimg src=images/6.jpg/td
tdimg src=images/7.jpg/td
/tr
tr class=mr-img1
tdimg src=images/8.jpg/td
tdimg src=images/9.jpg/td
tdimg src=images/10.jpg/td
tdimg src=images/11.jpg/td
tdimg src=images/12.jpg/td
tdimg src=images/13.jpg/td
/tr
tr class=mr-img1
您可能关注的文档
- GMP 任务二:不同级别的洁净厂房对空气洁净度的要求 2.电子教案(项目三不同洁净级别对厂房洁净度要求.doc
- HTML5程序设计-3期(KC014) 课程综合案例四 04 说明文档.doc
- Illustrator图形绘制 不透明度、混合模式、不透明蒙版 第5章教案.doc
- K101 分析化学 W2203阴离子未知试液的分析 WB03 混合阴离子的鉴定.docx
- K404 农产品追溯 W1-6 农产品可追溯系统的应用 W1农产品可追溯系统的应用-6-3-微教材.docx
- K404 农产品追溯 W2-3 短信电话溯源 W2短信电话溯源-3-3-微教材.docx
- K404 农产品追溯 W4-2 数据信息库 W4数据信息库-2-3-微教材.docx
- K404 农产品追溯 W6-2 农垦农产品质量安全信息网 W6农垦农产品质量安全信息网-2-3-微教材.docx
- KC1-物联网工程导论 02知识技能点二智能交通的发展 KC01121202-p12-北川县城市智能交通综合管理系统建设方案(2).doc
- KC2-物联网硬件基础1 19手工焊接的操作 KC02151900-j07-手工焊接的技巧.doc
文档评论(0)