一、教学基本情况
|
课程名称 |
网页设计与制作 | ||||
|
授课时间 |
2018年6月5日 | ||||
|
授课题目 |
FLASH图片新闻栏的制作 |
学 时 |
1 |
课程类型 |
新授 |
|
授课对象 |
高一学生 |
授课老师 |
夏国生 |
职 称 |
中学一级 |
|
教学目的与要求 |
学会在网站首页添加FLASH图片新闻栏 | ||||
|
教学重点与难点 |
JS代码中参数的修改 | ||||
|
教学方法、手段和时间安排 |
演示法，实践法 | ||||
二、教学过程的设计
|
一、他山之石
二、利用谷歌浏览器复制代码 <script type="text/javascript"> var focus_width577=600; var text_height577=22; var swf_height577 = 310; var focus_height577=swf_height577-text_height577; var pics577='/uploadfile/jyj/2018/0604/20180604112344682.jpg|/uploadfile/jyj/2018/0612/20180612054313563.jpg|/uploadfile/jyj/2018/0606/20180606064207878.jpg|/uploadfile/jyj/2018/0605/20180605051228377.jpg|/uploadfile/jyj/2018/0521/20180521044327517.jpg|/uploadfile/jyj/2018/0516/20180516072157956.jpg';var links577='/html/jyj/2018/EQLQPIIB_0604/104558.html|/html/jyj/2018/EQLQPIIB_0612/104649.html|/html/jyj/2018/EQLQPIIB_0605/104580.html|/html/jyj/2018/EQLQPIIB_0605/104577.html|/html/jyj/2018/EQLQPIIB_0521/104340.html|/html/jyj/2018/EQLQPIIB_0516/104239.html';var texts577='省考评组对常州市政府履行教育职责进行考评|江苏常州：从“优质”到“新优质”的跨越|常州市举行第六届中小学生艺术展演活动|方国强副市长带队督察高考安全工作|市委教育工委、市教育局动员部署教育系统解放思想大讨论活动|【公开课预告】5月26日 李天驰打开编程的“上帝视角”';document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="#version=7,0,0,0" width="'+ focus_width577 +'" height="'+ swf_height577 +'">'); document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="/images/system/flash1.swf"><param name="quality" value="high"><param name="bgcolor" value="#DDDDDD">'); document.write('<param name="menu" value="false"><param name=wmode value="opaque">'); document.write('<param name="FlashVars" value="pics='+pics577+'&links='+links577+'&texts='+texts577+'&borderwidth='+focus_width577+'&borderheight='+focus_height577+'&textheight='+text_height577+'">'); document.write('<embed src="/images/system/flash1.swf" wmode="opaque" FlashVars="pics='+pics577+'&links='+links577+'&texts='+texts577+'&borderwidth='+focus_width577+'&borderheight='+focus_height577+'&textheight='+text_height577+'" menu="false" bgcolor="white" quality="high" width="'+ focus_width577 +'" height="'+ swf_height577 +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="" />'); document.write('</object>'); </script> 三、分析代码，找出需要修改的参数设置 var focus_width577=600;图片新闻栏目的宽度，需要修改 var text_height577=22; 新闻说明文本的高度，需要修改 var swf_height577 = 310; 图片新闻栏目的高度，需要修改 var pics577；图片新闻显示的图片地址，需要修改 var links577；图片新闻链接地址，需要修改 var texts577；图片新闻说明文本，需要修改 <param name="movie" value="/images/system/flash1.swf"> Flash文件地址，需要修改 <embed src="/images/system/flash1.swf" Flash文件地址，需要修改 四、下载关于自己主题网站的图片，修改参数，添加到自己的主页上 注意：图片和FLASH文件的路径要设置正确 |
《FLASH图片新闻栏的制作》评课记录 万江： 教师素质较高，特别是语言表达（生动、活泼），有亲和力，教师形象等方面比较好，也能恰当运用； 上课情绪激昂，投入，能广泛调动学生学习的积极性，教师每讲授完一个知识点，便选择掌握较好的同学上台演示，让学生在观察同伴的操作中巩固所学，充分调动了他们学习的主观能动性； 教师用诙谐、有趣的语言使学生的注意始终锁定在课堂学习上，并将课本知识结合学生现实生活，用形象比喻的方式诠释比较抽象的知识点，学科专业知识讲解也准确到位，体现了较高的综合业务水平； 石红：这节课很好完成了教学任务，也很好的体现了以学生为主体，教师为主导的教学理念，教学设计新颖独特。 夏国生老师的课是面向全体学生的，课堂亦是全体学生的课堂。在教学中他关注每一位学生，无论是思考、交流、合作、演示等活动，他都注意让学生主动参与，让学生在实践中自己去尝试，全身心的投入到学习中，在实践活动中获得新知，形成能力。在整个教学过程中，教师只是教学活动的设计者、组织者、引导者、参与者，是学生学习活动的合作者，是学生思维的启迪者、点燃者。在教学中，夏国生老师让学生亲手去实践，充分的调动学生的多种感官参与，让他们在动手、动口、动脑的学习实践中，亲身经历由生到熟，由不能到能，由不会到会的全过程，并在这一实践过程中，获得新知，形成能力与各种良好的行为习惯。 姚雪娟：夏国生老师的课，在教学中充分把握学科特点，重视知识的获得，能力的培养，又能在教材内容上，做到活化教材，创造性地使用材料；我感觉这节课的教学任务更容易完成，目标也会更明确。两位老师上的课都非常的精彩，整个教学思路非常的清晰，教学目标情况完成的也非常的好。利用任务驱动的教学模式，很好的完成了这两节课的教学任务。 最后，一节课上的好不好，我们经常会把目光放在开课的老师身上，可是我想如果我们能够把一些目光放在学生的身上，看看他们最后的作品，就可以发现一节课下来，学生是不是掌握了这节课的教学任务，是不是通过这节课学有所得了。
《FLASH图片新闻栏的制作》教学反思
本节课采用任务驱动模式组织教学，让学生通过欣赏自己学校和当地教育局主页上的FLASH图片新闻栏目的效果，鼓励学生将此功能添加到自己正在做的主题网站的首页上。教学中借助谷歌浏览器的开发者工具让学生轻易地拿到FLASH图片新闻栏目的源代码，帮助学生分析代码的功能，找出需要修改的参数和设置，最后通过学生的修改将此功能添加到自己的主页上。通过本节课应让学生明白网页组件并不都是需要自己从零开始设计制作的，要学会拿来主义，学会迁移，将好的网页效果为己所用。同时也锻炼学生自主学习的能力，激发学生进一步学习网页制作的热情。
关闭窗口
打印文档