电子杂志技术在网页设计中的应用

摘 要：在目前的网页设计技术上,大多是采用传统的静态或动态网页设计技术,较少有人应用电子杂志技术进行网页设计.从信息量、信息呈现方式等角度看,电子杂志技术设计的网页对使用者来说,更具吸引力；从多媒体元素的呈现方式来看,电子杂志相对于传统网页设计技术来说,聚合的效果更好,尤其适用于网页设计的教学与培训活动；同时对于学习者来说,电子杂志技术简单易用,在调动视听感官参与学习的过程中发挥了积极的作用.电子杂志作为网页制作的一种新型设计形式,具有研究的价值和意义.

关 键 词：电子杂志；网页设计；精品课程网站

中图分类号：TP399-C1

近年来,网页制作技术在网络技术的飞速发展的背景下,应用越来越广泛.传统的网页制作技术对开发人员要求比较高,需要开发人员在技术和美工方面都有很好的基础,对于目前的高职类计算机专业学生来说,培养一名合格的网页设计和制作人员需要较长的时间,尤其在各类网页设计技术的学习上.笔者在网页设计的过程中通过运用电子杂志技术,使开发难度降到最小,非常适合高职类学生动手能力强的特点.本文以某精品课程网站的设计开发为例,具体介绍了基于电子杂志技术进行网页设计开发的特点、优势和过程.

1电子杂志技术简介

1.1电子杂志的概念

电子杂志,又被称为互动杂志、网络杂志,是利用计算机和多媒体技术将一定的多媒体复合信息,如图片、视频、声音、文字等,通过电子出版物的方式存储在互联网或电子设备中,并利用网络或电子媒介来传播的电子媒体.

1.2电子杂志的特点

电子杂志作为数字化出版物的代表,在传播方式和呈现方式上,区别于传统的纸质出版物,发展迅速.随着网络上电子杂志的普及,电子杂志以推送的手段和方便快捷的传播方式为广大读者所接受.

电子杂志的主要特点是：首先,良好的多媒体阅读体验.电子杂志是很好的媒体表现形式,它能结合平面和互联网的特点,糅合图像、视频、声音、文字、游戏和其他形式来呈现阅读内容的整合功能.其次,巨大的信息量.电子杂志可以利用计算机的高速处理和海量存储,大大地提高信息的数量.然后,独特的查询和超链接.在计算机查询的帮助下,它使人们在信息的海洋中能尽快找到所需要的内容,加上电子杂志中方便的随机注释、电子索引,使数据的多样性、可获得性和可靠性得到更大地提升.

1.3应用电子杂志技术进行网页设计的优势

使用电子杂志技术可以紧扣受众关心的内容,避免传统网页技术在内容组织形式和多媒体呈现上的刻板和乏味,能够充分利用互联网特性,让受众成为参与者.这一特性对于需要学生参与的精品课程网站尤其重要.电子杂志是一种全方位的新型媒体,能够实现与受众的即时互动交流,利用电子杂志技术制作的精品课程平台可以拓宽师生互动交流的渠道.

电子杂志技术能够充分利用多媒体技术手段,有很强的视觉及听觉冲击力,能够在第一时间吸引学生的关注.原因在于电子杂志的媒体表现力更强,在课件内容的呈现形式上也能够吸引学生在首次浏览网页时的关注度,并保持学生对网页内容的持续关注.

基于电子杂志技术的网站在保证了以海量的优质内容做支撑的同时,也能吸引使用者的注意力.在信息泛滥的时代,使用者容易在海量信息中遗失,借助电子杂志的技术手段能够对内容资源技术整合和集成；借助分类清楚、易于检索、易于使用的数据库技术,能够发挥用户使用,实现内容价值的最大化.

2电子杂志技术在精品课程网站中的应用

在精品课程网站的建设过程中,首先通过组织各种素材来构建网站框架,然后再利用电子杂志技术进行多媒体内容的特色开发.

在整个网络架构和内容呈现上,电子杂志既充实了网站的静态内容,又丰富了网站的动态内容.具体体现在利用电子杂志技术保证了频道设置的清晰边界,方便了各栏目的信息的管理和更新,同时在各个频道设置了引导功能,自主引导网站的使用者按照设计者预先设计的路径完成网络内容的自主学习.

因此,在整个网站的结构上,笔者设计了6个模块,如表1所示.综合运用了静态网页技术、电子杂志技术和动态网页技术.其中,本文将重点介绍采用电子杂志技术设计的在线学习、习题测试、分数兑换、排行榜和作品展示几个模块.

表1网站基本架构

2.1自主学习部分电子杂志技术的运用：该部分是精品课程体现学生学习主体部位的重点内容,笔者采用引导式设计风格,布局利用导航的方式向学生展示自主学习内容,通过设置行程式实现过程和分阶段考核为学生提供自主学习的过程.在设计思路上,知识点以动画或视频的方式展示,考核点利用预设的交互式设计来实现；只有回答正确才能开始下一阶段的学习,为避免抄袭,交互式问题题目从题库中抽取.交互的方式可以是图形设计、积木搭建等,而不只是简单的选择题或填空题设计.

2.2作业和测试部分电子杂志技术的运用：通过建立题库,利用随机组题的方式,建立作业和测试题目,并利用电子杂志技术编写代码,在完成作业和测试后可以马上看到所得分数,以及正确的结果.

在测试方式上,利用电子杂志技术设计了操作过程的考核,设置了必须完成的关键性操作步骤,学生可以实现计算机操作技能的训练和考核.

该部分主要体现了互动内容的设计,在内容的设计和编排上,笔者适量增加了一些能够帮助学习者放松心情、调整情绪的互动设计,使得学生在网络课程的学习过程中能够劳逸结合,这些互动设计包括互动小游戏和互动小测试等.其中的小游戏强调了知识性和趣味性,寓教于乐；而互动小测试的设计,以内容单元为单位,学习者通过做选择题参与测试,这里选择题的数目基本在十道题以内,采用过关卡的进阶式互动体验过程,学习者完成全部测试后会获得分数奖励.

2.3基于电子杂志技术网络课程的受众以年轻学生居多,他们充满好奇心,喜欢挑战和成就感,因而设置了分数兑换和排行榜这2个挑战分数的频道,增加学生在学习过程中的乐趣和挑战,激发学习者之间的竞争意识.根据笔者开设课程后学生的网站访问情况和反馈情况,学生们对于这2个频道的访问频率是最高的.

2.4作品展示频道设计了一个展示平台,展示学生的电子杂志作品,比如之前学生设计的交互式电子杂志作品或艺术展示类作品等,能激发学生学习的积极性,锻炼学生的动手能力,从而增强学生的自信心和学习兴趣,建立成就感.

3利用电子杂志技术制作精品课程网站过程中应注意的问题

3.1遵循学生为主体的原则,保持互动性和自主学习原则

用于教学的电子杂志需要考虑学生的学习特点,以引导和自主学习的方式,提高学生学习兴趣,一个重要的设计原则是：充分发挥电子杂志技术的特点,让学生最终应该能够在没有教师干预的情况下完成自主学习过程.

基于电子杂志网站中的互动设计一定要针对学习者的智力水平和学习程度,做到恰到好处,这样才能体现出互动的重要性,体现其内容呈现的丰富性,提升使用者的阅读兴趣.

3.2媒体内容应该兼顾科学性和观赏的可持续性

利用电子杂志设计的精品课程网页内容需要考虑到学生学习的特点,特别是科学知识的科学性呈现,应该符合学习规律和认知规律,讲究科学性.同时也要兼顾观赏的可持续性和趣味性,使用电子杂志设计就是要充分考虑使用者的感观并保持使用者的持续学习兴趣,缺乏艺术性的网页设计作品显然是不会成功的.

笔者设计的网站设计理念之一就是充分发挥电子杂志的技术特点,在具体栏目的设计上,围绕1个知识点,以简洁的方式将学习者的焦点集中在需要其重点关注的知识点上,然后以互动进阶的方式呈现下一个知识点,知识点的设置是环环相扣的,每个知识点都具有一定的难度,使用者需要在掌握相关知识点的基础上才能够顺利完成互动,以此达到进阶式学习的目的.这样的互动设计既提高了版面内容的可读性和挑战性,方便了使用者的学习过程,又使版面看起来清爽干净,最大限度地吸引学习者的关注度.

3.3最大程度地突出电子杂志技术的艺术性设计理念

一个好的电子杂志网站同时也是一个设计精美的艺术作品.尤其在极富特色的互动设计上,在互动的过程中应该通过形式的多样和呈现方式的美观,来表达艺术性设计理念.

页面的设计应该体现整体设计的风格,通过多媒体元素的聚合来达成整体和局部的和谐统一.在页面的转换设计和自主学习的互动式设计上,设计者需要利用各种美学设计法则,力求达到最佳的艺术呈现效果,吸引使用者保持长期的关注和良好的使用体验.

笔者在设计过程中通过以海浪冲击沙滩的形式塑造页面切换的效果,使用者在翻动页面时可以看到海浪逐渐吞没沙滩的艺术效果,这一互动过程形式新颖,而且具有很好的艺术呈现感,给使用者留下了非常深刻的印象.

4结束语

利用电子杂志技术实现网页制作,这是网页设计的一种尝试,该技术模式能较好地组织信息资源,使得网页的展现形式变成以主题怎么写作为特征的主题杂志,更符合和贴近高职类计算机网页设计课程教学的需求,同时电子杂志也顺应学生的设计习惯,易于上手.初步的实践表明,电子杂志技术相比其他网页设计技术,在提高学生的网页制作能力,提高学生的学习兴趣等方面显示出一定的优势.

作为一个新的网页呈现技术,利用电子杂志技术设计网页应该不能只是一味考虑技术上的创新,而应该针对受众的特点,重视内容的被接受程度和互动设计的个性化,体现设计的艺术性.自动化程度的提高和更完善的主题提取是接下来需要进一步思考和完善的.