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

§4.2.1－4.2.3网站的设计 【学习目标】 让学生了解网站建设中栏目设置与版面设计的重要性。 让学生体验网站建设的具体事务，使学生学会设计、构思一个网站。 提高学生分析问题、解决问题、个性化创造的能力，提升审美观。 【学习重难点】 重点：让学生了解了解栏目设置与版面设计的重要性 难点：依据主题，设计网站的栏目和结构 【学习环境】 机房，Internet 【组织方式】 任务驱动法、小组协作法、教师演示法、实践体验法 【学习方法】 小组合作、实践练习、反思总结 【导学过程】 问题导入：为什么有的网站访问廖廖无几，而有些网站的访问量却大得惊人呢？这些访问量大的网站除了内容丰富外，还有没有其他的原因？ 查看几个流量大的网站，回答：网站设计一般包括 、 、 等。 【导学一】栏目设置 在动手制作一个网站前，应该构思好网站的结构图，做到层次清晰。 什么是栏目，它在网站设计中的作用是什么？ 根据小组确立的网站名称，设置栏目？（可以参照课本表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 【组织方式】 任务驱动法、小组协作法、教师演示法、实践体验法 【学习方法】 小组合作 【导学过程】 【导学一】明确目标 对于网站设计，你的分工是什么？除了可以从网络上获取此类信息，还能不能从别处更快更好的获取相关信息？ 获取信息不只可以通过网络，通