网页课件的设计与制作

网页课件的设计与制作

资源准备

3.1：网站

网站(Website)是指在互联网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的信息，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的信息或者享受的网络服务。

光有网页还不能成为网站，如同光有商品不能成为商店一样。网站需要一定的存储空间，要有可供访问的地址，还要有一个容易为人记住的网站名称。

对于网站而言，其访问地址包括计算机容易识别的IP地址和人容易记忆的URL 地址两类，存储空间则由服务器提供。

URL是Uniform Resource Locator（统一资源定位符）的缩写。当您创建一个超链接时，它的目的端将被编码为URL，例如/news.htm 或file://ComputerName/SharedFolder/FileName.htm。URL包含了站点服务器或者网站位臵、路径和文件名称。URL也可以识别出控制http、ftp或files这些文件的协议。下图是一个URL各部分内容的说明。

资源准备

3.2：主题资源网站对教学的支持

主题资源通常可以以资源网站的形式呈现，网站是主题单元的设计者和使用者共

同设计的结果，能够将涉及主题单元学习过程中的一系列活动，以及支持活动的资源和工具等集中体现出来。主题资源网站是一个半结构化的、开放性的学习环境，可以及时补充单元学习实施过程中所生成的新专题及其活动安全，为教师和学习提供了非常宝贵的单元学习合作平台，不仅保证了信息化学习活动的全方位开展，也为师生提供了展示成果和学习交流的广阔空间。

主题资源网站的建设是要满足教与学的需要，资源的终端用户是教师和学生。对教师用户来说，他们希望资源能够提供对教学设计和教学实施的支持，并且方便使用。主题资源不仅要提供与单元学习主题关联的资源素材，更要提供资源如何使用的信息。在主题资源中，教师可以按照主题，选取所需要的专题活动设计及其配套的资源，增删、改进、完善，为学生提供体现其风格的学习支持资源。对于学生用户来说，主题资源为单元学习提供资源、工具与方法的支持。学生在具体的单元学习实施过程中，对主题资源会有自己的加工和处理，会动态地生成新的资源。因此在构建主题资源网站框架时，需要考虑给那些在单元学习过程实施中可能发生变化的资源留有空间。

单元学习主题资源不仅包含了对单元学习者的学习支持，也包含了对单元学习设计者和单元教学组织者的支持，具体体现在以下几个方面。

（1）知识背景的支持：在单元学习中，学生的活动要以一定的知识背景为基础，需要调动原有知识并且结合其生活经验，也需要吸收解决新问题的新知识和技能。借助设计合理的主题资源为学习者的学习活动提供知识背景的支持。

（2）学习情境的支持：主题资源还起到为学习提供情境支持的作用，真实性的情境提高了知识的有用性和有效性，将有利于引发学生的学习兴趣，调动多种多样的解决问题的方法。

（3）活动过程的支持：主题资源的不同为学习活动过程的不同阶段提供相应的支持，包括信息的收集、分析、归纳、评价，问题的解决，合作交流的开展等。（4）交流合作的支持：借助信息技术工具，主题资源为学习者提供合作交流的支持。同时学习共同体也可以为交流合作提供支持。

（5）学习支架的支持：在学生自主学习的探究过程中，由于缺乏足够的研究能力，教师需要为其提供必要的学习支架，包括为学生提示研究的方向，提出引导性问题，提供思维的模板以及学习总结的框架。

（6）反思总结的支持：学生自主学习要能够从探究中积累经验，学会学习，因此，反思总结尤其重要。反思评价工具及方法，为学生的学习反思和总结提供支持。

资源准备

3.3：具有个性的主题资源网站的要素

个性化资源以有效支持学习主题为原则，并能够快速吸引学习者的注意力，带给学习者直观深刻的印象。内涵上又能紧扣学习主题，充分反映这是围绕学习主题展开的资源设计。具有个性的主题资源网站在创建时需要从以下几方面考虑。1．网站定位：在制作网站前首先需要对网站进行定位，确定是以知识技能教学为主还是以拓宽知识面为主。在此基础上确定网站风格，才可能正确处理好技术应用程度、图像与文本的关系、颜色与图像的关系、动画图像的使用等问题，形成网站中各网页图像、文字、背景颜色、区分线、字体、标题、注脚等方面的统一风格。

2．网站图标和横幅：图标（Logo）顾名思义就是站点的标志图案，就是用图形化的方式传递网站的定位和理念，同时便于人们识别。横幅（Banner）一般是以

狭长的酷图组成，可以是静态的图片，也可以是动画，应体现整个站点的风格。3．网页配色：在视觉系统中，色彩的重要性大于形状、面积和位臵等元素，色彩同时也是决定资源风格的前提。通常我们开始资源的设计工作时，首先会决定整体的色彩风格，这决定着资源给学习者的第一印象。资源的开工是为内容服务的，色彩也是为内容传达创造更正确和更舒适的环境。人们通过对自然界和生活中的色彩的直观认识，赋予了色彩冷暖的感觉，常常把蓝色、紫色、白色等称为冷色系，而红色、黄色、橙色等称为暖色系，绿色等不具备明显色彩冷暖倾向的色彩称为中性色彩。暖色有前进的特性，而冷色有后退的特性。

4．网页的布局：网页布局大致可分为国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型和变化型等。

5．导航：根据所需资源的栏目，合理地设计首页栏目及导航标题栏。“您所在的位臵”在一般网站中是不可缺少的一部分，其作用表明您现在所处在的位臵，使用户不会不知东西南北迷失在网站中，因此网站导航要清晰。

6．文字的处理：在网页设计中，字体的处理与颜色、版式、图形化等设计元素的处理同样重要，文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面较为常用，图形化了的文字具有突出性，既美化了页面，又增强了视觉效果；但同时要注意，动画、图像与视频的使用要谨慎，不恰当的应用可能会造成对读者视觉上干扰，同时也很容易制约页面的访问速度。

7．链接：资源网站应该避免空链接、死链接，对于尚未完成的页面可以临时链上“正在建设中……”的页面，加以解释，但应该早日提供建设内容。

资源准备

3.4：网页的组成部分及基本布局