4.2网站设计学案(共2课时).doc

4.2.14.2.3网站的设计设计人：周村实验中学 毕新华【学习目标】1、 让学生了解网站建设中栏目设置与版面设计的重要性。2、 让学生体验网站建设的具体事务，使学生学会设计、构思一个网站。3、 提高学生分析问题、解决问题、个性化创造的能力，提升审美观。【学习重难点】重点：让学生了解了解栏目设置与版面设计的重要性难点：依据主题，设计网站的栏目和结构【学习环境】机房，Internet【组织方式】任务驱动法、小组协作法、教师演示法、实践体验法【学习方法】小组合作、实践练习、反思总结【导学过程】问题导入：为什么有的网站访问廖廖无几，而有些网站的访问量却大得惊人呢？这些访问量大的网站除了内容丰富外，还有没有其他的原因？查看几个流量大的网站，回答：网站设计一般包括 、 、 等。【导学一】栏目设置在动手制作一个网站前，应该构思好网站的结构图，做到层次清晰。1、 什么是栏目，它在网站设计中的作用是什么？2、 根据小组确立的网站名称，设置栏目？（可以参照课本表4-7、4-8、4-9）栏目名称子栏目名称内容述【导学二】版面设计版面布局设计就是指要呈现的内容在网页中的位置安排，一般都是用表格进行版面布局设计的。1、版面设计需要考虑： 。2、版面布局可按 、 、 三个步骤来进行。2、参照表4-11，组内成员每人做一份创意草案，组内讨论确立本组的主题网站的版面布局并用表格完成框架的制作。【导学三】树立网站风格风格是指网站的整体形象给浏览者的综合感受。或严肃庄重，或清爽温馨，或深沉厚重，或生动活泼，或古朴典雅，或豪迈奔放。风格的设计与主题是密不可分的，是为突出主题服务的。实践一：研制网站的标志。尝试设计你们小组的主题网站Logo。实践二：设计网站的标准色彩。1、色彩总的原则应该是： 。2、每种色彩都有自己的语言，代表一定的含义，请了解不同色彩代表的含义。你希望你们的主题网站能够给人什么样的感觉，小组讨论之后使用叶一种标准色彩。实践三：设计网站的标准字体。树立一个网站整体形象的关键是： 、 、 。实践四：小组形成作品雏形，形成文字性的材料。并做好栏目分工，责任到人。【达标测试】1、建立主题网站的顺序一般是（ ）。A、规划实现设计发布管理 B、设计实现规划发布管理C、规划设计实现发布管理 D、设计规划实现发布管理D、图片总是比文字更多的受浏览者的欢迎，因此网页中图片越多越好。2、网页要呈现的内容很多，如何合理地放置信息，使之看起来井井有条，主次分明，这主要是下列哪项工作：（ ）A、选定网页制作工具 B、栏目设置 C、版面设计 D、语言确定3、网站标志是树立网站整体风格的第一步，其设计一般有下列哪些原则（ ）。A、选择与网站主题密切相关的人或物，加以卡通化艺术化。 B、适当运用本专业有代表的物品或者标志。C、巧妙运用自己网站的中文或英文名称作为标记。 D、标志要尽量复杂，赋予极其多的含义。4、树立一个网站的整体风格，你认为跟下列哪项无关？（ ）A、网站标志 B、标准色彩 C、标准字体 D、附加信息4.2.4 收集素材设计人：周村实验中学 毕新华【学习目标】1、搜集资料是人们学习、工作、生活所必须具备的一项基本技能。会学习的人，必定具备应用发达的现代信息技术搜查资料基本技能。通过搜集资料可获得前人、他人的间接经验或已有成果，可以丰富知识、开阔视野，加深体验，提高生活质量，使自己少走弯路，提高工作效率。2、本次活动使学生掌握搜集资料的方法，如到图书馆如何搜集资料，上互联网怎样查询下载等，培养分类存储的好习惯。3、通过自主、独立、合作的学习过程，增加了学生间的沟通和交流，提高口头交际能力。【学习重难点】重点：围绕主题从网上搜索信息，并分类存储难点：命名文件或文件夹时做到“见名知义”【学习环境】机房，Internet【组织方式】任务驱动法、小组协作法、教师演示法、实践体验法【学习方法】小组合作【导学过程】【导学一】明确目标对于网站设计，你的分工是什么？除了可以从网络上获取此类信息，还能不能从别处更快更好的获取相关信息？获取信息不只可以通过网络，通过必修的学习，我们知道，信息来源主要有：文献型信息源、口头型信息源、电子型信息源、实物型信息源。【导学二】文件存储在收集素材前，你建好文件夹了吗？你打算给你的文件或文件夹起什么样的名字？例如：图片 音频 视频 动画文本温馨提示：为了更快的找到自己的文件，建议大家使用文件夹分层管理你的文件，例如在图片文件夹中依然可以再建立文件夹，存放壁纸、明星、汽车等。在命名文件或文件夹最，最好做到“见名知义”。【导学三】获取素材学生实践：依据必修所学的信息获取的方法，合理合法的使用网络上的信息。【导学四】共享评价将你本节课的成果上传至教师机形成本班的素材库，以小组为单位，查看素材库中有没有你所需要的素材，并给予评价。姓名素材评价【达标测试】1、在网站建设中下列几个过程是必须经历的，你认为网站建设比较合理的流程是（ ）。（1）规划网站结构，并确定设计风格（标志，主色调，文字效果，栏目设置和版面布局）（2）发布网站 （3）网页制作 （4）了解网站运行环境，选择网站开发工具（5）确定网站主题，收集素材A、（1）（2）（3）（4）（5） B、（5）（1）（4）（2）（3）C、（1）（4）（5）（2）（3） D、（5）（1）（4）（3）（2）2、下列关于网页制作中收集素材的描述，哪些是错误的：（）A、收集来的素材无需分类，集中在一个文件夹中存放较好。B、收集来的素材因为是准备制作网页给大家看，所以不存在版权的问题。C、收集来的素材应该分类，不同类素材最好用不同的文件夹管理。D、收集来的素材文件名要易懂易记，便于调用。3、对文件名或文件夹的命名，以下说法中（）是正确的A、在同一个文件夹中允许建立两个同名的文件或文件夹B、在不同文件夹中不允许建立两个同名的文件或