網(wǎng)頁制作是一個集美工布局、后臺程序等諸多技術(shù)為一體的系統(tǒng)工程，下面筆者就本人多年來制作網(wǎng)頁的經(jīng)歷談一談自己對制作網(wǎng)頁技術(shù)的理解和心得體會。

制作優(yōu)秀網(wǎng)頁須要三項前臺技術(shù)，包括網(wǎng)頁的色彩搭配、網(wǎng)頁素材的制作與積累以及網(wǎng)頁的整體布局。一個優(yōu)秀的網(wǎng)站的配色應(yīng)具備如下特點：色彩鮮艷靚麗，視覺效果強烈，吸人眼球；色彩要精心地設(shè)計，有獨特的風(fēng)格，使瀏覽者無千篇一律之感；色彩的使用要契合所在網(wǎng)頁的內(nèi)容和氛圍，通過構(gòu)建色彩更好地體現(xiàn)網(wǎng)頁主題，強化網(wǎng)頁內(nèi)涵。比如很多教育信息網(wǎng)都選擇藍色系，因其風(fēng)格樸實，性格內(nèi)向，空間深遠、平靜亦不失于嚴(yán)肅，很好地襯托了教育這個主題。網(wǎng)頁素材的獲取有諸多途徑，其一是充分利用互聯(lián)網(wǎng)上的海量數(shù)據(jù)，為自己的網(wǎng)頁選取合適素材；其二是利用數(shù)碼相機及掃描儀將印刷品和照片存為電腦格式的圖片。第三則是要使用Photoshop，fireworks以及flash等繪圖和動畫制作軟件來制作自己所須素材。Photoshop簡稱Ps，是adobe公司開發(fā)的一款圖形處理軟件，Photoshop功能強大，除了網(wǎng)頁制作，它在圖像處理、圖像合成、照片修飾、平面設(shè)計、藝術(shù)文字、視覺創(chuàng)意、界面設(shè)計等許多方面都有涉及。Photoshop常用于制作網(wǎng)頁效果圖，對于網(wǎng)頁美工具有十分重要的現(xiàn)實意義，我們應(yīng)該努力的學(xué)習(xí)它使用它。Fireworkst和flash是專注于網(wǎng)頁制作的兩款軟件，前者主要處理圖像，后者主要制作動畫，它們與dreamwear合稱網(wǎng)頁制作三劍客。Fireworks功能不如Photoshop強大，但它輕巧方便且網(wǎng)絡(luò)功能完善，長于處理矢量圖形，亦可處理大多數(shù)常見的圖形，實為制作處理網(wǎng)頁圖片之利器。Flash早先由macromedia公司推出，后和fireworkst及dreamwear一起被adobe公司收購，它主要用來制作網(wǎng)頁動畫，并可在其中加入視頻與聲音，矢量技術(shù)使的flash動畫短小精悍，特別適合做網(wǎng)頁動畫，學(xué)會遮罩、補間和逐幀三種技術(shù)，制作適當(dāng)?shù)脑纯蓜?chuàng)建出千變?nèi)f化的效果。使用了flash動畫的網(wǎng)頁，活潑生動，充滿靈性，大大提升了網(wǎng)頁的可視性。

文字和圖片是網(wǎng)頁信息的主要載體，伴隨著網(wǎng)頁向動態(tài)方向的發(fā)展，動畫、視頻、聲音等媒體也成為網(wǎng)頁信息的有效呈現(xiàn)，將這些信息內(nèi)容按一定的規(guī)律合理配置，使重點突出，瀏覽方便，網(wǎng)頁結(jié)構(gòu)工整美觀，便是網(wǎng)頁布局的工作范疇。成功的網(wǎng)頁布局首先強調(diào)重點突出、層次分明，頁面內(nèi)容按所載信息的重要性依次出現(xiàn)，內(nèi)容間相互關(guān)系清晰明了。例如大多數(shù)教育信息網(wǎng)都將師生最關(guān)注的教育新聞放在第一屏，以方便師生瀏覽。其次，一個好的網(wǎng)頁布局也要考慮用戶的瀏覽習(xí)慣，一般用戶都習(xí)慣從左到右、自上而下地瀏覽網(wǎng)頁，可將網(wǎng)頁信息按類別匯集成相應(yīng)模塊，按上下順序在網(wǎng)頁中擺放，每個模塊內(nèi)則按信息的重要性從左至右擺放。不要將不同類別的信息放入一個模塊，也不要將重要的信息放在網(wǎng)頁底部。網(wǎng)頁布局要秉承最大限度方便用戶瀏覽信息的原則。第三，網(wǎng)頁空間的利用要平衡有序，網(wǎng)頁內(nèi)容要均勻分布，不要有些地方過于擁擠，而有些地方又過于稀疏，網(wǎng)頁資源要合理配置，確保網(wǎng)頁整體美觀大方。網(wǎng)頁布局技術(shù)有三種，一是表格布局，二是div+css布局，三是框架布局。前兩者使用較多。表格布局是指網(wǎng)頁布局的總體架構(gòu)和所有細(xì)節(jié)都由表格來實現(xiàn)，通過構(gòu)建表格并在其單元格內(nèi)嵌入新表格來進行模塊的分布和欄目的設(shè)置，表格布局技術(shù)要求低，制作網(wǎng)頁簡單快捷，并能很好地兼容各版本的瀏覽器，是早期網(wǎng)頁制作的主要方式。但是表格布局中，網(wǎng)頁內(nèi)容與外觀表現(xiàn)混合在一起，代碼凌亂不易維護，當(dāng)網(wǎng)頁結(jié)構(gòu)有大的調(diào)整時，需要重新設(shè)計制作表格，成本較大。div+css是指通過div即層和css（層疊樣式表）相互配合來實現(xiàn)網(wǎng)頁布局的一種技術(shù)，它為大多數(shù)網(wǎng)站采用，是網(wǎng)頁布局的主流技術(shù)，它運用div對頁面進行布局，再由css樣式表實現(xiàn)頁面結(jié)構(gòu)和內(nèi)容的分離。網(wǎng)頁內(nèi)容的格式設(shè)置以及網(wǎng)頁整體的外觀體現(xiàn)都由樣式表統(tǒng)一管理，網(wǎng)頁代碼大大縮減，瀏覽速度得以提升，內(nèi)容與樣式的分離，使得不同的樣式表便可實現(xiàn)不同風(fēng)格的網(wǎng)頁，降低了網(wǎng)頁維護和改版的成本。Div+css的缺點是技術(shù)門檻較高，對瀏覽器的兼容性不夠完善，須針對不同的瀏覽器進行相應(yīng)設(shè)置。

經(jīng)過網(wǎng)頁的前臺設(shè)計，網(wǎng)頁的框架基本形成，網(wǎng)頁的外觀和風(fēng)格也已基本確定，此時的網(wǎng)頁還不具備交互能力，內(nèi)容也只能手動更新，特別的，當(dāng)建設(shè)一個論壇，或是類似淘寶網(wǎng)這樣的網(wǎng)上商城，或者新聞網(wǎng)時，前臺的技術(shù)并不能提供支撐，必須使用編程語言結(jié)合數(shù)據(jù)庫來解決。網(wǎng)頁后臺技術(shù)有多種選擇，包括asp，asp.net，jsp，php等等。Asp和asp.net同為微軟產(chǎn)品，asp以vbspirt為默認(rèn)編程語言，asp.net以c#為默認(rèn)語言，也可選擇vb.net它們適用于windows平臺，在windows平臺上具有較高性能與效率。Jsp使用sun公司的java語言，和php以及c#一樣都是類c語言，基本的語法很相似。Java和php都是跨平臺語言。用它們編制的程序在UNIX、LINUX、WINDOWS、Mac Os等平臺下都可運行?，F(xiàn)階段使用的比較多的是asp.net和java。Asp.net基于.net框架，后者提供了一個面向?qū)ο蟮木幊汰h(huán)境，對web應(yīng)用和web服務(wù)提供強大支持，再配以世界級的開發(fā)工具visual Studio，可方便迅捷地開發(fā)出多種應(yīng)用程序。asp.net編寫的代碼編譯后執(zhí)行，提升了web應(yīng)用程序的性能，aps.net提供了豐富的控件庫，使得代碼量降低了70%。代碼獨立于設(shè)計界面，更利于閱讀與維護。相較于asp.net，java發(fā)展時間更長，出現(xiàn)了眾多優(yōu)秀的技術(shù)框架，如struts框架，通過控制器和配置文件，以action的概念封裝用戶請求，實現(xiàn)三層結(jié)構(gòu)，使開發(fā)大型項目成為可能，hibernate框架，封裝了jdbc數(shù)據(jù)庫訪問代碼，從數(shù)據(jù)庫中讀取數(shù)據(jù)對象的工作得到了簡化。Spring框架更好的發(fā)揮了javaee技術(shù)的優(yōu)勢。這三種框架還可集成使用，開發(fā)出健壯性高，穩(wěn)定性好，設(shè)計優(yōu)雅的應(yīng)用程序。java在大型企業(yè)級開發(fā)上占據(jù)著優(yōu)勢。

（作者單位 鎮(zhèn)江市電化教育館）

編輯 段麗君