關于網站建設和網頁制作方法的探討

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

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