基于中职计算机技能竞赛的网站建设培养探究

陈春蓉

[摘要] 我校是2008年由两所国家级与一所省级重点中专名校合并而成的新校,是目前福建省规模最大、办学条件最好的国家级重点中等职业学校。然而,能否在省及省以上职业技能大赛取得优异成绩,已成为衡量职校办学水平的重要指标之一。这就要求我校在各级竞赛上加强学生的职业技能培养,争取在各级大赛中脱颖而出。本文以2009年全国计算机技能比赛规程为指导方向,对网站建设参赛项目的学生培养方案进行了探究及阐述。

[关键词] 计算机技能竞赛 网站建设 网页切割

当今世界,教育同产业的结合愈来愈密切。近年来,我国把大力发展职业教育作为振兴经济、增强国力的战略选择。而举办全国职业院校技能大赛就是职业教育深化改革、加快发展所取得的成果的一次大检阅,是我国教育工作的一项重大制度设计与创新。随着全国职业教育技能大赛声望的不断攀升,参加省及省以上职业大赛所取得的成绩已成为衡量职业学校办学水平的重要指标之一。而笔者担任我校计算机技能比赛的“园区网互联及网站建设”指导老师,为此,基于中职计算机技能竞赛,本文进行了网站建设技能培养的相关探究。

网站建设是一门综合性技术,它涉及到图像设计、动画设计、网页设计、数据库设计、程序设计等知识。而中职学生的认知及技术能力是较为有限,从美工设计、数据库设计到简单程序设计,无一不是艰辛的学习历程。面对高手如林的全国性技能竞赛,要在有限的时间内培养网站建设参赛选手,就必须经过较系统的技能培养及训练。竞赛规程中规定网站建设项目有两名参赛选手。因此,必须对两名选手进行合理分工,真正做到术有专攻,使其各显其能,达到最佳组合状态。以2009年规程作为指导方向,根据网站功能的直观分析,大体上可分成前、后台两大功能:前台主要完成网页绘制、首页设计、模板设计功能。学生必须熟练掌握网页美工图绘制、网页切割、网页链接及其它功能。而后台则完成数据库设计、数据录入、后台管理功能。学生必须熟练掌握数据结构合理设计、字段名规范化定义、文字录入、记录增删改、用户权限判断等功能。下面就前、后台分工安排及技能培养方面进行探究。

一、前台设计技能培养探究

如何在分析网站主题需求后,短时间内完成高质量的设计作品,这对前台设计者来讲是场严峻挑战,而在现场临时创作设计是完全不可行的,这就要求参赛者必须经过网页绘制的严格训练。

(一)网页美工绘制训练

1.欣赏优秀网站,确定网站风格

要完成较经典美观的作品,学生在没有设计基础前,并没有设计灵感,光凭空想象是空洞、单调的。学生先要懂得欣赏优秀网站,对网站风格、内容进行分类。这时可按任务分解,将网站分解成导航条、分栏版式、栏目设计任务。了解各项任务的设计特点后,然后再建立综合页面设计概念,最后自行设计作品。在绘图时有两点网页配色设计技巧,可作为学生绘制网页时的指导原则:

一是网页取色。色彩搭配一定要合理,给人以和谐愉快的感觉。同一个页面的颜色不要超过四种,眼花缭乱,容易产生视觉疲劳。颜色对比不要反差太大,网页版面不是美术作品,要避免形式对内容的喧宾夺主。一般来说,适合于网页标准色的颜色有蓝色,黄/橙色,黑/灰/白色三大系列色。在颜色的搭配上,有几种比较经典的方案:红/黄/白;蓝/白;红/灰/白;蓝/橙/白;黄/灰/白。在确定主色调后,本页面的其他色调最好能在调色板中选取对角线上的色号,配比效果较协调。

二是黄金分割法。设计网页时,网页背景与前景的字体配色不容忽视,文字加底色能够起到很好的突出作用,在视觉变化上相当于图片的作用。如果背景颜色与字体颜色的搭配不合理,就会使网页效果大打折扣。如果背景色与字体色的对比度太大,就会显得太刺眼;如果对比度太小,就会使网页风格变得过于沉闷。黄金分割法的基本原理是把背景与前景的颜色对比度调节在0.618比例附近的位置上。

经过网页绘制训练,要求赛前每组准备两至三幅风格迥异的网页美工图,比赛时首先分析网站主题,再从备选的网页美工图中挑选一幅较贴近主题风格的图并在此图基础上进行修改设计。在比赛过程中,每幅图都要求学生熟练绘制,做到半小时内基本完成网页绘制工作。因此,在平时训练中就必须要求学生对每幅图反复练习,做到操作娴熟,在比赛中决不能因犹豫或思考而浪费时间。

2.确定网站功能,设计布局结构

网站设计需要明确和熟悉设计的对象和构成的要素,网站内容一般由视听元素和版式设计两个方面构成。视听元素主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景、动态影像等,网页设计者所要考虑的就是如何以感人的形式把它们放进页面这个“大画布”里。

然而,对于参赛者而言,竞赛时网站主题、功能需求及网页素材已被确定,即视听元素及版式已被基本确定,留给参赛者网站设计的发挥空间并不多。因此,更重要的是训练学生分析需求文档、选取素材的能力,从而确定网页应涵盖的功能栏目,这对后台设计者而言也是重要的建库元素。这就要求之前选中的网页美工图,必须能根据网页功能需求,灵活地修改栏目的布局,做到每个栏目实现一个功能或一类功能。并尽量采用纵向逻辑法,将相近的内容从上至下排列,而不是从左向右排列。这样可充分利用首页,让首页增多从上至下阅读的可能。

(二)熟练网页切割技术,做到图像最少、最小

网站要设计好,网页就应该做得越小越好,浏览速度也较快。而给网页瘦身最有效方法就是网页中的图片数达到最少,而且图片文件大小达到最小。网页美工图绘制好后,我们运用切割技术可将图片输出成网页文件,并进行处理及再次切割,从而使网页中的图片做到最少最小。好的网页切割技术,要求栏目中无论增加多少内容,都不能出现裂线现象,或网页整体结构被破坏等现象,可运用如下切割方法:

1.分析整体结构,按方向切割

首先,判断网页设计的直观整体结构,分成左右结构或上下结构。显示标尺栏,将参考线拖到边沿并紧贴,为严密紧贴,可将图像放至较大后精确对齐。再用切刀工具,按结构切割,只切左右,或只切上下。切割后输出网页。

接着,选取有复合结构的图片再次切割,也同样按方向切割。切割后导出成另一个存在同级目录的网页文件。这时按四步骤进行网页合并。第一步:删除复合结构图片,根据图片大小,将当前单元格大小定义为与被删图片一致的宽高。第二步:设置单元格垂直方向顶端对齐。第三步:将生成的表格复制粘贴到当前单元格中,形成表格嵌套。第四步:删除无用冗余的图片。但在删除冗余图片时,如果图片较小,删除后会自动扩大行距。这时仅需切换到代码中,将生成的空格代码 删除即可。

2.应用图片背景平铺技术

要使栏目内容增加时不产生裂线现象,最好的设计方法是应用图片背景平铺技术。一般对栏目按方向切割成上中下或左中右结构。最后对中间部分再次切割成细小的一条图片,然后定义成背景平铺。也可以将左右两边的边框同样切割成细小的图片,定义两端边框小图为背景平铺。

3.联系竞赛实际情况,灵活变通

要将网页图片真正切割到位,是一项庞大而繁琐的工程。而实际比赛中时间有限,根本无法按部就班地仔细切割。因此,在训练过程中,可先让学生将网页切割到位后,将位置大小记下来。在比赛过程中则仅将有用的图片切割下来,然后在网页中建立表格,通过表格的嵌套及图片的插入完成作品,这样工作效率较高。

(三)设计网页模板,保持网站整体性

要保持网站设计的整体性,页面设计风格必须要求一致。而在比赛中,参赛选手没时间进行新页面设计,这时前台设计者可以对首页文件进行简单修改,再另存为模板,供网站的各链接页面、甚至后台管理页面应用。模板的应用十分方便,对模板修改时,仅需更新站点,则所有应用该模板的页面都能得到快速更新,减少了页面多、更新难的现象。也有些设计者不采用模板,而选取框架或include代码的文件调用,来实现后台管理页面。其实无论哪种方法,只要能保证网页的完整性,学生易上手、好掌握,皆为可行。

(四)其它功能的规划

前台设计人员不仅要完成网页的绘制与切割,还必须完成首页显示、标题与导航链接页面、flash动画设计。另外,首页通常还包含有用户登录功能、投票功能、网站点击数、访问数的统计等。因此,前台设计者的工作量较大,对设计者要求也较高,训练强度也相对较大。而后台设计人员相比之下,工作量较小,要求也较低。因此,指导老师可依据工作强度,对人员合理安排,并安排部分任务相互协作。

二、后台设计技能培养探究

近几年的网站建设竞赛试题中,首页的数据基本上从数据库中获取,较少采用静态图片或静态文字显示。因此,后台设计者的数据创建是整个网站的信息源泉。

(一)数据结构设计训练

分析网站主题及需求文档,在同一个数据库内,合理创建表数据结构。一般网站主题已能确定一个较主要的数据表信息。除了主题数据表外,用户表、新闻/公告表、投票表、留言表、短信息表等,都是网站的常见构成数据。因此,在平时训练中应多搜集不同主题的网站,不断反复地训练数据表的定义,提高数据结构设计的能力。此外,字段名的定义也应有统一的命名规范,不可以随心所欲地自定义字段名,这样会对前台设计者数据的引用产生混乱,严重地影响到了作品完成效率。

(二)数据录入训练

数据表创建后,如果没有较丰富的数据信息,网页仍然是空洞的。因此,如果要求学生在短时间内录入较多真实而合法数据,这就需要学生练习打字速度及复制粘贴应用的速度。

(三)后台管理功能实现

后台管理职能主要是系统的维护、用户管理及数据的增加、删除、修改。学生应熟练掌握数据表的增删改功能页面,强化每个页面的完成速度。同时在后台中还有常见的功能是判断用户权限,实现不同权限的数据维护功能。这些功能的实现,一般可通过程序代码判断转移或显示。该功能的实现对学生而言,是较难的知识点,则需要一段时间的训练及学习过程。此外,后台的页面为了达到网站整体性要求,还必须套用前台提供的网页模板,并在后台页面中的表格及文字大小颜色的定义上,要求与网页风格色调一致。

三、综合训练与总结

前后台的技能培养虽然各有侧重,但比赛时需要密切配合与协助,所以还必须做综合训练。比赛时在一小时内,要求选手各司其职,前台设计网页美工图及模板,后台设计数据结构及输入数据。接下来应实现数据共享,配置 FTP并将文件发布上传到服务器中,并应用文件时时更新。为了数据的顺利共享,在训练时,就必须注意文件目录的规范化管理,每个选手必须有自己独立的目录结构,否则文件管理混乱,不易更新,还有可能出现文件重名或覆盖丢失现象。因此,建议在站点根目录设置前、后台独立目录,而共用的数据库、连接代码、公共程序代码、图片素材也都应创建独立目录,同时规范目录名及文件名的定义,方便互相调用时的管理与更新。前后台双方的配合需要一段时间的综合训练,以达到默契,减少间询及变更时间,真正做到高效率、高质量。

由于全国计算机技能竞赛开展的年限并不长,对各级指导参赛的老师来说,每次训练都是一次不断探索与总结的过程。笔者针对中职学生的现况,阐述了基于中职计算机技能竞赛的网站建设培养方案,真诚地希望通过本文做到抛砖引玉,加强校际间交流沟通并得到中专职业教育界同行们的关注及指点。

参考文献:

[1]如何开发一个专业的企业WEB网站.

[2]网页配色之黄金分割法.

[3]网页艺术设计.