1、本网站免费注册后即可以下载,点击开通VIP会员可无限免费下载!
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题,请联系微信客服。
扫描下方二维码,添加微信客服
选修3网络技术应用《4.2.3树立网站整体风格》公开课教案优质课下载
三、教学目标
1.了解体现网站整体风格的三个方面:了解网站LOGO设计的常见方法;了解色彩的感觉;
2.通过实践,体验网站风格树立的过程;
3.学会扬长避短,体验用技术解决问题所带来的成就感。
四、教学重难点
重点:树立网站风格的三个方面;
难点:在FrontPage中利用软件本身的主题功能实现风格的统一。
五、教学策略
本节课以讲授法、活动引导等方法展开教学。首先通过学生制作网站请求帮助的情景进入导入,引导学生发现网站表面设计出现的问题,在此基础上导入网站形象的设计。网站风格设计是一个很抽象的概念,因此在教学中尽量让学生在观摩模仿中了解。
首先将网站比做人,说明网站需要一个辨识度极高的脸——“网站标志”,通过对著名网站标志的分析,让学生了解LOGO设计的一般过程,活动一让学生在制作完成LOGO的过程中,了解LOGO制作的基本要求。
接下来通过一些排版类同但是颜色不同的页面给人带来不同感受导入标准色彩的意义,先通过活动二让学生自己实践,学生没有美术基础,空有技术,肯定会出现问题,这时候分析出现的问题,接着通过“主题”实现网页的快速一致化设计,通过分析主题修改的内容了解到:一、标准色彩一般应用在哪些地方?二、网站页面色彩有几种?从而发现实现网页一致标准的基本原则,接着让学生在了解原则的情况下进一步完善页面设计。
最后通过找茬小游戏,让学生发现教师设计图与实际图的不一致,为了解决这个问题,一般情况下怎么做?让学生思考讨论,教师进行总结分析。之后再化抽象为具体,让学生在实际操作中体会,最后在保存后让学生通过欣赏同班同学作品,选出自己最喜欢的作品,并解释原因,最后教师进行总结。
六、教学过程
情境导入
每个同学都是独立的个体,有自己的特点,通过此次课程制作个人主页,让其他同学更了解你,请同学一起来欣赏一下:
设计意图:通过有趣的情景导入课堂,引导学生发现网站有内容但是没有审美,从而导入本节课内容,从视觉审美入手,对网站进行处理。
(一)网站标志
把网站比作人的话,网站也需要一张辨识度极高的脸:“网站标志(logo)”,让人一看到就能联想到我们的网站。请同学们识别典型的网站标志(播放PPT)
教师结合上面的实例介绍LOGO一般设计思路:
1.选择与网站主题有关的,并具有代表性的人或物,加以卡通化和艺术化;
2.对于专业化的网站,可以以本专业有代表性的物品作为标志;
3.使用网站的中文或英文名称作为标志;
(讲解过程中,引导学生发散思维,提问同类别的还有哪些?)
【活动一】
我们的主页没有这样一个让人一看到就能联想到的网站LOGO,请设计这样一个LOGO,在设计之前,请先思考: