1、1 1我的网页学科 美术 课题 第 6 课 我的网页 1网页的风格教材(学生)分析学生已经对教材中的绘画、雕刻、建筑艺术和工艺美术等美术知识有了一定的了解和掌握,在学习上有一定的认识,知道学习的重要性,在美术的审美鉴赏能力上都有了一定的提高。教学目标(知识、能力、情感态度价值观)1.欣赏网页2.简要分析网页的风格3. 激发学生的创新意识。培养学生以审美之心来感受生活教学重点1.欣赏网页2.简要分析网页的风格教学难点 分析网页的风格教具准备 多媒体课件 班班通使用(是、否) 是教学过程教学过程一、情景导入:(网页设计的重要意义)打开互联网,点开在课前找到的两个有代表性的学生网站二、展示本课目标三
2、、学生探究,尝试完成任务1.学生分小组,按教材内容,边阅读,边讨论2.教师巡回检查、指导,收集学生探究学习情况四、教师精讲:(一)师:互联网已经遍布世界的每个角落,你想拥有自己的网页吗?为什么?生:把自己的个性、特长、爱好表现出来,让更多的人认识自己,了解自己,加强人与人之间的联系和交流。师:适当地补充、总结。有了自己的网页,你就会加倍的努力使自己变得更加优秀今天,我们就一起来设计属于自己的网页(二)赏析学生网页(动画图标在网页中的重要性)师:其实我们学校的有些同学早就有了属于自己的网页,下面我们就一起来欣赏一下。(选择了本校学生的两个网页,其中一个网页用了很多漂亮的图标,另一个几乎没有用图标
3、。 )你比较喜欢哪一个网页?为什么?生:学生回答(对学生提出的各种建议,老师要给于充分肯定) 。师:老师适当地补充、总结。一个好的网站,内容固然非常重要,但视觉效果也不容忽视,设计的好的动画图标,可以使整个网页充满活力。下面我们就来欣赏一些优秀的图标设计(三)加菲猫带我们欣赏优秀的图标设计(了解图标设计的类别、特点)屏幕上出现了学生很熟悉的加菲猫的动画形象(加菲猫的声音可以课前配音,也可以有老师当堂模仿)加菲猫:同学们,你们好!我是加菲猫,今天我带你们去我的乐园游玩.2 2进入“加菲猫乐园”网站。加菲猫:欢迎你们来到我的家里做客,我在不同的地方设置了不同的图标,它会引导你去不同的地方游玩。比如
4、点击“我的相册”图标,你就可以看到我的许多照片,都是我自己拍的,不错吧!你有自己的网页吗?你一定要设计一些图标,不要让我迷路哦!我告诉大家一个网站,上面有各种各样的动画图标,你可以直接下载,用到你的网页上。屏幕出现“百万图库” (动画图标) ,打开几个有代表性的类别,如人物类、动物类、植物类、卡通类。 。 。 。让学生欣赏各类图标。加菲猫:不过你想使自己的网页与众不同,还是自己动手设计吧,像我的网页里的图标就都是根据我自己的特点设计的。还犹豫什么呢,赶快动手设计完全属于你自己的图标吧。五、学生活动:为你的网页设计图标,设计时注意表现自己的个性、特长、爱好等相关因素。展示四幅优秀的学生作品六、思
5、考练习七、成果展示:1.学生分小组讨论本组任务书完成情况,推荐本组代表展示作品2.学生自评、互评,教师总结性点评,根据学生完成情况提出新要求。把已经完成的学生作业用投影仪投射到大屏幕上,可以用学生自己介绍作品、同学之间互提意见,老师总结点评的方式进行作业讲评课堂作业安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。板书设计第 6 课 我的网页 1网页的风格教学后记电 子 备 课 教 案2012016 学年度第 二 学期学科 美术 课题 第 6 课 我的网页 2网页的设计教材(学生)分析学生已经对教材中的绘画、雕刻、建筑艺术和工艺美术等美术知识有了一定的了解和掌握,在
6、学习上有一定的认识,知道学习的重要性,在美术的审美鉴赏能力上都有了一定的提高。教学目标(知识、能力、情感态度价值观)1. 了解网页绘制步骤以及要注意的问题2. 设计简单的网页3. 激发学生的创新意识。培养学生以审美之心来感受生活3 3教学重点1. 了解网页绘制步骤以及要注意的问题2. 设计简单的网页教学难点 设计简单的网页教具准备 多媒体课件 班班通使用(是、否) 是教学过程教学过程一、情景导入:二、展示本课目标三、学生探究,尝试完成任务1.学生分小组,按教材内容,边阅读,边讨论2.教师巡回检查、指导,收集学生探究学习情况四、教师精讲:(一)加菲猫演示自己的网页绘制过程(了解网页绘制步骤以及要
7、注意的问题加菲猫:同学们好,我们又见面了!图标、网页名称、栏目内容、相关图片都准备好了吗?下面就跟我一起来看看我的网页是怎样设计的吧(以“加菲猫乐园”为例演示绘制过程) 。1、 确定网页名称、栏目内容。2、 栏目板式排列,赋予变化与统一。3、 寻求版式的视觉平衡与呼应(举一反例,学生分析,从而明白怎样做到版式的视觉平衡与呼应) 。4、 强化版式、色彩及图文的整体协调(变换几种色调和不同的色彩搭配方式让学生感受并分析哪种色调和色彩搭配方式最合理,使学生能正确地运用色彩) 。(二)加菲猫介绍网页的绘制工具加菲猫:同学们,你们现在应该知道怎样绘制网页了吧,你会用什么工具绘制呢?下面介绍几种制作网页的
8、工具给大家:最简单易学的网页制作软件是 FrontPage,我们中学生绘制个人网页用这个软件就足够了。另一个比较专业的网页制作软件是被称为网页设计三剑客之一的Dreamweaver,这个软件学起来难一些,不过效果会更好。如果你想使自己的网页动起来,就要用到网页设计三剑客之二的Flash,这是一个专门做动画的软件,不过学起来有一定的难度。我建议你还是先学会用 FrontPage 软件把,现在很多网站都是用这个软件制作的,效果也蛮不错的,如果这些软件你都不会使用,暂时我们就只好用手绘的方法绘制网页了。五、学生活动:运用手绘或网页制作软件设计出你的个人网页。也可以小组为单位,为班级设计网页。(小组成
9、员分组要明确,发挥出各自的特长)展示一些优秀的学生作品:1、 以文字为主的网页设计;2、 以形象为主的网页设计;3、 运用幽默夸张手法的网页设计;制造悬念的网页设计。学生练习,老师巡回指导,遇到普遍存在的问题及时指出六、思考练习4 4七、成果展示:1.学生分小组讨论本组任务书完成情况,推荐本组代表展示作品2.学生自评、互评,教师总结性点评,根据学生完成情况提出新要求。展示学生作业,采用学生自评、互评,老师总结点评相结合的方式进行作业讲评。师:同学们设计的网页都不错,老师非常希望早一点看到同学们设计的网页传上互联网,让全世界都欣赏到你的作品,我相信只要通过努力,这一天就不会远了!课堂作业安全教育
10、:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。板书设计第 6 课 我的网页 2网页的设计教学后记电 子 备 课 教 案2012016 学年度第 二 学期学科 美术 课题 第 6 课 我的网页 3网站的建立教材(学生)分析学生已经对教材中的绘画、雕刻、建筑艺术和工艺美术等美术知识有了一定的了解和掌握,在学习上有一定的认识,知道学习的重要性,在美术的审美鉴赏能力上都有了一定的提高。教学目标(知识、能力、情感态度价值观)1.了解网站的建立的一般步骤2.学习建立网站3. 激发学生的创新意识。培养学生以审美之心来感受生活教学重点1.了解网站的建立的一般步骤2.学习建立网站教学难点
11、 学习建立网站教具准备 多媒体课件 班班通使用(是、否) 是6 6教学过程教学过程一、情景导入:二、展示本课目标三、学生探究,尝试完成任务1.学生分小组,按教材内容,边阅读,边讨论2.教师巡回检查、指导,收集学生探究学习情况四、教师精讲:建立网站步骤:1.选择建站的工具了,现在有很多免费开源的 cms 可供使用,织梦 cms,简单实用,功能强大,很适合初级站长使用。2.搭配建站环境,运行织梦是需要环境支持,windows 环境下推荐使用 wamp 继承环境,linux 推荐使用 xampp 集成环境。3.安装完成后便可以把织梦和集成环境相结合了,=解压织梦,需要的文件夹只有 uploads 下
12、的文件=,把 uploads 下得文件复制到网站的根目录中去,如果你=使用的是 wamp 集成环境就把它放在你=安装的wamp 文件夹下得 www 文件夹下即可, (www 文件夹就是 wamp 集成环境的根目录) 。4.然后便可以在浏览器中输入 localhost 进行织梦的安装了,很快便能完成安装。5.至此一个简单网站就算是完工了,直接输入 localhost 便可以进行访问了,localhost/dede 便可以进入后台进行网站的管理。6.以上步骤仅仅是完成了本地的创建和测试,但是还没有人能够访问网站,要想别人能够访问网站,首先必须要准备一个域名,域名可以到当地的有关部门去申请,花不了不
13、少钱便能购买一个。7.域名准备完毕后就要准备服务器了,通常一般的站长不必购买服务器,购买空间即可,当然也有免费得空间可供使用,也要准备数据库,注意想要使用织梦必须支持 php+mysql,购买的时候一定要注意。8.准备就绪后就可以进行网站的迁移了,首先就是文件夹的迁移,把根目录下得所有文件复制到空间中,一般都会给操作的 ftp,上传到指定文件夹即可,然后便是数据库的迁移,一定要注意,如果不是在服务器上安装的织梦一定要给数据库文件,否则不能正常使用,在服务器上安装的可以忽略,至此,所有操作步骤完成,用户可以通过域名访问网站了五、学生活动:学习建立网站:班级主页六、思考练习七、成果展示:1.学生分小组讨论本组任务书完成情况,推荐本组代表展示作品2.学生自评、互评,教师总结性点评,根据学生完成情况提出新要求。5 5课堂作业安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。板书设计第 6 课 我的网页 3网站的建立教学后记