陳春蓉

[摘要] 我校是2008年由兩所國(guó)家級(jí)與一所省級(jí)重點(diǎn)中專名校合并而成的新校,是目前福建省規(guī)模最大、辦學(xué)條件最好的國(guó)家級(jí)重點(diǎn)中等職業(yè)學(xué)校。然而,能否在省及省以上職業(yè)技能大賽取得優(yōu)異成績(jī),已成為衡量職校辦學(xué)水平的重要指標(biāo)之一。這就要求我校在各級(jí)競(jìng)賽上加強(qiáng)學(xué)生的職業(yè)技能培養(yǎng),爭(zhēng)取在各級(jí)大賽中脫穎而出。本文以2009年全國(guó)計(jì)算機(jī)技能比賽規(guī)程為指導(dǎo)方向,對(duì)網(wǎng)站建設(shè)參賽項(xiàng)目的學(xué)生培養(yǎng)方案進(jìn)行了探究及闡述。

[關(guān)鍵詞] 計(jì)算機(jī)技能競(jìng)賽 網(wǎng)站建設(shè) 網(wǎng)頁切割

當(dāng)今世界,教育同產(chǎn)業(yè)的結(jié)合愈來愈密切。近年來,我國(guó)把大力發(fā)展職業(yè)教育作為振興經(jīng)濟(jì)、增強(qiáng)國(guó)力的戰(zhàn)略選擇。而舉辦全國(guó)職業(yè)院校技能大賽就是職業(yè)教育深化改革、加快發(fā)展所取得的成果的一次大檢閱,是我國(guó)教育工作的一項(xiàng)重大制度設(shè)計(jì)與創(chuàng)新。隨著全國(guó)職業(yè)教育技能大賽聲望的不斷攀升,參加省及省以上職業(yè)大賽所取得的成績(jī)已成為衡量職業(yè)學(xué)校辦學(xué)水平的重要指標(biāo)之一。而筆者擔(dān)任我校計(jì)算機(jī)技能比賽的“園區(qū)網(wǎng)互聯(lián)及網(wǎng)站建設(shè)”指導(dǎo)老師,為此,基于中職計(jì)算機(jī)技能競(jìng)賽,本文進(jìn)行了網(wǎng)站建設(shè)技能培養(yǎng)的相關(guān)探究。

網(wǎng)站建設(shè)是一門綜合性技術(shù),它涉及到圖像設(shè)計(jì)、動(dòng)畫設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)、程序設(shè)計(jì)等知識(shí)。而中職學(xué)生的認(rèn)知及技術(shù)能力是較為有限,從美工設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)到簡(jiǎn)單程序設(shè)計(jì),無一不是艱辛的學(xué)習(xí)歷程。面對(duì)高手如林的全國(guó)性技能競(jìng)賽,要在有限的時(shí)間內(nèi)培養(yǎng)網(wǎng)站建設(shè)參賽選手,就必須經(jīng)過較系統(tǒng)的技能培養(yǎng)及訓(xùn)練。競(jìng)賽規(guī)程中規(guī)定網(wǎng)站建設(shè)項(xiàng)目有兩名參賽選手。因此,必須對(duì)兩名選手進(jìn)行合理分工,真正做到術(shù)有專攻,使其各顯其能,達(dá)到最佳組合狀態(tài)。以2009年規(guī)程作為指導(dǎo)方向,根據(jù)網(wǎng)站功能的直觀分析,大體上可分成前、后臺(tái)兩大功能:前臺(tái)主要完成網(wǎng)頁繪制、首頁設(shè)計(jì)、模板設(shè)計(jì)功能。學(xué)生必須熟練掌握網(wǎng)頁美工圖繪制、網(wǎng)頁切割、網(wǎng)頁鏈接及其它功能。而后臺(tái)則完成數(shù)據(jù)庫(kù)設(shè)計(jì)、數(shù)據(jù)錄入、后臺(tái)管理功能。學(xué)生必須熟練掌握數(shù)據(jù)結(jié)構(gòu)合理設(shè)計(jì)、字段名規(guī)范化定義、文字錄入、記錄增刪改、用戶權(quán)限判斷等功能。下面就前、后臺(tái)分工安排及技能培養(yǎng)方面進(jìn)行探究。

一、前臺(tái)設(shè)計(jì)技能培養(yǎng)探究

如何在分析網(wǎng)站主題需求后,短時(shí)間內(nèi)完成高質(zhì)量的設(shè)計(jì)作品,這對(duì)前臺(tái)設(shè)計(jì)者來講是場(chǎng)嚴(yán)峻挑戰(zhàn),而在現(xiàn)場(chǎng)臨時(shí)創(chuàng)作設(shè)計(jì)是完全不可行的,這就要求參賽者必須經(jīng)過網(wǎng)頁繪制的嚴(yán)格訓(xùn)練。

(一)網(wǎng)頁美工繪制訓(xùn)練

1.欣賞優(yōu)秀網(wǎng)站,確定網(wǎng)站風(fēng)格

要完成較經(jīng)典美觀的作品,學(xué)生在沒有設(shè)計(jì)基礎(chǔ)前,并沒有設(shè)計(jì)靈感,光憑空想象是空洞、單調(diào)的。學(xué)生先要懂得欣賞優(yōu)秀網(wǎng)站,對(duì)網(wǎng)站風(fēng)格、內(nèi)容進(jìn)行分類。這時(shí)可按任務(wù)分解,將網(wǎng)站分解成導(dǎo)航條、分欄版式、欄目設(shè)計(jì)任務(wù)。了解各項(xiàng)任務(wù)的設(shè)計(jì)特點(diǎn)后,然后再建立綜合頁面設(shè)計(jì)概念,最后自行設(shè)計(jì)作品。在繪圖時(shí)有兩點(diǎn)網(wǎng)頁配色設(shè)計(jì)技巧,可作為學(xué)生繪制網(wǎng)頁時(shí)的指導(dǎo)原則:

一是網(wǎng)頁取色。色彩搭配一定要合理,給人以和諧愉快的感覺。同一個(gè)頁面的顏色不要超過四種,眼花繚亂,容易產(chǎn)生視覺疲勞。顏色對(duì)比不要反差太大,網(wǎng)頁版面不是美術(shù)作品,要避免形式對(duì)內(nèi)容的喧賓奪主。一般來說,適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有藍(lán)色,黃/橙色,黑/灰/白色三大系列色。在顏色的搭配上,有幾種比較經(jīng)典的方案:紅/黃/白;藍(lán)/白;紅/灰/白;藍(lán)/橙/白;黃/灰/白。在確定主色調(diào)后,本頁面的其他色調(diào)最好能在調(diào)色板中選取對(duì)角線上的色號(hào),配比效果較協(xié)調(diào)。

二是黃金分割法。設(shè)計(jì)網(wǎng)頁時(shí),網(wǎng)頁背景與前景的字體配色不容忽視,文字加底色能夠起到很好的突出作用,在視覺變化上相當(dāng)于圖片的作用。如果背景顏色與字體顏色的搭配不合理,就會(huì)使網(wǎng)頁效果大打折扣。如果背景色與字體色的對(duì)比度太大,就會(huì)顯得太刺眼;如果對(duì)比度太小,就會(huì)使網(wǎng)頁風(fēng)格變得過于沉悶。黃金分割法的基本原理是把背景與前景的顏色對(duì)比度調(diào)節(jié)在0.618比例附近的位置上。

經(jīng)過網(wǎng)頁繪制訓(xùn)練,要求賽前每組準(zhǔn)備兩至三幅風(fēng)格迥異的網(wǎng)頁美工圖,比賽時(shí)首先分析網(wǎng)站主題,再?gòu)膫溥x的網(wǎng)頁美工圖中挑選一幅較貼近主題風(fēng)格的圖并在此圖基礎(chǔ)上進(jìn)行修改設(shè)計(jì)。在比賽過程中,每幅圖都要求學(xué)生熟練繪制,做到半小時(shí)內(nèi)基本完成網(wǎng)頁繪制工作。因此,在平時(shí)訓(xùn)練中就必須要求學(xué)生對(duì)每幅圖反復(fù)練習(xí),做到操作嫻熟,在比賽中決不能因猶豫或思考而浪費(fèi)時(shí)間。

2.確定網(wǎng)站功能,設(shè)計(jì)布局結(jié)構(gòu)

網(wǎng)站設(shè)計(jì)需要明確和熟悉設(shè)計(jì)的對(duì)象和構(gòu)成的要素,網(wǎng)站內(nèi)容一般由視聽元素和版式設(shè)計(jì)兩個(gè)方面構(gòu)成。視聽元素主要包括:文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景、動(dòng)態(tài)影像等,網(wǎng)頁設(shè)計(jì)者所要考慮的就是如何以感人的形式把它們放進(jìn)頁面這個(gè)“大畫布”里。

然而,對(duì)于參賽者而言,競(jìng)賽時(shí)網(wǎng)站主題、功能需求及網(wǎng)頁素材已被確定,即視聽元素及版式已被基本確定,留給參賽者網(wǎng)站設(shè)計(jì)的發(fā)揮空間并不多。因此,更重要的是訓(xùn)練學(xué)生分析需求文檔、選取素材的能力,從而確定網(wǎng)頁應(yīng)涵蓋的功能欄目,這對(duì)后臺(tái)設(shè)計(jì)者而言也是重要的建庫(kù)元素。這就要求之前選中的網(wǎng)頁美工圖,必須能根據(jù)網(wǎng)頁功能需求,靈活地修改欄目的布局,做到每個(gè)欄目實(shí)現(xiàn)一個(gè)功能或一類功能。并盡量采用縱向邏輯法,將相近的內(nèi)容從上至下排列,而不是從左向右排列。這樣可充分利用首頁,讓首頁增多從上至下閱讀的可能。

(二)熟練網(wǎng)頁切割技術(shù),做到圖像最少、最小

網(wǎng)站要設(shè)計(jì)好,網(wǎng)頁就應(yīng)該做得越小越好,瀏覽速度也較快。而給網(wǎng)頁瘦身最有效方法就是網(wǎng)頁中的圖片數(shù)達(dá)到最少,而且圖片文件大小達(dá)到最小。網(wǎng)頁美工圖繪制好后,我們運(yùn)用切割技術(shù)可將圖片輸出成網(wǎng)頁文件,并進(jìn)行處理及再次切割,從而使網(wǎng)頁中的圖片做到最少最小。好的網(wǎng)頁切割技術(shù),要求欄目中無論增加多少內(nèi)容,都不能出現(xiàn)裂線現(xiàn)象,或網(wǎng)頁整體結(jié)構(gòu)被破壞等現(xiàn)象,可運(yùn)用如下切割方法:

1.分析整體結(jié)構(gòu),按方向切割

首先,判斷網(wǎng)頁設(shè)計(jì)的直觀整體結(jié)構(gòu),分成左右結(jié)構(gòu)或上下結(jié)構(gòu)。顯示標(biāo)尺欄,將參考線拖到邊沿并緊貼,為嚴(yán)密緊貼,可將圖像放至較大后精確對(duì)齊。再用切刀工具,按結(jié)構(gòu)切割,只切左右,或只切上下。切割后輸出網(wǎng)頁。

接著,選取有復(fù)合結(jié)構(gòu)的圖片再次切割,也同樣按方向切割。切割后導(dǎo)出成另一個(gè)存在同級(jí)目錄的網(wǎng)頁文件。這時(shí)按四步驟進(jìn)行網(wǎng)頁合并。第一步:刪除復(fù)合結(jié)構(gòu)圖片,根據(jù)圖片大小,將當(dāng)前單元格大小定義為與被刪圖片一致的寬高。第二步:設(shè)置單元格垂直方向頂端對(duì)齊。第三步:將生成的表格復(fù)制粘貼到當(dāng)前單元格中,形成表格嵌套。第四步:刪除無用冗余的圖片。但在刪除冗余圖片時(shí),如果圖片較小,刪除后會(huì)自動(dòng)擴(kuò)大行距。這時(shí)僅需切換到代碼中,將生成的空格代碼?刪除即可。

2.應(yīng)用圖片背景平鋪技術(shù)

要使欄目?jī)?nèi)容增加時(shí)不產(chǎn)生裂線現(xiàn)象,最好的設(shè)計(jì)方法是應(yīng)用圖片背景平鋪技術(shù)。一般對(duì)欄目按方向切割成上中下或左中右結(jié)構(gòu)。最后對(duì)中間部分再次切割成細(xì)小的一條圖片,然后定義成背景平鋪。也可以將左右兩邊的邊框同樣切割成細(xì)小的圖片,定義兩端邊框小圖為背景平鋪。

3.聯(lián)系競(jìng)賽實(shí)際情況,靈活變通

要將網(wǎng)頁圖片真正切割到位,是一項(xiàng)龐大而繁瑣的工程。而實(shí)際比賽中時(shí)間有限,根本無法按部就班地仔細(xì)切割。因此,在訓(xùn)練過程中,可先讓學(xué)生將網(wǎng)頁切割到位后,將位置大小記下來。在比賽過程中則僅將有用的圖片切割下來,然后在網(wǎng)頁中建立表格,通過表格的嵌套及圖片的插入完成作品,這樣工作效率較高。

(三)設(shè)計(jì)網(wǎng)頁模板,保持網(wǎng)站整體性

要保持網(wǎng)站設(shè)計(jì)的整體性,頁面設(shè)計(jì)風(fēng)格必須要求一致。而在比賽中,參賽選手沒時(shí)間進(jìn)行新頁面設(shè)計(jì),這時(shí)前臺(tái)設(shè)計(jì)者可以對(duì)首頁文件進(jìn)行簡(jiǎn)單修改,再另存為模板,供網(wǎng)站的各鏈接頁面、甚至后臺(tái)管理頁面應(yīng)用。模板的應(yīng)用十分方便,對(duì)模板修改時(shí),僅需更新站點(diǎn),則所有應(yīng)用該模板的頁面都能得到快速更新,減少了頁面多、更新難的現(xiàn)象。也有些設(shè)計(jì)者不采用模板,而選取框架或include代碼的文件調(diào)用,來實(shí)現(xiàn)后臺(tái)管理頁面。其實(shí)無論哪種方法,只要能保證網(wǎng)頁的完整性,學(xué)生易上手、好掌握,皆為可行。

(四)其它功能的規(guī)劃

前臺(tái)設(shè)計(jì)人員不僅要完成網(wǎng)頁的繪制與切割,還必須完成首頁顯示、標(biāo)題與導(dǎo)航鏈接頁面、flash動(dòng)畫設(shè)計(jì)。另外,首頁通常還包含有用戶登錄功能、投票功能、網(wǎng)站點(diǎn)擊數(shù)、訪問數(shù)的統(tǒng)計(jì)等。因此,前臺(tái)設(shè)計(jì)者的工作量較大,對(duì)設(shè)計(jì)者要求也較高,訓(xùn)練強(qiáng)度也相對(duì)較大。而后臺(tái)設(shè)計(jì)人員相比之下,工作量較小,要求也較低。因此,指導(dǎo)老師可依據(jù)工作強(qiáng)度,對(duì)人員合理安排,并安排部分任務(wù)相互協(xié)作。

二、后臺(tái)設(shè)計(jì)技能培養(yǎng)探究

近幾年的網(wǎng)站建設(shè)競(jìng)賽試題中,首頁的數(shù)據(jù)基本上從數(shù)據(jù)庫(kù)中獲取,較少采用靜態(tài)圖片或靜態(tài)文字顯示。因此,后臺(tái)設(shè)計(jì)者的數(shù)據(jù)創(chuàng)建是整個(gè)網(wǎng)站的信息源泉。

(一)數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)訓(xùn)練

分析網(wǎng)站主題及需求文檔,在同一個(gè)數(shù)據(jù)庫(kù)內(nèi),合理創(chuàng)建表數(shù)據(jù)結(jié)構(gòu)。一般網(wǎng)站主題已能確定一個(gè)較主要的數(shù)據(jù)表信息。除了主題數(shù)據(jù)表外,用戶表、新聞/公告表、投票表、留言表、短信息表等,都是網(wǎng)站的常見構(gòu)成數(shù)據(jù)。因此,在平時(shí)訓(xùn)練中應(yīng)多搜集不同主題的網(wǎng)站,不斷反復(fù)地訓(xùn)練數(shù)據(jù)表的定義,提高數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)的能力。此外,字段名的定義也應(yīng)有統(tǒng)一的命名規(guī)范,不可以隨心所欲地自定義字段名,這樣會(huì)對(duì)前臺(tái)設(shè)計(jì)者數(shù)據(jù)的引用產(chǎn)生混亂,嚴(yán)重地影響到了作品完成效率。

(二)數(shù)據(jù)錄入訓(xùn)練

數(shù)據(jù)表創(chuàng)建后,如果沒有較豐富的數(shù)據(jù)信息,網(wǎng)頁仍然是空洞的。因此,如果要求學(xué)生在短時(shí)間內(nèi)錄入較多真實(shí)而合法數(shù)據(jù),這就需要學(xué)生練習(xí)打字速度及復(fù)制粘貼應(yīng)用的速度。

(三)后臺(tái)管理功能實(shí)現(xiàn)

后臺(tái)管理職能主要是系統(tǒng)的維護(hù)、用戶管理及數(shù)據(jù)的增加、刪除、修改。學(xué)生應(yīng)熟練掌握數(shù)據(jù)表的增刪改功能頁面,強(qiáng)化每個(gè)頁面的完成速度。同時(shí)在后臺(tái)中還有常見的功能是判斷用戶權(quán)限,實(shí)現(xiàn)不同權(quán)限的數(shù)據(jù)維護(hù)功能。這些功能的實(shí)現(xiàn),一般可通過程序代碼判斷轉(zhuǎn)移或顯示。該功能的實(shí)現(xiàn)對(duì)學(xué)生而言,是較難的知識(shí)點(diǎn),則需要一段時(shí)間的訓(xùn)練及學(xué)習(xí)過程。此外,后臺(tái)的頁面為了達(dá)到網(wǎng)站整體性要求,還必須套用前臺(tái)提供的網(wǎng)頁模板,并在后臺(tái)頁面中的表格及文字大小顏色的定義上,要求與網(wǎng)頁風(fēng)格色調(diào)一致。

三、綜合訓(xùn)練與總結(jié)

前后臺(tái)的技能培養(yǎng)雖然各有側(cè)重,但比賽時(shí)需要密切配合與協(xié)助,所以還必須做綜合訓(xùn)練。比賽時(shí)在一小時(shí)內(nèi),要求選手各司其職,前臺(tái)設(shè)計(jì)網(wǎng)頁美工圖及模板,后臺(tái)設(shè)計(jì)數(shù)據(jù)結(jié)構(gòu)及輸入數(shù)據(jù)。接下來應(yīng)實(shí)現(xiàn)數(shù)據(jù)共享,配置 FTP并將文件發(fā)布上傳到服務(wù)器中,并應(yīng)用文件時(shí)時(shí)更新。為了數(shù)據(jù)的順利共享,在訓(xùn)練時(shí),就必須注意文件目錄的規(guī)范化管理,每個(gè)選手必須有自己獨(dú)立的目錄結(jié)構(gòu),否則文件管理混亂,不易更新,還有可能出現(xiàn)文件重名或覆蓋丟失現(xiàn)象。因此,建議在站點(diǎn)根目錄設(shè)置前、后臺(tái)獨(dú)立目錄,而共用的數(shù)據(jù)庫(kù)、連接代碼、公共程序代碼、圖片素材也都應(yīng)創(chuàng)建獨(dú)立目錄,同時(shí)規(guī)范目錄名及文件名的定義,方便互相調(diào)用時(shí)的管理與更新。前后臺(tái)雙方的配合需要一段時(shí)間的綜合訓(xùn)練,以達(dá)到默契,減少間詢及變更時(shí)間,真正做到高效率、高質(zhì)量。

由于全國(guó)計(jì)算機(jī)技能競(jìng)賽開展的年限并不長(zhǎng),對(duì)各級(jí)指導(dǎo)參賽的老師來說,每次訓(xùn)練都是一次不斷探索與總結(jié)的過程。筆者針對(duì)中職學(xué)生的現(xiàn)況,闡述了基于中職計(jì)算機(jī)技能競(jìng)賽的網(wǎng)站建設(shè)培養(yǎng)方案,真誠(chéng)地希望通過本文做到拋磚引玉,加強(qiáng)校際間交流溝通并得到中專職業(yè)教育界同行們的關(guān)注及指點(diǎn)。

參考文獻(xiàn):

[1]如何開發(fā)一個(gè)專業(yè)的企業(yè)WEB網(wǎng)站.

[2]網(wǎng)頁配色之黃金分割法.

[3]網(wǎng)頁藝術(shù)設(shè)計(jì).