網頁設計的實現可以分為兩個部分。第一部分為站點的計劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網頁的制作，這一過程是在盤算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編纂，這里面有文字、圖像乃至動畫，我們要做的工作就是以最合適的方法將圖片和文字排放在頁面的不同地位。 除了要有一臺配置不錯的盤算機外，軟件也是必需的。不能簡略地說一個軟件的好壞，只要是設計者應用起來感到方便而且能得心應手的，就可以稱為好軟件。當然，它應當能滿足設計者的請求。筆者常用的軟件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯的軟件。 接下來我們要做的就是通過軟件的應用，將設計的藍圖變為現實，終極的集成一般是在Dreamweaver里完成的。固然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都是在制作過程中產生的。設計作品必定要有創意，這是最基礎的請求，沒有創意的設計是失敗的。在制作的過程中，我們會碰到很多標題，其中最敏感的莫過于頁面的色彩了。
設計是有原則的，無論應用何種伎倆對畫面中的元素進行組合，都必定要遵守五個大的原則：同一、連貫、分割、對照及和諧。
同一，是指設計作品的整體性，一致性。設計作品的整體后果是至關重要的，在設計中切勿將各組成部分孤立疏散，那樣會使畫面浮現出一種枝蔓紛雜的混亂后果。
連貫，是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在接洽和表現情勢上的相互呼應，并注意全部頁面設計作風的一致性，實現視覺上和心理上的連貫，使全部頁面設計的各個部分極為融洽，如同一氣呵成。
分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目了然。在信息量很多時為使觀者能夠看明白，就要注意到將畫面進行有效的分割。分割不僅是表現情勢的需要。換個角度來講，分割也可以被視為對于頁面內容的一種分類回納。 對照就是通過抵觸和沖突，使設計更加富有賭氣。對照伎倆很多，例如：多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。在應用對照的時候應慎重，對照過強輕易損壞美感，影響同一。
和諧是指全部頁面符合美的法則，渾然一體。假如一件設計作品僅僅是色彩、外形、線條等的隨便混雜，那么作品將不但沒有“生命感”，而且也基本無法實現視覺設計的轉達功效。和諧不僅要看結構情勢，而且要看作品所形成的視覺后果能否與人的視覺感受形成一種溝通，產生心靈的共識。這是設計能否成功的關鍵。
