用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、由于是中专的学生，英语底子比较薄所以学起来会有点吃力，日后尽量想法子让他们把这些标签通过有趣的方法记下来。