用Html做制作静态网页教案.docx
《用Html做制作静态网页教案.docx》由会员分享，可在线阅读，更多相关《用Html做制作静态网页教案.docx（11页珍藏版）》请在冰点文库上搜索。
用Html做制作静态网页教案
用Html做制作静态网页_教案
_____用Html做制作静态网页_____教学设计
课题名称
用html制作一个静态网站
设计者
专业类别
课时
3
使用教材
教学对象
中职二年级学生
教学目标
1.知识与技能
a）掌握html制作页面的方法；
b）理解html制作网页的标签；
c）灵活运用各类标签制作各式的网面。
2.过程与方法
a）教师和学生共同分析页面的构成，它是由几部分构成，每部分该怎么做；
b）通过教师实际操作演示、学生自主探究实践，由浅入深，完成一系列任务，使学生熟练掌握html标签的运用。
3.情感态度与价值观
体会创作的乐趣，提高学生对制作页面的兴趣，在学习过程中学会交流，学会扩展创新。
教学内容
只用html制作一个静态的网站
教学难点与重点
重点：
灵活运用各类标签。
难点：
掌握建页的思维方式。
学习者
特征分析
该课面向中职二年级动画专业学生，经过了中一一年的学习与调整，同学们已经具有一定的自学能力，对动画历史及发展有了一定的了解，但是由于他们是中专的学生年龄还小，学习能力自觉性约束力还是稍有欠缺。
教学模式
与策略
演示教学法、任务驱动
教学媒体
选择
计算机（一般的配置就可以了，因为没有涉及到iis服务器sql等的运用）
【教学过程】
教学环节
教师活动
学生活动
设计意图
引入
（5min）
【教师提问】：
大家平时都喜欢浏览网页吗,对网页有什么要求?
这节课通过上几节课的教学，运用我们手上紧有的标签知识制作一个静态的网页，熟练掌握方法后我们能布局任何的页面
【学生回答】：
网速快，页面漂亮，简洁…..
这个过程是引入话题，提高学生学习的兴趣。
任务一：
分析结构（5min）
分析主页（index.html）的结构：
两个部分hand+body（里面有两个部分）即一个片头flash+logo和字+Enter
分析第一页（intro.html）结构：
hand+body（有三个内容）
观看老师操作并自主实践。
分析难度，逐级深入，引导学生形成自己的思维方法。
分析制作整个静态网站的结构（5min）
分析任务二：
制作hand（5min）
【教师问题】：
我们上节课是怎么建网页的标签的首先要有那些？
操作演示:
1、在website文件夹里建一个text文本，然后把文件名改为index.html。
2、首先写上：
河畔林语>
【回答】：
>
边看边操作
引导学生对有整体的模型。
分析任务三：
制作背景（2min）
【教师提问】：
然后我们要做什么bg先还是其它？
操作演示:
添加背景：
【学生回答】：
bg。
引导学生形成自己的建模思维。
任务四:
制作页面主体（10min）
【教师问题】：
bg做好后我们就要进行主体的制作，我们要用那个标签最简单？
操作演示:
1、制作主体_1：
|
2、、制作主体_2:
|
3、制作主体_3：
ENTER
【学生回答】：
。
引导学生形成自己的建模思维。
任务五：
整体测试（2min）
教师巡视、指导
【教师提问】：
大的模型已经做好了，还有那些细节？
在IETester用不用版本的浏览器进行测试。
【学生回答】：
测试。
引导学生形成自己的思维方式。
第一部分总结：
（3min）
1、标签的选择
2、很重要的，就是要一边制作一边测试，而不是制作完了再测试。
任务六:
制作hand（5min）
1、在website文件夹里建一个text文本，然后把文件名改为intro.html。
2、首先写上：
河畔林语>
分析任务7：
制作背景（2min）
添加背景：
任务八：
制作页面主体（10min）
1、主体_1：
|
2、主体_2：
|
3、主体_3：
|
水本不是蓝色，是蔚蓝天空映蓝的这护城河水；水也本不是绿色，是夹岸的垂柳染绿了这古老的城池。 水本无涟漪，是风，是鱼，是朝气蓬勃的赛艇健儿拨弄着静静的水面，也拨弄着每个来到这里的人的心。 我从秋季来到阳春门，一夜大雨过后，笔直而幽静的人行道上铺满了金黄色的落叶，仿佛童话但又触手可及。 我在冬季守侯阳春门，没有大雪为伴，让我不能见到她银装素裹的模样。 然而，我却在一个十分晴朗的午后透过树影见到了那蔚蓝、那波光粼粼、那给人海的错觉的护城河。 我醉了，竟把冬日当夏日，兴奋的拨通电话，与远方的朋友回忆着那快乐的夏日海滩。 我在春季走进阳春门，绿树相依、古城为伴、微风送暖、城池献瑞…… 一切是那么的生机盎然，让人不自主的去热爱生活、热爱这个美丽的地方。 每次靠近她，总能发现有新的花朵绽放，黄色迎春、红色春梅、白色玉兰还有人面桃花……夏天应该是阳春门最热闹的时候，初夏时节每天都有幸福的新人们来这里拍婚裟，每个新娘都是那么笑容的迷人，而每个新郎的眼神又都是那么的深邃和明亮。 而他们的笑丝毫没有打扰树下偎依的恋人，他们相拥、相视、相吻眼中只有对方，心中只有彼此。 散步和遛鸟的老人们看到他们笑了，而孩子们是最高兴的。 他们和家人一起荡舟、在小商店里搜索着自己喜欢的美食和冷饮，跟小狗在草地上追逐，直到夕阳落到了仲宣楼上，直到晚霞映红了天空和云朵，人们才渐渐散去。 而这时，闪亮的彩灯又把阳春门推向了另一个新的高潮，饭后凉爽的晚风中，一对对中年夫妇在音乐声中翩翩起舞，旋律带走了他们一身的疲惫，带来了无尽的欢乐…… |
4、主体_4、主体_5：
：
主体_4与主体_3是一样的，大家自己练习做，效果如下：
5、主体_6：
|
Top
6、主体_7:
|
7、主体_8：
|
引导学生形成自己的思维方式解决问题的方式。
任务九：
整体测试（2min）
【老师提问】：
最后一步是什么？
【学生回答】：
总测试
自主探究分层实践（10min）
布置任务：
利用自己总结今天运用了那些知识，制作剩下的页面。
教师巡视、指导。
相互交流合作，完成教师布置的任务。
使学生灵活运用所学知识，自由制作细节部分，锻炼学生的扩展能力和创新能力。
让学生自主学习，找出有问题的地方，共同讨论。
培养分析问题、解决问题的能力。
课堂总结
（5分钟）
1、归纳总结本节课所学的知识要点。
2、布置课后作业：
利用今天学过的自己设计一个网站并且制作完成它。
学生相互交流、展示作品。
做好笔记。
及时总结所学的知识与技能，有助于理解掌握。
扩展学习，自主探究提高。
板书设计
教学反思
优：
1、本节课的设计以演示教学法、任务驱动相铺相成，主要是根据学生的知识、技能水平，来设定教学内容的；2、在教师的引导下，学生自主探究、合作学习，学生通过相互交流，增强学生的竞争意识和学习兴趣；3、培养学生的合作精神和创新能力以及逻辑思维能力；
却：
1、这样讲可能有点闷，以后要用多样教学法结合，提高学生们的积极性和兴趣；2、由于是中专的学生，英语底子比较薄所以学起来会有点吃力，日后尽量想法子让他们把这些标签通过有趣的方法记下来。
升级会员 