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