伴隨電子計(jì)算機(jī)技術(shù)的推廣使用，使當(dāng)代
教育也走上了信息化的發(fā)展軌道，教育發(fā)展與
信息化的進(jìn)步之間有著密不可分的聯(lián)系。對(duì)于
過去的教育模式而言，主要特征是單一化、傳
統(tǒng)化。相比較而言，當(dāng)代的教育模式更加具有
關(guān)于網(wǎng)站建設(shè)和網(wǎng)頁(yè)制作方法的探討
文/程發(fā)友
對(duì)于計(jì)算機(jī)網(wǎng)絡(luò)而言，如果
進(jìn)行科學(xué)合理的使用，對(duì)于促進(jìn)
其走向高科技信息化有著積極的
作用。充分利用好信息化，可以
使單一傳統(tǒng)的模式化教育轉(zhuǎn)變?yōu)?br /> 多層次的新型教育模式，通過非
常整體地采用計(jì)算機(jī)多媒體手段，
才可以使以網(wǎng)絡(luò)通信為基礎(chǔ)的當(dāng)
代電子計(jì)算機(jī)技術(shù)在這種發(fā)展模
式之下，取得重大成功。我校設(shè)
置了多個(gè)校園式的網(wǎng)站，以下將
會(huì)通過我校作為主要案例來探究
校園網(wǎng)站的網(wǎng)頁(yè)制作策略以及方
法。
摘
要
多重性質(zhì)，與信息化的協(xié)同發(fā)展使當(dāng)代教育的
發(fā)展與以往有著重要區(qū)別。所以，將傳統(tǒng)教育
模式和現(xiàn)代信息技術(shù)相互契合是非常重要的。
通過此種方式才可以從整體角度來建設(shè)我校的
校園網(wǎng)站，并且使之得到進(jìn)一步完善優(yōu)化，以
下筆者將會(huì)通過我校網(wǎng)絡(luò)技術(shù)的具體發(fā)展作為
案例，分別從各個(gè)不同的階段對(duì)建設(shè)校園網(wǎng)站
或者一些有關(guān)網(wǎng)頁(yè)制作策略技術(shù)的簡(jiǎn)要介紹。
1 網(wǎng)站建設(shè)預(yù)期準(zhǔn)備
網(wǎng)站的設(shè)計(jì)對(duì)于網(wǎng)站建設(shè)而言，有著十
分重要的作用。所需要進(jìn)行考察的因素充滿了
多樣化。主要是從預(yù)先的前期網(wǎng)站預(yù)備作為出
發(fā)點(diǎn)，所囊括的內(nèi)容主要有：預(yù)期的網(wǎng)站開發(fā)、
網(wǎng)站的設(shè)計(jì)和規(guī)劃網(wǎng)站。主要目的是為了對(duì)即
將到來的信息采集和頁(yè)面設(shè)計(jì)進(jìn)行相關(guān)準(zhǔn)備
的一種試運(yùn)行，這也是作為后期調(diào)試運(yùn)行的一
個(gè)重要基礎(chǔ)之一，對(duì)于網(wǎng)站所面向的瀏覽對(duì)象
以及建設(shè)某網(wǎng)站的目的要有所明確。只有通過
了周密準(zhǔn)確地定位之后，才會(huì)有具備可看性、
實(shí)用性、目標(biāo)明確性于一體的網(wǎng)站清晰定位。
要想完成網(wǎng)站的構(gòu)思創(chuàng)意以及相關(guān)規(guī)則，網(wǎng)站
設(shè)計(jì)者就一定需要從宏觀來對(duì)網(wǎng)站的使用者基
本情況進(jìn)行全面掌握，這就要求對(duì)網(wǎng)站的宏觀
特點(diǎn)以及格式做出全面的規(guī)定，使網(wǎng)站組織結(jié)
構(gòu)得到相應(yīng)的完善，繼而可以確定好鮮明突出
的主題以及十分明確的要點(diǎn)、通過簡(jiǎn)明的言語
以及圖畫表現(xiàn)出整個(gè)站點(diǎn)的主題思想；最終，
以此作為基礎(chǔ)，進(jìn)行各種網(wǎng)站素材的收集以及
相應(yīng)的制作。要特別關(guān)注的是制作素材不能只
考慮一個(gè)方面，要從多個(gè)角度、多個(gè)領(lǐng)域以及
多個(gè)層次對(duì)于素材的制作加以考量。充分運(yùn)用
一切手段表現(xiàn)網(wǎng)站的個(gè)性以及特色是非常關(guān)鍵
的。凸顯網(wǎng)站的特點(diǎn)，特別是將校園網(wǎng)站與非
校園網(wǎng)站進(jìn)行區(qū)別。
1.1 網(wǎng)站設(shè)計(jì)風(fēng)格統(tǒng)一
控制好網(wǎng)站整體風(fēng)格的統(tǒng)一協(xié)調(diào)性是在
進(jìn)行網(wǎng)站設(shè)計(jì)的主要考慮因素之一，空白的留
出主要是參照主要圖形、標(biāo)題亦或是符號(hào)的相

關(guān)位置。例如，倘若在第一頁(yè)的上方確定了沾
點(diǎn)標(biāo)示，那就必然需要在其他不同位置也放上
類似的標(biāo)志。再例如，對(duì)于圖標(biāo)向?qū)У氖褂茫?br /> 一旦在某個(gè)地方使用了圖標(biāo)向?qū)В�那么其他�?br /> 頁(yè)面也要使用一樣的或者類似的圖標(biāo)。要想
使這種方法得到使用，就需要使用兩種法則。
一種法則是對(duì)于具體使用模板而言的，對(duì)于
Dreamweaver 中一種關(guān)鍵類別的文檔設(shè)計(jì)，相
關(guān)設(shè)計(jì)者常常必須將不同頁(yè)面的相同位置定義
成模板的鎖定區(qū)域。對(duì)于不可鎖定區(qū)域而言，
只需將不同位置來進(jìn)行定位即可。文件以及此
模塊之間要確保非常穩(wěn)定的鏈接工作模式，相
應(yīng)的對(duì)模板采取修改策略，就可以使模板中數(shù)
量龐大的設(shè)計(jì)內(nèi)容得到一定程度的更新，據(jù)此
可以在很大程度上減少頁(yè)面的維護(hù)時(shí)間。采用
框架是作為另一種方式，該種方式也可以叫做
幀頁(yè)，這是一種十分普通的技術(shù)，對(duì)于網(wǎng)頁(yè)制
作頁(yè)面來說。該技術(shù)的主要特色是可以通過瀏
覽器將其分成不同類型的很多小窗口，每個(gè)
不同的窗口都會(huì)對(duì)各自頁(yè)面的相關(guān)內(nèi)容加以顯
示。并以此作為基礎(chǔ)，分別對(duì)其大小進(jìn)行設(shè)置，
據(jù)此就能夠便于設(shè)計(jì)網(wǎng)站的總體結(jié)構(gòu)，也能夠
在處在上面位置的框架當(dāng)中訂立相關(guān)的網(wǎng)站標(biāo)
示，在左面、下方分別放置導(dǎo)航欄以及安置版
權(quán)信息，誠(chéng)然，這當(dāng)然是一個(gè)相對(duì)松散的公式
化的設(shè)計(jì)。依照自身的需求的不同，來結(jié)合自
身的創(chuàng)意進(jìn)行安排，并且對(duì)于鏈接頁(yè)面的顯示
框架也能夠進(jìn)行相應(yīng)的確定，進(jìn)而規(guī)避了網(wǎng)頁(yè)
頁(yè)面上相同或是相似關(guān)聯(lián)內(nèi)容的多次下載。這
有助于使網(wǎng)絡(luò)傳輸速率以及網(wǎng)頁(yè)顯示速度得到
一定提升。
1.2 版面設(shè)計(jì)簡(jiǎn)潔明快
對(duì)于版面設(shè)計(jì)的內(nèi)涵來說，其實(shí)質(zhì)就是組
版元素在安排優(yōu)秀版面設(shè)計(jì)以及版面計(jì)劃的相
關(guān)內(nèi)容。這可以表現(xiàn)出各個(gè)不同組成要素之間
的適當(dāng)比重聯(lián)系，從根本上來說，沒有固定的
版式是網(wǎng)站版面的一個(gè)特色，主要原因是它是
作為一種個(gè)體思維的個(gè)性化展示。下面，作者
將會(huì)尋找有關(guān)的網(wǎng)站版式類別，具體而言，分
別是左中右上類型以及下上左右類型，選取此
類型網(wǎng)站版式的網(wǎng)站一般是以新聞資訊居多；
最不經(jīng)常見到的是左中右類別；一般會(huì)出現(xiàn)在
少部分個(gè)人網(wǎng)站的是左右類型；經(jīng)常使用上下
類型的是部分娛樂文藝性的娛樂性網(wǎng)站。對(duì)于
版式來說，十分明顯的版式分解是單一版式所
不具備的特色，表達(dá)個(gè)性特色最好是使用該版
式。對(duì)于教師以及學(xué)生來說，校園網(wǎng)站是他們
的一個(gè)聚集地點(diǎn)，為了能夠使其查詢信息的便
捷性得到保障，這就要求版面設(shè)計(jì)需要明快自
然，這和強(qiáng)調(diào)個(gè)性化的網(wǎng)站所要達(dá)到的目標(biāo)有
著截然不同的區(qū)別。這就要求不同欄目之間在
進(jìn)行設(shè)置時(shí)不能過于凌亂，否則會(huì)產(chǎn)生眼前混
亂的直觀感覺，而且大標(biāo)題下的具體小標(biāo)題的
組合方式又不會(huì)讓人產(chǎn)生不夠大標(biāo)題選取的信
息總量，應(yīng)當(dāng)要具備整體概括性以及形象性。
一方面，可以對(duì)下面具體小標(biāo)題所闡釋的相關(guān)
內(nèi)容給予總結(jié)，另一方面，也代表了這個(gè)欄目
的總體形象。
1.3 網(wǎng)頁(yè)內(nèi)容以人為本
網(wǎng)站建設(shè)需要進(jìn)行考量的內(nèi)容是多方面
的，其特色的明確不僅僅只是需要從瀏覽網(wǎng)站
的使用者的方面進(jìn)行考量，還應(yīng)該要從網(wǎng)站的
內(nèi)涵方面進(jìn)行考察。依照截然不同的網(wǎng)站內(nèi)容
進(jìn)行網(wǎng)站風(fēng)格的確定，比如，一個(gè)個(gè)人主頁(yè)的
設(shè)計(jì)，設(shè)計(jì)者能夠盡情發(fā)揮自己的所思所想來
確立其網(wǎng)站的總體設(shè)計(jì)風(fēng)格，突出其鮮明的個(gè)
性；但如果需要做的是一個(gè)商業(yè)網(wǎng)站站點(diǎn)，設(shè)
計(jì)師就要考察自身所面臨的群體的群體特色以
及網(wǎng)站的內(nèi)容是屬于哪個(gè)方面的，網(wǎng)站的設(shè)計(jì)
風(fēng)格一定要與網(wǎng)站的總體內(nèi)容相互契合。比如，
Microsoft 的站點(diǎn)，簡(jiǎn)潔而直觀是給人的第一
感覺。沒有一張多余的圖片是該頁(yè)面的特色之
一。各種呈現(xiàn)出的信息也具備科學(xué)合理性。根
據(jù)網(wǎng)站的具體內(nèi)容進(jìn)行確認(rèn)是這類特色的主要
方法之一，鑒于 Microsoft 的網(wǎng)站站點(diǎn)的訪問
量十分巨大，要想提升頁(yè)面訪問的總體速度，
簡(jiǎn)潔的頁(yè)面設(shè)置就是方法之一。對(duì)于一個(gè)技術(shù)
人員來說，怎樣通過最快的速度探尋到他們想
尋找的相關(guān)資料以及信息就變得非常關(guān)鍵了。
不管是校園網(wǎng)站還是非校園網(wǎng)站，其中心任務(wù)
都是要為使用網(wǎng)站的瀏覽者提供比較全面而且
十分必要的服務(wù)，據(jù)此，版面的設(shè)計(jì)根據(jù)服務(wù)
的特色以及服務(wù)的類別對(duì)于主題要恰如其分地
進(jìn)行突出，對(duì)于一些相關(guān)的重要信息，要置放
在比較重點(diǎn)顯眼的關(guān)鍵位置。
2 網(wǎng)頁(yè)制作方法與技巧
對(duì)于網(wǎng)頁(yè)制作而言，頁(yè)面效果要想得到
提升，就必然要采取一些相應(yīng)的技巧以及相應(yīng)
的辦法，對(duì)于網(wǎng)頁(yè)編輯軟件的制作方面，各種
工具都有著自己的使用途徑以及使用方法，因
而，每種工具的使用是否靈活以及系統(tǒng)有關(guān)的
要求都存在著重要區(qū)別。例如，對(duì)于當(dāng)下最時(shí)
尚的網(wǎng)頁(yè)制作工具來說，其性能靈活度的要求
存在著很大差別，當(dāng)下最流行的制作工具是
Dreamweaver。在表格的基礎(chǔ)上，能夠?qū)⑽谋?br /> 以及圖像的位置采取十分靈活的調(diào)動(dòng)，過分擔(dān)
心不同對(duì)象要素之間的相互作用是不必要的，
況且通過緊湊的頁(yè)面結(jié)構(gòu)，能夠使表格的定位
功能得到全面使用。在對(duì)表格定位功能進(jìn)行全
面使用的基礎(chǔ)上，必須把頁(yè)面中所囊括的各種
文字、圖片，根據(jù)一定的排列組合標(biāo)準(zhǔn)進(jìn)行科
學(xué)系統(tǒng)的排列組合。采取絕對(duì)定位的模式，進(jìn)
而方便在瀏覽網(wǎng)頁(yè)時(shí)在不同的顯示分辨率下都
能看到同樣的效果。
3 網(wǎng)站頁(yè)面色彩和版式的設(shè)計(jì)
網(wǎng)站設(shè)計(jì)者在設(shè)計(jì)網(wǎng)站的版式時(shí)，要以
簡(jiǎn)潔、明確為原則，不要在網(wǎng)站的頁(yè)面上添加
太多與頁(yè)面內(nèi)容沒有太大關(guān)系的內(nèi)容，以免使
整個(gè)頁(yè)面顯得繁雜累贅，要確保網(wǎng)站訪問者在
瀏覽頁(yè)面時(shí)第一時(shí)間看清楚網(wǎng)站的主題內(nèi)容是
什么。另外，通過對(duì)一些關(guān)鍵詞和圖片的使用
可以加深網(wǎng)站訪問者的印象。設(shè)計(jì)者在設(shè)計(jì)網(wǎng)
站主題色彩時(shí)要注意，一個(gè)網(wǎng)站的色彩切忌雜
亂，一般一個(gè)網(wǎng)站有一個(gè)到兩個(gè)主題色就足夠
了，如果太多色彩容易讓訪問者瀏覽起來顯得
很費(fèi)勁，但網(wǎng)站主題色彩也不多看起來太過于
單調(diào)，這需要網(wǎng)站設(shè)計(jì)者結(jié)合網(wǎng)站的面向群體
好好把握。
4 結(jié)語
簡(jiǎn)而言之，網(wǎng)站設(shè)計(jì)要搞好，具備一定
的網(wǎng)頁(yè)基礎(chǔ)知識(shí)是必須的，掌握網(wǎng)頁(yè)的制作技
巧策略和相關(guān)美術(shù)知識(shí)是做好網(wǎng)頁(yè)設(shè)計(jì)的必要
條件之一。從實(shí)質(zhì)上來說，最終的目的就是要
吸引越來越多的人進(jìn)行網(wǎng)頁(yè)的瀏覽。堅(jiān)持更新
以及維護(hù)網(wǎng)站，才可以網(wǎng)站發(fā)揮其應(yīng)有的作用。
參考文獻(xiàn)
[1] 高復(fù)先 . 信息資源規(guī)劃 [M]. 北京：清華
大學(xué)出版社 ,2002.
[2] 劉洋 .DreamweaverMX 短期培訓(xùn)教程 [M].
北京 ：北京希望電子出版社 ,2002.
[3] 徐 亞 先 . 試 論 網(wǎng) 頁(yè) 制 作 [J]. 情 報(bào) 科
學(xué) ,2004(02).
作者單位
武漢職業(yè)技術(shù)學(xué)院 湖北省武漢市 430074