网页的美化（三）
javascript基本特点
教学主题
网页的美化
执教者
陆卫英
适用年级
高一年级
教学课时
1课时
教
材
分
析
引导学生概括网页在配上、布局上及内容上的特点，解决学生在网页制作过程中碰到的各种问题,在网页中插入各种组件，使网页动起来,重点利用JAVASCRIPT来实现网页特效.
学习
目标
知识目标：
(1)了解HTML的基本特点。
(2)学生总结经验、交流技巧，互相解决在制作网页过程中碰到的各种问题。
(3)明确一个网页真正吸引人的是精彩的内容。
能力目标：
⑴培养学生在研究中学习，在学习中探索的意识；
⑵提高学生的审美能力
情感目标
1、 具有乐于助人、团结协作的精神
2、 能尊重他人的劳动成果，有知识产权保护的意识
3、 能客观地评价他人作品，善于发现和欣赏他人的优点
所需资源和环境
数字化
资  源
事先已经准备好的页面index.htm、index1.htm、index2.htm。
软件jspghost
教学支
撑环境
“深蓝易思”多媒体网络教室
教学设计
教学
思路
设计
本节课的教学内容主要强调学生的操作能力，通过“提出问题－教师点拨－学生活动－交流谈论”的形式，让学生在“做中学、学中做”
教学
引导
问题
设计
问题
目的
重点/难点/关键点
我们要学建网站，首先要知道网站都是由哪些要素组成的？
可以看到文字、图片、动画、视频等。这些元素构成了一张一张的网页
这些元素如何应用于网页
HTML语言的基本特点
用小技巧如何使网页更加美丽
好的网页或者说一个优秀网站的标准是什么？
既美观又实用，用网站来表达自己的思想，交流信息，首先必须明确自己的设计目的，也就是确定网站的功能
教学内容
教师行为
学生行为
教学设计意图
引入：
浏览以前课堂制作的中国传统文化的网页。
1、提出问题：你认为什么样的网页会吸引人？
2、展示有动态效果的网页，提出问题：网页中那些元素可以设置动态效果？
1、学生讨论后回答:彩丰富、具有动感的网页吸引人。
2、学生观察、比较后得出结论。文字、图片、页面都可以设置动态效果。
通过浏览和比较，让学生感知网页制作的进一步知识，产生强烈的学习要求。
新课：
标题栏的设计
观察设计窗口的变化
HTNML语言的基本特点
教师演示部分操作过程
学生观察，并且讨论回答问题。
让学生利用已经学到的技术来进一步学习新的内容。
使用练习材料为了降低学习难度，提高学习效率。
Javascript使用jspghost的安装，查看，使用完成自己有创意的网页设计。
演示标题栏时钟，文字特效，图片特效的一种。
教师巡视指导。
边学边做试试看
教师巡视指导。
培养自主探索，独立解决问题的能力。
演示制作过程和分享制作成果
请学生来演示他们制作的文字、图片、页面的动态效果。
教师点评。
分享让网页动起来的成果。
展示自我，共享学习成果。培养学生的团体协作精神。增加学生成功的喜悦感。
提出好的网页或者说一个优秀网站的标准是什么？
美观又实用，用网站来表达自己的思想，交流信息，首先必须明确自己的设计目的，也就是确定网站的功能
巩固学习、掌握学习难重点。
完成学习自评
学生自评内容小结，提出新的学习要求。
完成学习自评
复习巩固，过程评价，了解学生学习情况。
布置作业
拓展内容
介绍教学资料
www.dabaoku/texiao/
网页制作大宝库
www.helpor/
网页特效集锦
根据自己小组的主题对主页重新设计
观察思考，自主探究。
进一步激发学生学习积极性，鼓励学生不断探索新的奥秘。
课后反思：
 
教学资料：
www.aosky
ftp://192.168.4.1
课堂教学过程评价表
      班级：_________              姓名：__________
评价指标
评价标准
自评
互评
优秀
良好
加油
阐述表达
能用清楚、流畅的语言表达自己的意见，也能很好地解答他人的问题。
能表达清楚，但不流畅、对他人的问题能作简单回答。
语言表达不清楚，不能回答他人的问题。
探究精神
有好奇心和求知欲，善于提出问题。
能在老师的鼓励下提出问题。
很少或从不提出问题。
主动学习
能主动学习新技能，遇到困难积极寻解决办法。
能在他人的帮助下学习新技能遇到困难与同伴一起讨论，寻求解决途径。
不愿自己学习新技能，遇到困难马上放弃。
合作学习
愿意主动帮助同伴一起解决问题、交流技术、分享成果。
在别人的要求下能帮助他人解决问题。
不愿帮别人解决问题，不愿与他人交流技术、分享成果。
评价态度
能实事求是地进行自评和互评，正确看待同伴的评定。
能认真地进行自评和互评，对同伴的评定有时要计较。
不按评定标准进行评价，意气用事。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。