设计主题资源网站.docVIP

设计主题资源网站 本步骤的主要目标是：能够结合单元学习主题设计资源框架；掌握选取与收集资源的方法。 设计资源框架——选取与收集资源 ——规划主题资源网站的建设风格 在一个较为完整的网站中存在着系统的网页关系。一般来说，网站的首页是网站的初始页面，该页面上有清晰的导航和内容规划。有的网站会在首页之前增加一个欢迎页面，可以把其看作一个封面和入口，大多由图片或动画为内容，没有太多的信息内容。在首页之后就是一级栏目，若干个一级栏目一般风格一致。再往后就是二级栏目、底层栏目等，这些栏目大多延续上级栏目的风格和框架。一般网站页面之间的关联见图5-3网站页面关联。（点击查看图5-3 网站页面关联 主题资源网站的建设是要满足教与学的需要，资源的终端用户是教师和学生。对教师用户来说，他们希望资源能够提供对教学设计和教学实施过程的支持，并且方便使用。主题资源不仅要提供与单元学习主题关联的资源素材，更要提供资源如何使用的信息。在主题资源中，教师可以按照主题，选取所需要的专题活动设计及其配套的资源，修改、增删、改进、完善，为学生提供体现其风格的学习支持资源。对于学生用户来说，主题资源为单元学习提供资源、工具与方法的支持。学生在具体的单元学习实施过程中，对主题资源会有自己的加工和处理，会动态地生成新的资源。因此在构建主题资源网站框架时，需要考虑给那些在单元学习过程实施中可能发生变化的资源留有空间。 请大家结合自己设计的主题单元，思考各自的主题资源网站框架，完成表5－2“主题资源网站框架”。在你确定了主题资源网站框架以后，如果你觉得有必要，也可以参照图5－2，使用思维导图工具将网站框架表示出来。 表5－2 主题资源网站框架 层 级 内 容 网站的一级栏目 网站的二级栏目 网站的三级栏目 …… 在上一活动中，我们了解到各类主题资源的分类和功能，也认识到了各种资源的教学功能。请大家结合模块3中选择的单元学习计划的主题，思考需要获取并收集哪些资源？这些资源对于单元计划的学习有什么支持作用？ 参考上一步中设计的资源框架，请你根据自己所设计的单元学习计划的总体目标，为其选择并收集所需资源，在资源收集过程中，请注意记录好资源的来源，为以后应用资源做好准备。相关资源记录在表5-3单元学习主题资源中。 【资源】表5-3 单元学习主题资源【拓展学习】在主题资源获取过程中，经常会使用一些工具，如： 1.资源获取工具1：迅雷 2.资源获取工具2：SnagIt捕捉软件【学习】1、主题资源对教学的支持作用单元学习主题资源不仅包含了对单元学习者的学习支持，也包含了对单元学习设计者和单元教学组织者的支持，具体体现在以下几个方面：【资源】表5-4 获取资源的方式或技巧 方法或技巧 占有现成资源 如关键词选择技巧…… 修改已有资源 如使用相关软件 创建主题资源 如使用相关软件 【学习】3、构建主题资源列表（点击查看图5-4 主题资源列表）【学习】主题资源网站风格设计 图5-5 网站图标 （2）网站图标与横幅设计 图标（Logo）顾名思义就是站点的标志图案，就是用图形化的方式传递网站的定位和理念，同时便于人们识别。横幅（Banner）一般是以狭长的酷图组成，可以是静态的图片，也可以是动画，应体现整个站点的风格。 该案例的主题是“简单电路”，那么主题资源网站的图标就要与此主题相关。针对主题“简单电路”，我们设计了一个参考图标，见图5-5，图中有一个灯泡。 不仅是图标，横幅的设计也应该针对主题，我们设计了一个参考的横幅，如图5-6，图中有一个实物电路图。 图5-6 网站Banner截图 （3）网页的布局 网页布局大致可分为国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、变化型等。 根据所需资源的栏目，合理地设计首页栏目及导航标题栏。 在网页设计中，字体的处理与颜色、版式、图形化等设计元素的处理同样重要； 文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面较为常用，图形化了的文字具有突出性，既美化了页面，又增强了视觉效果； “您所在位置”在一般网站中是不可缺少的一部分，其作用表明您现在所处在的位置，使用户不会不知东西南北迷失在网站中，因此网站导航要清晰； 资源网站应该避免空链接、死链接，对于尚未完成的页面可以临时链上“正在建设中……”的页面，加以解释，但应该早日提供建设内容； 动画、图像与视频的使用要谨慎，不恰当的应用可能会造成对读者视觉上的干扰，同时也很容易制约页面的访问速度。 根据以上网页布局知识的介绍，我们在这里选择左右框架型，这种类型结构非常清晰，一目了然，同时根据主题资源，合理地设计首页栏目及导航标题栏，我们设计的参考主页如图5-7所示。 图5-7 主题资源网站首页 （4）网页配色 另外，主题资源网站的风格