經過網站規劃階段后，網頁設計者對所面臨的任務有了一個大概的了解，接下來將進人工作流程中的第二步——網站設計。來自深圳網站建設公司分享：

　　(1)建立站點的目錄結構

　　在設計站點時，應該事先在計算機硬盤中建立一個文件夾，以它作為工作的起點。具有良好組織結構的站點文件夾會使得網站更易于制作和維護。

　　通常的做法是：首先將站點中的各種信息資源進行整理、歸類，然后在計算機硬盤上新建一個站點文件夾(即根文件夾);再根據需要，在文件夾中新建若干個子文件夾，以便將不同類型的文件存放在站點中;最后，是在這個站點根文件夾中新建一個主頁文件。

　　在網站開發中，一定要特別注意文件、文件夾、圖像等網頁素材的命名。由于這些命名規則受到不同操作系統的影響，故應該在網站中使用通用名稱。

　　網站命名一般應遵循以下規則：

　　① 最好使用小寫英文名稱(可以用漢語拼音代替)，但中間不能有空格。例如mypage. Htm、youmain. Htm

　　② )可以包含數字或下畫線，例如mypagel. Htm、you_main.htm等

　　③ 》注意正確使用文件的擴展名。網頁文件的擴展名為. Htm或. Html，

　　的擴展名，例如：logo. Gif、image_l. jpg 等。一般情況下，文件的擴展名都是由響應軟件自動添加的。

　　(2)設計導航系統

　　網站中的導航系統，實質上是指一組使用了超鏈接技術的網頁對象(包括文字、按鈕、小圖片等)，它們將網站中的內容有機地鏈接在一起，是瀏覽者獲取網頁信息的基本界面。

　　導航設計的基本原則是：通過最少的點擊次數得到最多的信息。這意味著應該根據頁面內容的邏輯關系制作網站的導航系統，而不是將網站中的所有信息都用超鏈接鏈接起來，否則瀏覽者將無法進行有效瀏覽。設計網站導航系統時應該注意以下要點：

　　① 瀏覽者應該能夠方便地知道他們現在正處于網站中的什么位置，也就是說要提供‘頁面的位置信息。

　　② )在頁面中提供返回首頁或上一級頁面的超鏈接。

　　③ 提供與站點制作者聯系的電子郵件鏈接。

　　④ 》整個導航系統的風格應該一致，否則會使瀏覽者產生一種已經離開該網站的錯覺。

　　(3)設計頁面的版式頁面版式就是如何安排網頁中的元素(包括文本、圖像、動畫等)，或者指明用什么形式表現網頁的內容。

　　在設計頁面布局之前，首先應確定頁面中要放置什么內容，包括導航欄、文本、圖像或其他多媒體信息的詳細數目，然后在紙上或圖像處理軟件(如photoshop。Fireworks 等)中繪制出頁面的布局效果，最后選擇使用特定排版技術(如表格、層或框架等)，對內容進行排版。

　　設計頁面版式應注意以下要點：

　　① 設計頁面應以網站目標為準，最大限度地體現網站的功能。

　　② 》形象簡明，易于接受。設計頁面時應當始終為目標用戶著想，網頁中的任何信息都應該是為瀏覽者服務的，要確保網頁中的信息能夠被用戶接受。總之，設計頁面布局時，簡單即是美，和諧即是美。

　　(4)網頁中的顏色

　　在網頁制作過程中通過設置文本顏色、背景顏色、鏈接顏色以及圖像的顏色，可以構造出很多網頁布局效果。設計顏色方案時應遵循以下要點：

　　① 保持一致性。若選擇了一種顏色作為網站的主色調，那么，最好在網頁中保持這種風格，另外，頁面中的圖像或其他多媒體信息的顏色也應該與之匹配。

　　② 》注意可讀性。獲取信息是絕大多數訪問者瀏覽的目的，故不論是文本式的網頁還是畫廊式的網頁，應該注意頁面的可讀性。例如，白底黑字顯然比黑底白字的可讀性好，而在黑色背景下的紫色超鏈接，可能會被訪問者忽略掉。

　　(5)文字、圖像、動畫等對象的使用

　　網頁中的文字設計也是體現站點風格的一種方式。為確保網頁中的所有字體能夠被訪問者的瀏覽器正確顯示，中文網站中的字體最好使用默認的“宋體”，或是“楷體”“黑體”等基本字體。

閱讀本文的人還閱讀：網站CSS代碼是什么?