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