在网页素材准备及制作中提升学生信息素养

□胡庆莲

(山西广播电视大学，山西 太原 030027)

网页是由不同的媒体素材组成的，这些媒体素材也称为网页元素，主要包括文本、图形、图像、动画、声音和视频等，它们能承载、传递信息和情感，这些网页元素就是我们通常说的网页素材。

一、网页素材的准备及制作

网页素材要根据网页栏目，内容设计，链接结构设计，首页布局结构及导航页面结构进行准备。网页素材准备工作包括素材的获取、加工与管理，如果找不到合适的素材，则要自己采集、制作。学生要能够判断网页需要什么样的素材，懂得如何去获取这些素材，对搜集到的素材能够做出正确评价和有效利用，为此，学生必须具备一定的信息素养，最终才能够制作出内容丰富、创意新颖、设计独特的网页来。

(一)文本素材的准备及制作。在各种媒体素材中文字素材是最基本的素材，文本一直是人类最重要的信息载体和交流工具，用文本表达信息，可以给人以充分的想象空间。网页中的信息也以文本为主，主要用于对知识的描述性表示，如：阐述概念、定义、原理和问题以及显示标题、菜单等内容。

文本素材有两种表现形式，即文本文字与图像文字。

对于文本文字素材通常可以通过以下方式获取：①从Internet下载；②从键盘直接输入；③通过扫描仪输入；④利用手写板输入；⑤利用语音识别输入等。

Windows系统下的文本文件种类较多，例如：纯文本文件格式(*.txt)，Word文件格式(*.doc)，Rich Text Format文件格式(*.rtf)等，文本文字素材要先做成文本文件格式保存以备使用。网页中的文本应根据实际需要，灵活编排文字版式；分步呈现文字信息；巧妙设置文字属性；处理好文字素材与背景的关系；可以得到绚丽多彩的网页页面。

图像文字是以图像的形式呈现的，可以用图像文件格式保存下来。制作图像文字的软件很多，在Adobe Photoshop、Autodesk 3ds Max中，可以制作艺术效果文字，在Ulead COOL 3D中，可以制作各种静态或动态的，例如：立体、扭曲、变换、色彩、材质、光影、运动等特效文字。

(二)图形、图像素材的准备及制作。图形、图像是网页中最重要的组成部分，是人们非常乐于接受的重要信息载体。图形、图像在网页中可以直观、生动、形象地表现主题，提供信息，美化网页，同时又可以表达创作者个人情调和风格，还可起到吸引浏览者注意力的作用，具有其它媒体无法比拟的优点。

在计算机领域，将数字图像分为图形和图像两种类型。在网页制作中，大量使用的是图像。图形又称矢量图，是通过数学公式计算获得的。矢量图的优点是对图形进行放大、缩小或旋转等都不会失真，且占用存储空间较小；缺点是制作出的图形色彩显示比较单调，看上去比较生硬，不够柔和、逼真。矢量图常用于图案、标志、VI、文字等设计，常用的矢量绘图软件有Adobe Illustrator，Corel DRAW等。

图像又称位图，是由称为像素的许许多多的小方块组成。位图的优点是色彩显示自然、柔和、逼真，能够表现出对象的细节和质感；缺点是图像在放大、缩小过程中会产生失真现象，图像文件占用存储空间较大。图像常用于表现具有非常细腻、层次清晰、色彩丰富的自然景色、人物等。

大家公认的功能最强大的图像处理软件是Adobe Photoshop，它既能处理已有的图像，也可以创建图像，它在网页图像素材的制作、加工中起着不可或缺的作用。

图像素材可以从多种渠道获得：①图像处理软件；②扫描仪采集；③数码相机拍摄；④通过屏幕抓图软件获得；⑤使用豪杰超级解霸从VCD、DVD画面中截取图像；⑥从Internet下载等。

图像素材的获取方法不同，得到的图像文件格式也不相同，常见图像文件格式有：BMP、JPEG(JPG)、GIF、PNG、TIF、PSD等，在网页制作中，我们可以使用JPEG、GIF、PNG三种图像格式。

(三)声音素材的准备及制作。声音是多媒体网页的一个重要组成部分。在计算机领域，声音通常被称为声波或音频。在网页中运用声音能起到文本、图形、图像、动画等媒体形式无法替代的作用，它能调节浏览者的情绪，引起浏览者的注意等，当然，声音作为一种信息载体，其更主要的作用是直接、清晰地表达语意。声音素材的采集和制作可以有以下几种方式：①从Internet下载；②麦克风录制；③从多媒体素材库光盘中获取；④使用豪杰超级解霸软件抓取CD、VCD光盘中的声音；⑤通过计算机声卡的MIDI接口采集或创作MIDI文件。⑥通过双头音频线把磁带上的声音录制到硬盘中来；⑦通过Windows来捕捉程序中的声音等。不论是自己录制的声音还是通过其他渠道获取的声音，一般都需要经过一定的处理才能够使用。Windows自带的“录音机”小巧易用，可以对音频文件进行截取、合成等操作，但其功能十分有限；有不少专门用于声音编辑的软件，例如：Cool Edit Pro、Sound Forge、Wave Edit、Gold Wave等声音编辑器，对声音的录制及编辑功能都很强大，都有友好直观的操作界面，只是在处理的细节上各有特点，因此，只要掌握了其中一种便可以触类旁通。目前，支持网络的声音文件格式很多，常用的文件格式有MIDI、WAV、MP3和AIF等。

(四)视频素材的准备及制作。视频是多媒体网页的成员之一，在网页中占有非常重要的地位。它是由文本、图像、声音、动画中的一种或多种组合而成的一种活动画面，具有声音与画面同步、表现力强的特点，能大大提高网页内容的直观性和形象性。视频素材的采集方法很多，最常见的方法有：①从Internet下载；②使用视频捕捉卡采集录像带上的素材；③使用豪杰超级解霸等软件截取VCD、DVD上的视频素材；④利用屏幕抓取软件，如SnagIt、HyperCam等来记录屏幕的动态显示及鼠标操作，以获得视频素材。

支持网络视频的文件格式有WMV、ASF、RM、MOV等。使用Adobe Premiere、超级解霸、会声会影等软件，可以对视频文件进行合成与编辑。

(五)动画素材的准备及制作。动画是由一系列内容连续且互不相同的画面组成，按照一定的时间间隔显示，利用人类眼睛的“视觉暂留”效应，产生连续运动的效果。动画以其生动、形象、直观等突出特点，为网页制作增添了无穷的活力，使制作的网页更加富有个性特色和感染力。

获取动画素材的途径一般有：①动画制作软件；②从Internet下载。

网络中常用动画文件格式有GIF和SWF。GIF文件格式使用动画制作软件Image Ready、Animagic GIF等制作，并且在网络上有较为丰富的资源；SWF文件格式使用Macromedia Flash软件制作，制作出的SWF动画文件，可以嵌入到HTML文件里，也可以单独成页，Flash动画还有一大特点是其中的文字、图像都能跟随鼠标的移动而变化，制作出交互性很强的动画文件，如今已被大量应用于Web网页进行多媒体演示与交互性设计，已经成为网上动画的事实标准。

综上所述，网页素材的准备及制作将涉及到《计算机应用基础》、《Phtoshop图像处理》、《Flash动画设计》、《Dreamweaver网页设计》等多门课程的知识，还有许多知识是在课程学习中没有涉及到的，可见，在网页素材的准备及制作中，能够充分展现出学生信息素养的综合能力。

二、学生信息素养的培养和提升

目前，我国学者普遍认同信息素养包含四个方面：信息常识、信息能力、信息道德和信息意识。信息常识，即计算机和网络基本操作的能力。信息能力，即以各种形式发现、评价、利用和交流信息的能力。信息道德，即有关信息技术使用所产生的经济、法律和社会问题，并能在获取和使用信息中遵守公德和法律。信息意识，即信息的思维能力。信息素养能力的形成是从低级层次能力到高级层次能力逐步发展的过程，即是一个从信息常识、信息能力到信息意识，与此同时始终伴随着信息道德的过程。

下面就针对网页素材准备及制作的教学过程，谈谈如何培养和提升学生的信息素养能力。

(一)信息道德的培养和提升。在网页素材准备阶段，需要在网络上搜索大量的文本、图像、动画、声音、视频等多种媒体素材。在教学过程中，通过讲授教学法阐述具体案例，通过问题教学法向学生提出质疑，例如，你在网络上发布、传播信息时，是否考虑这些信息可能会对社会和他人造成哪些不利影响？你在网络上获取信息时，是采用合法的手段吗？你在使用他人创作的信息时，标明出处了吗？通过创设问题引导学生深入思考，并清楚地意识到使用信息，发布、传播信息过程中可能会涉及法律，道德问题，要求学生要非常负责地使用信息，发布、传播信息。

(二)信息常识的培养和提升。学生的信息常识其实从接触计算机和网络的时候就开始了，一般经历了小学、中学、大学阶段的整个过程，在相关《信息技术》、《计算机应用基础》等课程的学习中已具备一定的信息常识。例如，掌握计算机和网络的基本操作，理解计算机和网络的基本概念，掌握电子邮件的基本操作，掌握常用下载工具的使用，掌握即时通信软件工具的使用等等。在网页素材准备及制作的教学中，通过实践教学法、探究教学法，使学生的信息常识在原有的基础上得到进一步的深化、提高。例如，在理解和掌握文字识别技术OCR的教学中，通过“实践活动：将PFD格式的文本转换为DOC格式”，让学生充分发挥自己已有的信息常识去探究解决问题的方法；学生可能会寻找到解决问题的不同方法，并让学生之间相互交流，比较各种方法之间的差异。培养和提高了学生对不同软件工具的使用和评价能力。再如，在截取屏幕图像、截取视频的教学中，通过完成“实践活动：Printscreen键的使用”、“实践活动：利用Snagit进行屏幕录象”，“实践活动：利用豪杰超级解霸从VCD、DVD中截取视频素材”，培养和提高了学生判断所需素材的种类及性质，从而能有效、高效地获取所需信息的能力。

(三)信息能力、信息意识的培养和提升。学生信息能力、信息意识的形成需要融入到日常的教学活动之中，真正的形成还依赖于学生在日常学习活动中对各种信息手段的不断使用。学生越是信息意识强，不断的发展自身的信息能力，他们所具有的信息素养就会越高。

在网页素材的搜集、制作、加工的准备过程中，不同学生所具有信息能力的高低相差很大。例如，信息能力差的学生不能处理他们所面对的大量信息，容易忽视有用的信息而去关注一些不准确或品质差的信息，导致不能顺利获取所需素材；还有的学生在搜集到素材后，面对需要加工、整理的素材不知所措；还有的学生不懂得创作素材的必要性等等，但是不论学生原有信息能力的程度如何，总是存在着很大的提升空间。这些问题的解决正是我们培养学生信息能力和信息意识的关键所在，也是培养开放教育学生自主学习能力的关键所在。

在网页素材准备及制作的教学过程中，采用“任务驱动”教学法来培养学生的信息能力和信息意识。“任务驱动”从学习者的角度看是一种学习方法，特别适用于学习操作类知识和技能，尤其适用于学习信息技术应用方面的知识和技能。“任务驱动”围绕创设的真实情景展开教学，使学习目标十分明确，激发起学生的学习动机，教与学产生互动，学生真正成为学习的主体，使学生在对自己感兴趣的事物的探究中真正学到知识。

在网页素材的准备过程中离不开信息的搜索。在搜索网页素材的教学过程中，学生在确定网页主题的前提下，完成“任务项目：搜索与网页主题相关的文本、图片、声音、视频、动画等媒体素材”。在完成该项任务的过程中，由于每个学生搜索的主题不一样，搜索到的内容不一样，最后得到的素材不尽相同；即使有些学生的网页主题一样，搜索到的内容一样，但由于每个学生原有知识体系以及认知结构的不同，最后得到的素材也不尽相同；这个过程反映出学生评价信息、遴选信息能力的不同。选择是搜索的继续，学生会根据自身的兴趣和需要，在大量信息或知识中挑选出对自己有用的东西，这个过程主要依赖于学生个人的洞察力。在完成搜索各类素材任务的过程中，培养和提高了学生对信息搜索、评价、利用的信息能力。

在使用Photoshop软件编辑和制作图像素材的教学中，精心设计了一系列的课程任务，包括：任务项目1：调整图像文件大小；任务项目2：改变图标背景；任务项目3：调整图像色彩色调；任务项目4：合成图像；任务项目5：修复图像；任务项目6：制作Logo图标； 任务项目7：制作特效按钮；任务项目8：制作透明背景图片；任务项目9：制作网页顶部图片；任务项目10：制作网页底纹图片；任务项目11：制作GIF动画；任务项目12：网页图片切片等等，并为学生提供相应的素材资源。学生按照任务的要求，利用提供的素材，在Photoshop软件中编辑处理达到需要的效果。学生在完成这一系列的课程任务后，就可以熟练掌握在Photoshop中编辑和制作图像素材的基本操作技能，培养和提高了学生对Photoshop软件的应用及评价的能力，

教学实践证明，学生在完成具体任务的过程中始终处于主体地位，教师的角色是学习情景的创设者、学习任务的设计者、学习资源的提供者、学习活动的组织者和学习方法的指导者，在“任务驱动”教学过程中，培养和提高了学生的信息能力和信息意识。

总之，在网页素材准备及制作的教学实践中，深刻体会到对于具体知识的讲授已经不是最重要的事情，因为学生获得知识的途径很多，教师应该把教学重点放在以下几个方面：①教会学生如何搜索；②教会学生如何选择；③教会学生如何思考；④教会学生如何交流；⑤教会学生如何创作。从而使学生的信息素养得到全面提升。

参考文献：

[1]张瑾，任友群.知易行难：信息素养视角下的高校教育信息化[J].远程教育杂志，2011，(1).

[2]王竹立.新建构主义：网络时代的学习理论[J].远程教育杂志，2011，(2).

[3]王帆.基于“信息处理”的媒介素养本体建构[J].开放教育研究，2010，(6)

[4]刘宇.应用Photoshop进行网页制作[J].林区教学，2009，(3).

[5]章正喜.多媒体素材的获取与处理[EB/oL].http://www.xsez.net.cn/jyjs/dmt.htm.