經過網頁設計與制作基本知識的系統學習，現在讀者可以嘗試設計和制作一個完整的網站了。本章將以一個中小企業網站為例，簡要說明建設一個網站的基本流程，具體包括網站規劃、頁面設計、頁面制作等內容。第16章網站制作綜合實訓學習目標掌握網站規劃的基本知識。掌握網站設計的基本原則。掌握網站頁面制作的基本方法。16.1.1網站建設目標16.1.2網站欄目和風格16.1 網站規劃16.1.1網站建設目標企業網站是企業在互聯網上進行網絡營銷和形象宣傳的平臺，相當于企業的網絡名片。企業網站不但可以幫助企業樹立的良好的外部形象，還可以幫助企業實現資訊發布以及產品宣傳、展示和銷售等任務。作為一個中小型企業，建設網站的目標應該包括：用戶能夠了解公司的基本概況信息、企業產品信息，能夠通過網站訂購產品，并通過網站向企業進行信息反饋等。當然，復雜的企業網站，實現的目標還要更多。16.1.2 網站欄目和風格瀏覽企業網站的群體通常都是企業的一些客戶或潛在客戶，因此網站的內容或者說網站欄目應該考慮以下幾個方面：企業概況、新聞資訊、產品展示、服務支持、交流社區、聯系我們等。在設計頁面時，網站主頁面1個，二級頁面包括企業概況、新聞資訊、產品展示、服務支持、交流社區、聯系我們等6個。當然，復雜的網站一級欄目也許會更多，名稱也不定完全一樣，而且一級欄目下還會有二級欄目，二級欄目下可能還會有三級欄目。也就是說，網站的欄目會有多個層次，這也習慣稱為網站的邏輯結構。對應網站的邏輯結構，可能還會有相應的多個文件夾，用來保存相應的欄目內容，這習慣稱為網站的物理結構。實際上，一個網站下會包含很多文件夾，甚至還會嵌套多層子文件夾。本網站是一個企業網站，以企業宣傳和產品展示為主，屬于信息型的企業網站。網站頁面配色以暖色調為主，營造一種溫馨、舒適的視覺效果。在頁面結構上體現大方、簡潔的風格，迎合用戶傾向簡單、舒適的心理。16.2.1素材準備16.2.2頁面設計16.2 網站頁面設計16.2.1素材準備網站素材可以簡單的分為兩類：一類是網站本身裝飾用的素材，起頁面點綴的作用，如背景圖像、線條等；另一類是網站內容方面的，包括與網站內容密切相關的文本、圖像、動畫等，這是網站本身要傳遞的信息素材。網站素材的來源基本上也可以分為兩種：一種通過互聯網等途徑進行搜集，然后根據需要再對這些素材進行加工處理，變成自己網站需要的內容；另一種就是自己進行原創，包括文本、圖像、動畫等。作為一個企業網站，要把網站建設需要的素材準備好，特別是網站logo等具有特殊意義的圖像。16.2.2 頁面設計在網站素材準備好以后，就可以進行頁面設計了，包括頁面內容的布局方式以及頁面布局使用的技術等。在本例中，主頁面和二級頁面均使用“上中下”三字型布局結構，頂部左側是網站標識區，右側是導航區；中間部分是主體內容區，根據實際需要再具體進行內容區域劃分；底部左側仍為導航區，右側為版權頁區。在網站頁面布局技術上，頁面主體部分將使用目前流行的CSS+Div布局技術，頁面的局部區域將根據需要充分發揮傳統表格布局技術的優勢，適當使用表格進行布局。16.2.2 頁面設計網站主頁面最終效果16.2.2 頁面設計本網站設計的二級頁面有多個，其中產品展示頁面，效果如圖所示。16.2.2 頁面設計交流社區頁面，效果如圖所示。16.3網站頁面制作16.3.1主頁面制作16.3.2二級頁面制作16.3.1主頁面制作主頁面總體上主要由頁眉、主體和頁腳3部分構成，在DreamweaverCS6中的效果如圖16-5所示。16.3.2 二