提高学生网页设计能力的探究与实践

□王惠兰

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

网页制作课程是一门具有综合交叉学科特点的课程，技术与艺术在课程中完美的结合在一起。一般在教材的章节中，三分之二为基础和设计部分，即艺术部分，仅有三分之一为网页制作内容，即网页技术部分，网页设计与网页制作技术并存，而且前者比例相对偏重。这样一个教材体系完全吻合网页建设的流程，但和学生的学习习惯有些相背。因为网页设计部分是一个大活，而且是慢活、细活，需要精雕细琢才能出佳品，并且还和个人的艺术修养、审美观紧密相连。但学生学习时急需“成就感”，急着要打开Dreamweaver建站点，做网页，忽略了制作前的看似多余繁琐的设计环节。他们被一个个图文并茂的网页所吸引，急着出成品，出佳品。殊不知一个个精美网页内容的形式、按钮的摆放、文字的组合、色彩的搭配等等都是网页设计的成果。急于求成只追求技术忽视艺术的做法势必导致做出粗制滥造的网页，成品不会成为佳品，而往往是次品。为此，在教学中需要引导学生，需要创造机会，需要在学生急切制作网页前巧妙铺垫设计内容，借题发挥或迂回曲折强调设计的重要性。让学生明白好的建筑是设计出来的，不是盖出来的。同理，好的网页也是设计出来的，为做好网页而设计，因设计网页成佳品。

下面就如何提高学生网页设计能力所做的一些探究与实践和各位同行共勉。

一、 明确设计步骤，细化设计任务

在教学中，为了满足学生的成就感，又体现网站制作的规律，需要将教材各章节内容细致梳理，重新组合，以建立网站步骤为总纲，网页设计与网页制作技术有机结合，形成一个任务驱动式的化整为零的教学路子，网站设计这个“大活”在一个个具体的任务中得到落实。在循序渐进的站点设计和制作中，成品与佳品一同出现。在设计中制作，在制作中设计，学生在一个个制作任务中体会设计理念，在一个个设计任务中完成制作步骤。随着以下设计步骤的逐渐认真完成，即便作为初学者，也将会有一个个初具专业、略显独特且渗透美感的网页跃然网上。

1.确定网站主题和名称

2.设计网站视觉形象

3.确定网站的栏目和版块

4.确定网站的目录结构和链接结构

5.确定网站的整体风格和创意设计

6.首页的设计

7.版面布局的设计

8.网页风格的设计

二、公开设计情况，及时督促指导

设计无止境。没有最好，只有更好。网页设计部分内容的完成有伸缩性，学生容易产生应付的心理，急忙奔向网页制作的环节。作为教师，怎么督促学生完成设计，怎么将设计理念落实到位，是需要下一番功夫的。

在整个教学过程中，我特意安排了三次汇报的活动。实践证明，细化任务并择时汇报，有效的监控了学习过程，及时掌握学生设计理念的建立情况，为整个站点的顺利完成打下坚实的基础。

(一)公开汇报网站主题的确立 单独汇报网站名字的确定

1.确立主题。主题的确立是设计网站的第一步。主题是网站的根基问题，方向问题，主旋律问题。网站以后所做的一切都是围绕这个话题来进行的。一旦确立主题，忌讳朝令夕改，否则一切都要推倒重来。所以主题的确立需要教师重点指导。

作为在校学生，一般以做个人网站为宜。个人网站内容繁多，定位在哪里，是难点。明确了网站类型，浏览搜狐、中国精彩网址等门户网站后，一般先让学生汇报自己拟做网站的主题，这时我们需要一个“网站设计情况一览表”配合整个网站设计过程。该表如下：

网站设计情况一览表

学生逐个汇报，教师逐个录入学生汇报内容进行演示。学生汇报同时需要回答这几个问题：为什么选这个主题，将在这个主题下阐述哪些内容，有同类的网站吗，自己的网站与同类网站相比有什么不同的地方，怎么和同类网站互补，自己在技术、喜爱方面有什么优势，受众人群是哪些……主题好定，问题难答。答不出问题，说明网站主题的确立理由不充分，进而引导学生思考网站主题确立的步骤，然后再次确立主题。

2.缩小定位。确定了主题，在大的主题下，分支很多，方向很多，自己的网站具体做哪方面的内容，这就是网站的定位。比如学生喜欢做的旅游网站，有介绍一个景点的网站，有介绍全国景点的网站，有订机票的网站，有旅行社介绍的网站等等。自己定位在哪里？有的同学做戏曲网站，是介绍中国戏曲概况，还是介绍一个剧种，还是剧情人物介绍，或是剧种的历史发展？男生喜欢篮球，是介绍篮球比赛规则，篮球明星，还是国际篮球几大赛事？每一个主题下的内容都很宽泛，作为初学者，作为个人主页，定位一定要窄，内容要精、深、透。学生起初往往低估网站设计制作的复杂性，艰巨性，喜欢做大而全的网站。这时候需要引导学生说出自己网站的定位，耐心倾听学生讲述自己的网站主题下的方向问题，帮助学生分析大主题下的不同方向，量力而行缩小定位。像前面的例子，做旅游主题的就可以定位在自己周围的一个景点或当地的民俗介绍，做篮球的可以定位在介绍自己喜欢的篮球明星，做戏曲的定位在京剧人物脸谱的演变与发展。

3.起一个合适的名称。主题确立了，定位缩小了。在这个主题下为自己的站点起个响当当的名称也是个难点。第一次做站点，缺乏经验，尽管教学中有名站名称欣赏和分析的环节，尽管把名称确定的依据再三强调，学生往往还是把站点名称起的大而空，抽象化，理想化，想当然。针对这个情况，在课上让学生单独向教师汇报自己站点的名称，然后将所有同学的网站名称汇总到“网站设计情况一览表”中，隐藏学生姓名和主题，公开演示设计情况一览表，让大家逐个去猜每个名称网站所对应的主题是什么。一猜问题就出来了，有的离题万里，有的异议一堆，有的干脆不知所云……一番猜测，学生明白网站的名称是网站主题内容的提升概括，名称要合法、合理、合情，要简练、概括、合乎猜想，要有特色，有个性，密切结合主题。

(二)公开汇报网站视觉形象的设计

视觉形象的设计一般首先是LOGO的设计。关于LOGO的作用，教学时我是这样引入铺垫的。选几个风格相似的网站主页，删除了LOGO图片，然后演示这几个网页，让学生猜是什么网站。学生一时说不出，然后就试图在网站上找有特殊标记的内容，当学生迷惑不解时，将LOGO出现在原有的位置上。啊！明白了。一个小小的LOGO，将网页的身份表明；一个小小的教学设计，将LOGO的作用说明了一大半。

LOGO的设计理念和设计规则主要通过反复欣赏知名LOGO来理解。

学生可以用附件中的画图软件，或PPT，或Flash、Photoshop等软件制作自己个性化的LOGO。网站上有许多半成品LOGO，可以借用套用；还可以在线生成LOGO，模仿知名LOGO的设计框架；可以在线招募设计人员，为自己设计LOGO。

要做出精美、醒目、独特、艺术的LOGO对于学生来说是难点。一是个人的美术天赋，另外是时间问题，还有设计理念问题。在这个环节，我们强调做，做成一个什么结果是次要的，明白我要做成什么样是关键的。感觉到心有余力不足、眼高手低、准备好好学绘图软件，目的达到了。一颗种子已经种下。

同样，每个人制作的LOGO需要上传给教师，然后粘贴到网站设计情况一览表中。同网站名称一样，隐去其他信息，让大家去猜某个LOGO所对应的网站主题，猜不出的让制作者解释自己的设计理念。课后时常有同学要换掉自己原来设计的LOGO。

视觉形象中关于标准色彩、标准字体和宣传口号的设计，都做了相应的汇报。麻雀虽小，五脏俱全。虽然是个人站点，也要学生规规矩矩走一趟网站制作的专业之路，明白应有的设计环节、设计理念。

(三)公开汇报主页的设计情况

好的开头是成功的一半。看书皮买书，看首页决定是否继续浏览。在教学中，为了把好这一关，除了反复赏析名站首页，讲解首页设计思路外，同样采用公开汇报的方法。学生初步设计好首页后，进行一次公开汇报。大家会发现，每次公开汇报，对学生来说，是一次展示的机会，虽然不愿意频繁的公开汇报，但每次汇报学生都很重视，都做了精心的准备，有的为了明天的汇报一晚上在网吧。所以每次公开汇报都是一次督促和学习的机会。

首页设计环节的汇报可以是相互浏览主页，通过其他同学浏览发现自己网页的问题所在。最典型的问题是别人找不见自己的链接按钮，多数同学是注意了美观忽略了实用。其次网页打开速度慢，为了追求花哨，放置了过多过大的图像。另一个关键问题是忽略网页主要内容的形式和位置，没有充分利用网页设计中放置重要内容的位置手段、时间手段和内容形式手段。还有一个通病是主栏目太宽泛、综合，网站阐述内容没有做到精、深、透。

在首页设计制作汇报环节，还可以采用比较法。将学生的主页设计与同类主题比较知名网站的主页相比，比标准色的运用、比LOGO的位置、比栏目的版块、比链接的方式和按钮的位置等。不比不知道，一比差距大。通过比较，学生会发现自己好多设计的不足。学生可以去模仿，去借鉴名站的设计元素，通过模仿，领会设计理念。经常有意识地这样去实践，就有可能达到独特的有创新的设计新境界。

三、量化设计指标，步步扎实提高

在学期即将结束时，每个学生都制作了一个个人站点。这时安排一个全班总汇报，人人参与。总汇报有汇报提纲，有评分细则，有优秀比例，有评委，有点评，有打分，最后评出优良合格等级。之所以重视总汇报，因为这个站点的完成，不是学习的结束，而是新的学习起点。通过汇报点评比较打分，学生更多看到的是别人的优点，自己的不足；看到许多需要改进学习的地方，体会到网站艺术技术的无穷魅力；不仅明白自己站点没有做到的很多，更重要的是明白了该怎么做。

如下“网页作品汇报提纲及量化指标”包含各设计环节量化分值的表格，在开课之初就张贴在教室，一直伴随着学生的课程学习。它涵盖整个教学环节，有着提示设计步骤、提醒设计原则、提升设计质量之作用。量化任务指标像一把尺子，时刻检测着学习的每个环节，丈量着网页设计制作的每一步。在此目标的督促下，学期末，许多学生的网页作品受到好评。

网页作品汇报提纲及量化指标

总而言之，通过几轮的教学实践，通过不断总结改进教学策略和方法，网页制作课中的设计环节得到较为扎实的落实，学生对各设计环节的设计理念认识明显提高。虽然目前学生没有做出像样的佳品，但明确了设计思路，明确了设计理念，就有了以后的努力的方向。相信课堂上个人主页设计制作过程，是朝着优秀网页设计师迈出的第一步。

参考文献：

[1]彭兰.网络主页制作课程设计[M].北京：中央广播电视大学出版社,2004.

[2]赵菊珊,郭均英.提高教师教学有效性的路径探讨[J].中国高等教育,2010,(2).

[3]张黎.创新发展成人教育的途径[J].高职论丛,2009,(1).