設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制,這一部分可以在紙上完成;第二部分為網頁的設計制作,這一過程是在計算機上完成的。設計網頁的第一步是設計版面布局。可以將網頁看作傳統的報刊雜志來編輯,這里面有文字、圖像乃至動畫,要以最適合的方式將圖片和文字排放在頁面的不同位置。常用的網頁設計軟件有Dreamweaver、Fireworks、Flash 以及Photoshop,這些都是很不錯的軟件。接下來要做的就是通過軟件的使用,將設計的藍圖變為現實,最終的集成一般是在Dreamweaver里完成的。
頁面設計
雖然在草圖上定出了頁面的大體輪廓,但是靈感一般都是在制作過程中產生的。設計一定要有創意,這是最基本的要求,沒有創意的設計是失敗的。在制作的過程中,會碰到許多問題,其中最敏感的莫過于頁面的顏色了。處理的方法是,先確定一種能表現主題的主體色,然后根據具體的需要,應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體,并且有和諧、悅目的視覺效果。設計是有原則的,網頁設計遵循以下幾個原則:統一、連貫、分割、對比及和諧。統一是指網頁的整體性,一致性。網頁的整體效果是至關重要的,網頁中各個版塊設計風格要一致協調。圖1-7所示的網頁整體看起來就比較統一。連貫是指要注意頁面的相互關系。設計中要注意各組成部分在內容上的內在聯系和表現形式上的相互呼應,并注意整個頁面設計風格的一致性,實現視覺上和心理上的連貫,使整個頁面設計的各個部分融洽得猶如一氣呵成。 分割是指將頁面分成若干小塊,小塊之間有視覺上的不同,這樣可以使瀏覽者一目了然。對比就是通過矛盾和沖突,使設計更加富有生氣。對比的手法很多,如多與少、曲與直、強與弱、長與短、粗與細、主與次、黑與白、動與靜、美與丑等。在使用對比的時候應慎重,對比過強容易破壞美感,影響統一。和諧是指整個頁面符合美的法則,渾然一體。網頁不僅僅是色彩、形狀、線條等的隨意混合。