信息技术选修3 网络技术应用第四章网站的开发(网站的设计)教案

教案试题公文网WWw.jaSTgW.cOM免费资源教案、试题、公文、作文、幼儿教案、说课稿

网站的设计点击下载此文件
中山市华侨中学 张封 
【课程标准】
通过开发实践，学会规划、设计、制作、发布与管理简单网站的基本方法。
【教材分析】
一、地位与作用
本节是信息技术粤教版选修3《网络技术应用》第四章第二节内容。在上节课内容中，学生已经学习了网站的规划，网站的规划工作是解决做什么样的网站的问题。到本节课，开始网站的设计阶段，学生需要思考的问题是如何去表达网站的主题，如何做才能够把内容成功组织和呈现。如果说规划使“想做什么”的问题得到解决，那么设计则是解决“如何表现”的问题。设计是创作进程发展的高潮期，是学生经历信息技术过程的核心期，也是学习、体会软件系统开发方法的关键期。
二、主要内容
网站设计的目的在于把需要表达的信息以适当的方式组织并呈现在网上，设法吸引人们的关注，并为浏览者提供方便的访问。
网站的设计一般包括栏目结构设计、版式布局设计、交互设计等。
本节内容主要就是围绕上述三大块进行观摩、分析、讨论、交流并在此基础上形成自己的网站设计方式，为下一节网页的制作奠定基础。
【教学对象分析】
由于本节属于选修3内容，因此，学生已经通过必修模块的学习，具备了一定的信息技术基础，同时，由于学生上网兴趣高，被各种形形色色的网站所吸引，很想亲手制作自已的网站，因此，这部分内容对于学生的吸引力相对较高。但由于缺乏实际网页制作经验，他们往往没有一个整体设计的思路和概念，只重视制作，不重视规划设计，经常拿到任务就从具体制作入手而忽视了前期的整体规划和设计，而且他们的认知能力、观察能力、思维能力仍不是很成熟，所以如何引导他们养成整体思考的习惯就是其中的关键。
【教学目标】
知识与技能：了解网站版面布局、结构设计、版面设计、交互设计等概念和内容；简单了解色彩原理和视觉原理；能够利用脑图工具和图像处理软件进行网站的前期规划和设计。
过程与方法：通过利用“脑图”工具——freemind设计网站的栏目，学会绘制网站的结构图，表达自己对网站架构的理解；通过图像处理软件设计网站的版面效果；理解网站设计过程。
情感态度与价值观：学会从不同的角度去欣赏网站的设计；培养与他人合作交流的意识和习惯；学会自顶向下的设计方法。
【教学重点及难点分析】
1、从不同角度欣赏网站的设计；
2、以恰当的方式组织并呈现网站的信息；
3、网站的栏目设计、版面设计和交互设计等。
【教学方法】
本节内容是网站开发的第二课，是在对网站有了一个总体规划以后进行具体设计的阶段，是作品前期创作的关键，是以后具体的网页制作阶段的基础。结合上述对学生学情的分析，本节课的内容主要采用任务驱动法、分组讨论法和学生自主学习相结合的方式。
【课时】
2课时
【教学过程设计】
第一课时教学流程图：
 
第二课时教学流程图：

第一课时
一、引入
提供一些优秀的网站供大家欣赏，同时要求从这些网站中选择1-2个进行分析，并填写表格文件（点击下载）中的表5-1：
小组成员： 
所选的网站 
项目 优点 不足 我们的收获
栏目设置   
链接设计   
色彩   
页面布局   
二、提出问题
参考了众多网站，你会发现，有的网站第一次浏览就不禁被其吸引，让你流连其中，而有些则是匆匆而过，毫无印象，这种差别的原因除了其中的信息能满足你的需求外，很重要的是由于版面设计的效果造成的。
风格设计：
进一步分析上述的网站，并结合参考资料，完成表格文件（点击下载）中的表5-2：
所选网站 总体印象 主色调 标志与字体 设计特色
    
通过对其他网站的分析以及对参考资料的阅读，结合本组的实际情况，为自己的网站设计一种风格，并填写表格文件（点击下载）中的表5-3：
我的网站名称 总体印象 主色调 标志与字体 设计特色
    

第二课时：
一、版面布局设计：
网页要呈现的内容很多，概括起来可分为标题信息、栏目信息、内容信息、附加信息等，而这些内容必须要进行合理的排列，以让人看起来井井有条，主次分明。如何把最重要的信息放在吸引人的位置是版面布局首先要考虑的。
分析本组的主题，并结合参考资料中的页面布局类型比较，利用图像处理工具（如：画图、firework、photoshop等）给自己的网站设计一个版面样式，如：
 
二、结合上节课的网站风格和版面布局，根据每组的主题，利用脑图工具freemind画出网站的结构图，可以参考P101图4-5。（根据情况简单介绍freemind的使用方法）
三、结合P105表4-8，根据上述的网站结构，确定网站的导航设计方案。
四、将各个同学设计的网站结构以及版面样式，经过小组讨论，选出一个进行修改，并作为本组的最终结果，并进行简单整理。
五、教师选出几个具有代表性的设计方案，和同学一起讨论，分析其中的优点和不足的地方，并给出一些建议，为下节课的网站制作打下良好的基础。

【教学评价】
结果评价：
1. 结果表格化，通过对表格文件的评价能够判断学生是否从给出   的例子当中得到一些帮助和启发，同时也便于量化；
2.网站栏目设计是否符合主题，是否具有自己的特色；
3.网站的版面样式设计是否突出主题，是否合理；
4.网站的交互设计是否具有良好的人机交互性，是否人性化。
主要从上面的四个方面进行评价，同时要结合各组的实际情况：成员基础、主题等。
过程评价：主要是教师在辅导和巡视的过程中注意各组的进度，成员之间的合作情况以及学生的参与度。

[1] [2]  下一页

来源于：教案试题公文网wwW.JAStGw.CoM免费下载使用