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