|
课题 |
HTML语言 | |||
|
教学目标 |
知识与技能 |
1. 理解HTML语言常用标记及其属性； 2. 掌握HTML语言中构成网页的基本结构； 3. 体验Javascript在动态网页设计中的应用。 | ||
|
过程与方法 |
1、 通过在网页中阅读和修改html语言，对html有了更深的认识； 2、 通过在网页中加入javascript特效，对javascript的运用有初步的掌握 | |||
|
情感、态度与价值观 |
培养学生观察力，注重思维的创新； 养成自主思考、自我探究的学习态度； | |||
|
重点 |
Html标签 | |||
|
难点 |
Html标签 | |||
|
课时 |
1课时 | |||
|
教学过程 |
教师行为 |
学生行为 |
设计意图 | |
|
一、情境导入 |
打开加入java特效的网页，让学生观察并思考与以前做的网页有什么区别？之处网页背后的“真英雄”是html语言，引出课题 |
观察与思考 |
从现象到本质，对问题进行探索 | |
|
二、观其形（填一填） |
组织学生打开一张空白网页与“frist.htm”相对比，切换到代码或拆分窗口请把你的发现填写在下表，并能归纳出html标签的特点。 标签特点：字母组合、标签成对、用尖括号括起 |
1、判断标签的有无，找到的打勾 <html></html> <head></head> <body></body> <title></title> <font></font> <img></img> <table></table> <tr></tr> 2、归纳标签的特点 |
观察与发现，得出结论 | |
|
三、知其意（连连看） |
组织学生对标签与其含义进行连连看 |
连连看 难点：<td></td>单元格标签 <tr></tr>行标签 | ||
|
四、得其法（改一改） |
1、通过修改代码，你能把文字“这是我的第一个网站”的字体颜色改为蓝色，字号大小改为18磅吗？ 2、网页中图片显示为×，请你通过修改代码，把图片正常显示出来。（提示：文件的存放路径） |
1、阅读代码，修改文字属性值 2、观察图片文件路径，修改代码，使图片正常显示 |
理解后运用，初步体验代码的魅力 | |
|
五、添加javascript特效 |
1、组织学生阅读javascript代码的使用方法，完成弹出对话框的特效，思考：你能实现该特效重复出现的效果吗？ 2、打开“图片跟随鼠标.txt”文件，根据提示在网页的恰当位置添加代码，观察网页效果。挑战：你能更换一张图片跟随鼠标吗？ 3、 进一步体验“礼花背景”、“显示年月日”等特效 |
1、javascript代码的使用的基本格式 <script> alert("hi~"); </script> 注：开始标签<script> 与书上的<script language=”javascript”>相同 2、进一步体验其它javascript特效 |
掌握javascript语言的结构及使用方法 | |
|
六、总结 |
组织学生总结网页标签的基本特点与javascript的基本结构，完成习题检测 |
知识点的总结与回顾 完成习题检测（选择题） |
总结 | |
开课人：刘幼奋 开课时间：2017.12.18 上午第三节课 开课班级：高一（2）班
关闭窗口
打印文档