淺談網站建設與網頁制作的方法

引言：信息技術的飛速發展，極大地改變了人們的生活，隨著互聯網的興起與普及，以網頁為載體的信息傳播變得異常便捷，最大限度的實現了信息共享。在信息化的時代，網站建設與網頁制作引起了人們越來越廣泛的關注，掌握先進的網頁制作技術，建設有特色、有創意、管理良好的網站是企事業單位的愿望，也是網絡工作者與信息開發者需要努力的方向。

當今世界依然進入信息化的時代，互聯網的普及極大地便捷了人們之間的信息交流，也使得網站建設與網頁制作技術逐漸受到人們越來越多的關注。在今天，人們經常利用空閑時間瀏覽各種網站，從各具特色的網頁上尋找娛樂資訊、時事要聞、生活常識等，再加上電子商務等電子交易的產生與普及，人們對互聯網的需求越來越多，這就為多種網站的成長提供了良好的機遇，也為網絡技術人才提供了良好的就業與發展前景。

一、網站建設前的準備

（一）網站的定位和規劃

在建設一個網站之前，設計者首先要對網站有一個明確的定位，確定網站的主題、建設目的、針對人群等，只有在做好網站定位之后，設計者才能夠進行接下來的工作。在網站的前期籌備中，設計者要進行一定的調查，大致估計網站的可觀性和實用性，并在一定的基金支持下進行網站的設計與建設。在進行網站設計規劃時，設計者必須要認真分析網站瀏覽者的心理訴求，明白瀏覽者真正想要的是什么，用換位思考的方法，對網站的整體風格以及組織結構進行合理的規劃，還要用最簡明的話語來突出網站的主題。

（二）網站整體風格的統一

設計者在建設一個網站時，要十分注意網站整體風格的統一，并在此基礎上，調整頁面的排版與布局，使得網站的頁面整齊、美觀，對于插圖以及圖形的放置，最好采用同一種環繞方式，每個標題的樣式都盡量整齊，盡量不給人留下凌亂的感覺，如果網站的第一張網頁頂部放置了網站的標志，就最好在每一個網頁的相同位置都添加網站的標志。一個網站往往包含諸多網頁，如果想使用圖標導航，那每一頁的圖標都盡量相同，并要放在相同的位置，要想實現這樣的效果，可以使用模板或者框架，以上只是為了讓網站盡量簡潔與美觀，可能略顯條理化與格式化，設計者也可以根據個人愛好進行自由設計，采用不同的方法進行頁面索引，這樣的設計會更加具有特色，也容易引起瀏覽者的注意。在建設網站時，設計者可以指定連接的頁面在哪個框架里顯示，避免網頁上相同內容的重復下載，這對于提高網頁顯示速度和網絡傳輸速率方面都有著積極的意義。

（三）版面設計簡潔明快

網站建設要十分注重網頁的簡潔與明快，去掉不必要的內容來提高網頁的訪問速度，節約訪問者的時間。設計者在進行網站頁面排版時，要仔細分析各構成要素間的比例關系，并保證各要素之間比例關系的協調。每一個網站的版面設計都沒有統一的模式，設計者可以根據自己的喜好，進行自我思維的展示，設計者可以采用普遍的上左右型、上左中右型、左中右型、左右型、上下型、單一版式等，還可以多種板式結合使用，或者去掉版面分隔線。一個網站往往設置了不同的欄目，但是欄目設置不能過于繁雜，欄目版面設置適宜采用上下對稱式，使欄目更加簡潔明了，同時，欄目的大標題及以下小標題的排列要整齊，豐富欄目的信息量而又不顯雜亂，欄目大標題要簡潔明了，概括性強，能夠形象地說明欄目內容，大標題與大標題之間應是一定的聯系，但是彼此之間不能重復。

（四）網頁內容以人為本

設計者建設一個網站，就是要為廣大瀏覽者服務，因此，設計者必須要站在瀏覽者的角度思考問題，使網站風格更加容易被瀏覽者所接受，并積極思考更多點子增加網站的創意與特色。設計者在進行網站建設時要堅持以人為本的理念，選擇合適的網站內容，并根據不同的網站內容來變換網站風格。網站的風格要依據網站的性質來確定，如果是社交網站，就可以輕松隨意、張揚個性，如果是商業化的網站，就需要根據網站群體確定網站內容。網站建設要以人為本，注重簡約，去掉的繁雜的文字說明與不相關的圖片，內容信要有條理，簡潔的網頁設計有利于提高訪問的速度。

二、網頁制作方法與技巧

（一）善用表格

在進行網頁制作時，設計者可以根據以往的設計經驗，或者利用一些常用的工具來優化網頁制作，提高制作效率等，表格就是網頁制作中經常使用的一種工具。在制作網頁中使用表格，可以實現文本與圖像的位置的隨意調整，不用擔心其他因素對其產生影響，設計者可以利用表格強大的定位功能，將文字與圖片進行系統的排列，增加網頁的緊湊性與連貫性，使網頁編輯與排版更加富有邏輯，布局更加合理。在網頁制作中使用表格具有很大的便利性，但是過多的使用表格也有弊端，會減慢網頁打開的速度，網頁中表格的循環嵌套會給整個網頁帶來巨大的負擔，瀏覽器要在下載完表格的所有內容之后，才能顯示表格內容，而在瀏覽器下載與解析的過程中，瀏覽者什么都看不到，很容易產生厭煩與暴躁心理，不利于網站點擊率的提升，因此，良好的網頁制作一般是采用表格進行定位，并且大多都是一行一行來進行設計的。

（二）使用一些 HTML 語言

要想實現網頁文字的動態顯示，使網頁內容如同跑馬燈一樣顯示，設計者可以使用一些 HTML 語言。在進行網頁制作時，設計者先要在表格中輸入一些文字，并設置好文字的大小、顏色、粗細等屬，然后選中該文字切換到代碼窗口，在文字選中狀態下進行編譯，設計者在一個文字前輸入，系統便會自動生成，只要將 移到最后一個文字后面，在預覽時，就可以看到文字從右到左移動，就像跑馬燈一樣。也可以修改編譯語句，使文字上下移動或者左右移動，還可以設置文字出現的方式，滾動速度等。

（三）在網頁中插入透明 Flash 文件

設計者如果想在網頁中插入視頻或者動畫，例如透明 Flash 文件時，可以使用Dream-weaver實現文件的插入操作，要想使文件變透明，就需要先選中已插入的 swf 影片文件，在屬性面板中點“參數”按鈕，在彈出的面板中將參數設為 wmode，將值設為transparent就可以了。

（四）網頁制作中需要注意的問題

在進行網頁制作時，一些圖片在網頁編輯狀態下可以正常打開并顯示，但是在預覽或者網頁發布之后就無法進行顯示，這可能是圖片的原始存儲路徑發生了問題，也可能是設計者保存時修改了文件名稱所導致的。如果發生這種情況，設計者可以將圖片存入網站對應的文件夾中，然后修改圖片的保存路徑就可以恢復正常，如果執行此操作后，網頁預覽依舊看不見圖片，往往就是因為設計者在保存時使用了中文的文件名或目錄名，這就需要修改圖片的名稱，將其名稱更改為由英文字母、數字和下劃線等符號組成的文件名或目錄名。在制作網頁時，設計者還要注意對網頁進行優化，為網頁設置合理的頁邊距，并做好網頁的字體美化工作，修改文字的字體，字號，字距及文字顏色等，從而實現更好的視覺效果，設計者還可以采用多種文字和圖片處理工具，進行圖片與文字的進一步美化，使網頁更加美觀，更加吸引瀏覽者的目光。

結語

建設一個良好的網站，不僅需要優秀的技術，還需要團隊之間協調的配合，一個團隊需要具有一定的網站建設基礎，還要掌握許多網頁編程技術和美術知識，為網站的建設與美化，網頁的設計與優化等提供堅實的基礎。進行網站建設與網頁制作，需要設計者熟練掌握編程工具的操作方法，還要深入了解與數據庫相關的知識，并能夠結合實際，對所學知識進行靈活的運用。在科學技術不斷發展的今天，相信網站建設與網頁制作工作會越來越輕松，互聯網資訊會更加豐富多彩。

參考文獻

[1]李建梅.新概念中文 DreamweaverMX 教程[M]. 北京：科海電子出版社， 2003.

[2] 鮑嘉， 盧堅. 新編 DreamweaverMX2004 標準教程 [M].北京： 海洋出版社， 2004.

（作者單位：惠州農業學校）