接下來(lái)我們要做地就是通過(guò)軟件地使用，將設(shè)計(jì)地藍(lán)圖變?yōu)楝F(xiàn)實(shí)，最終地集成壹般是在Dreamweaver里完成地。雖然在草圖上，我們定出啦頁(yè)面地大體輪廓，但是靈感壹般都是在制作過(guò)程中產(chǎn)生地。設(shè)計(jì)作品壹定要有創(chuàng)意，這是最基本地要求，沒(méi)有創(chuàng)意地設(shè)計(jì)是失敗地。在制作地過(guò)程中，我們會(huì)碰到許多問(wèn)題，其中最敏感地莫過(guò)于頁(yè)面地顏色啦�！　�

　　叁、色彩地運(yùn)用

　　色彩是壹種奇怪地東西，它是美麗而豐富地，它能喚起人類(lèi)地心靈感知。壹般來(lái)說(shuō)，紅色是火地顏色，熱情、奔放；也是血地顏色，可以象征生命。黃色是明度最高地顏色，顯得華麗、高貴、明快。綠色是大自然草木地顏色，意味著純自然和生長(zhǎng)，象征安寧和平與安全，如綠色食品。紫色是高貴地象征，有莊重感。白色能給人以純潔與清白地感覺(jué)，表示和平與圣潔。
我們知道，顏色是光地折射產(chǎn)生地，紅、黃、藍(lán)是叁原色，其它地色彩都可以用這叁種色彩調(diào)和而成。換壹種思路，我們可以用顏色地變化來(lái)表現(xiàn)光影效果，這無(wú)疑將使我們地作品更貼近現(xiàn)實(shí)。
色彩代表啦不同地情感，有著不同地象征含義。這些象征含義是人們思想交流當(dāng)中地壹個(gè)復(fù)雜問(wèn)題，它因人地年齡、地域、時(shí)代、民族、階層、經(jīng)濟(jì)地區(qū)、工作能力、教育水平、風(fēng)俗習(xí)慣、宗教信仰、生活環(huán)境、性別差異而有所不同。
單純地顏色并沒(méi)有實(shí)際地意義，和不同地顏色搭配，它所表現(xiàn)出來(lái)地效果也不同。比如綠色和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅，舒適地氣氛。藍(lán)色和白色混合，能體現(xiàn)柔順、淡雅、浪漫地氣氛。紅色和黃色、金色地搭配能渲染喜慶地氣氛。而金色和粟色地搭配則會(huì)給人帶來(lái)暖意。設(shè)計(jì)地任務(wù)不同，配色方案也隨之不同�？紤]到網(wǎng)頁(yè)地適應(yīng)性，應(yīng)盡量使用網(wǎng)頁(yè)安全色。
但顏色地使用并沒(méi)有壹定地法則，如果壹定要用某個(gè)法則去套，效果只會(huì)適得其反。經(jīng)驗(yàn)上我們可先確定壹種能表現(xiàn)主題地主體色，然后根據(jù)具體地需要，應(yīng)用顏色地近似和對(duì)比來(lái)完成整個(gè)頁(yè)面地配色方案。整個(gè)頁(yè)面在視覺(jué)上應(yīng)是壹個(gè)整體，以達(dá)到和諧、悅目地視覺(jué)效果。

　　肆、造型地組合

　　 在網(wǎng)頁(yè)設(shè)計(jì)中，我們主要通過(guò)視覺(jué)傳達(dá)來(lái)表現(xiàn)主題。在視覺(jué)傳達(dá)中，造型是很重要地壹個(gè)元素。拋去是圖還是文字地問(wèn)題，畫(huà)面上地所有元素可以統(tǒng)壹作為畫(huà)面地基本構(gòu)成要素點(diǎn)、線、面來(lái)進(jìn)行處理。在壹幅成功地作品里，是需要點(diǎn)、線、面地共同組合與搭配來(lái)構(gòu)造整個(gè)頁(yè)面地。
通常我們可以使用地組合手法有秩序、比例、均衡、對(duì)稱(chēng)、連續(xù)、間隔、重疊、反復(fù)、交叉、節(jié)奏、韻律、歸納、變異、特寫(xiě)、反射等等，它們都有各自地特點(diǎn)。在設(shè)計(jì)中應(yīng)根據(jù)具體情況，選擇最適合地表現(xiàn)手法，這樣有利于主題地表現(xiàn)。
通過(guò)點(diǎn)、線、面地組合，可以突出頁(yè)面上地重要元素，突出設(shè)計(jì)地主題，增強(qiáng)美感，讓觀者在感受美地過(guò)程中領(lǐng)會(huì)設(shè)計(jì)地主題，從而實(shí)現(xiàn)設(shè)計(jì)地任務(wù)。
造型地巧妙運(yùn)用不僅能帶來(lái)極大地美感，而且能較好地突出企業(yè)形象，而且能將網(wǎng)頁(yè)上地各種元素有機(jī)地組織起來(lái)，它甚至還可以引導(dǎo)觀者地視線。

　　伍、設(shè)計(jì)地原則

　　 設(shè)計(jì)是有原則地，無(wú)論使用何種手法對(duì)畫(huà)面中地元素進(jìn)行組合，都壹定要遵循伍個(gè)大地原則：統(tǒng)壹、連貫、分割、對(duì)比及和諧。
統(tǒng)壹，是指設(shè)計(jì)作品地整體性，壹致性。設(shè)計(jì)作品地整體效果是至關(guān)重要地，在設(shè)計(jì)中切勿將各組成部分孤立分散，那樣會(huì)使畫(huà)面呈現(xiàn)出壹種枝蔓紛雜地凌亂效果。
連貫，是指要注意頁(yè)面地相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上地內(nèi)在聯(lián)系和表現(xiàn)形式上地相互呼應(yīng)，并注意整個(gè)頁(yè)面設(shè)計(jì)風(fēng)格地壹致性，實(shí)現(xiàn)視覺(jué)上和心理上地連貫，使整個(gè)頁(yè)面設(shè)計(jì)地各個(gè)部分極為融洽，猶如壹?xì)夂浅伞?BR>分割，是指將頁(yè)面分成若干小塊，小塊之間有視覺(jué)上地不同，這樣可以使觀者壹目啦然。在信息量很多時(shí)為使觀者能夠看清楚，就要注意到將畫(huà)面進(jìn)行有效地分割。分割不僅是表現(xiàn)形式地需要。換個(gè)角度來(lái)講，分割也可以被視為對(duì)于頁(yè)面內(nèi)容地壹種分類(lèi)歸納。
對(duì)比就是通過(guò)矛盾和沖突，使設(shè)計(jì)更加富有生氣。對(duì)比手法很多，例如：多與少、曲與直、強(qiáng)與弱、長(zhǎng)與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、聚與散等等。在使用對(duì)比地時(shí)候應(yīng)慎重，對(duì)比過(guò)強(qiáng)容易破壞美感，影響統(tǒng)壹。
和諧是指整個(gè)頁(yè)面符合美地法則，渾然壹體。如果壹件設(shè)計(jì)作品僅僅是色彩、形狀、線條等地隨意混合，那么作品將不但沒(méi)有“生命感”，而且也根本無(wú)法實(shí)現(xiàn)視覺(jué)設(shè)計(jì)地傳達(dá)功能。和諧不僅要看結(jié)構(gòu)形式，而且要看作品所形成地視覺(jué)效果能否與人地視覺(jué)感受形成壹種溝通，產(chǎn)生心靈地共鳴。這是設(shè)計(jì)能否成功地關(guān)鍵。

　　陸、網(wǎng)頁(yè)地建設(shè)

　　在網(wǎng)頁(yè)設(shè)計(jì)中，網(wǎng)頁(yè)地建設(shè)是較為重要地壹個(gè)環(huán)節(jié)。它地成功與否會(huì)影響頁(yè)面地瀏覽速度和頁(yè)面地適應(yīng)性，影響觀者對(duì)網(wǎng)站地印象。
在資訊類(lèi)網(wǎng)站中，文字是頁(yè)面中最大地構(gòu)成元素，因此字體地建設(shè)顯得尤為重要。使用css樣式表指定文字地樣式是必要地，通常我們將字體指定為宋體，大小指定為壹貳px，顏色要視背景色而定，原則上以能看清且與整個(gè)頁(yè)面搭配和諧為準(zhǔn)。在白色地背景上，我們壹般使用黑色，這樣不易產(chǎn)生視覺(jué)疲勞，能保證瀏覽者較長(zhǎng)時(shí)間地瀏覽網(wǎng)頁(yè)。
圖片是網(wǎng)頁(yè)中地重要元素。圖片地建設(shè)可以在保證瀏覽質(zhì)量地前提下將其size降至最低，這樣可以成倍地提高網(wǎng)頁(yè)地下載速度。利用Photoshop６或Fireworks４可以將圖片切成小塊，分別進(jìn)行建設(shè)。輸出地格式可以為gif或jpeg，要視具體情況而定。壹般我們把有較為復(fù)雜顏色變化地小塊建設(shè)為jpeg，而把那種只有單純色塊地卡通畫(huà)式地小塊建設(shè)為gif，這是由這兩種格式地特點(diǎn)決定地。
表格(table)是頁(yè)面中地重要元素,是頁(yè)面排版地主要手段。我們可以設(shè)定表格地寬度、高度、邊框、背景色、對(duì)齊方式等參數(shù)。很多時(shí)候，我們將表格地邊框設(shè)為零，以此來(lái)定位頁(yè)面中地元素，或者籍此確定頁(yè)面中各元素地相對(duì)位置。我們知道：瀏覽器在讀取網(wǎng)頁(yè)html原代碼時(shí)，是讀完整個(gè)table才將它顯示出來(lái)地。如果壹個(gè)大表格中含有多個(gè)子表格，必須等大表格讀完，才能將子表格壹起顯示出來(lái)。我們?cè)谠L問(wèn)壹些站點(diǎn)時(shí)，等待多時(shí)無(wú)結(jié)果，按"停止"按鈕卻壹下顯示出頁(yè)面就是這個(gè)原因。因此，我們?cè)谠O(shè)計(jì)頁(yè)面表格地時(shí)候，應(yīng)該盡量避免將所有元素嵌套在壹個(gè)表格里，而且表格嵌套層次盡量要少。在使用Dreamweaver制作網(wǎng)頁(yè)時(shí)，會(huì)自動(dòng)在每壹個(gè)td內(nèi)添加壹個(gè)空字符“ ”。如果單元格內(nèi)沒(méi)有填充其它元素，這個(gè)空字符會(huì)保留，在指定td地寬度或高度后，可以在源代碼內(nèi)將其刪去。