??對于網(wǎng)站設(shè)計怎么做這一問題，人們對它的理解并不是很準(zhǔn)確，甚至說是偏離實際。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(wǎng)頁，于是他們認(rèn)為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？實際上建立一個網(wǎng)站就像建一個城堡，它是一個系統(tǒng)工程，有自己特定的工作流程，不能脫離流程，按部就班地一步一步來才能實現(xiàn)這個工作。

??設(shè)計要點

??網(wǎng)站設(shè)計，要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時候就必須將網(wǎng)站的整體設(shè)計與網(wǎng)頁設(shè)計的相關(guān)原理緊密結(jié)合起來。網(wǎng)站設(shè)計是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識通過藝術(shù)的手法表現(xiàn)出來;新網(wǎng)而網(wǎng)頁制作通常就是將網(wǎng)頁設(shè)計師所設(shè)計出來的設(shè)計稿，按照W3C規(guī)范用html(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)將其制作成網(wǎng)頁格式。

??網(wǎng)站設(shè)計怎么做-設(shè)計步驟

??1.確定分辨率.和不同分辨下對應(yīng)的效果.

??與平面的載體的不同,決定了網(wǎng)頁具有比平面更靈活的表達方式.

??站點的滿屏概念其實是分相對和絕對兩種,相對的,是針對當(dāng)前分辨率的滿屏.而絕對滿屏幕,則是不同的顯示器不同的分辨率下都是滿屏,一般我會給出一個最小分辨率,最大到無限.相對滿屏,比如1024×768,800×600等.最好是用絕對寬度來定義,就是像素為單位.而絕對滿屏,則用百分比.

??在確定分辨率之后,你的PS圖要比實際設(shè)計的圖要大.要考慮用戶使用高于你設(shè)計的分辨率下,網(wǎng)頁以怎樣的形式表達,是居左,還是居中,還是靠在右邊.

??2.大背景,3條輔助線及邊界處理.結(jié)構(gòu)(頭部,中間,底部的大概位置.)

??整體是否有背景.

??左邊界線,右邊界線,和中間線.

??如果是絕對寬度的設(shè)計,那么用戶使用較高分辨率瀏覽時,內(nèi)容與多出的屏幕是否有分割.

??結(jié)構(gòu),究竟是上中下結(jié)構(gòu),還是左中右結(jié)構(gòu),還是其他的.每一塊,大概放什么內(nèi)容.

??3.導(dǎo)航和標(biāo)志.

??網(wǎng)站的100-1%是導(dǎo)航.這是一句被傳爛了的話.

??你的導(dǎo)航是長的還是短的,是橫的還是豎的.還是弧形的.是否有下拉菜單.比重各是多少.和標(biāo)志處在什么位置.各語言版面入口在哪里.登陸(后臺管理/用戶/MAIL)在什么位置,標(biāo)志附近是否有點睛一般的詞.

??好了,我們進行下一步.

??4.banner同導(dǎo)航,和過度.

??導(dǎo)航跟banner是分開的還是在一起的.在一起的話你是否采用flash制作,如不用flash制作,你設(shè)計的背景是否適合切割成平鋪的背景,怎樣讓背景圖片體積最小.記住不要用2×2的背景做平鋪.banner是占據(jù)了整個寬度,還是只是一部分.如果是一部分,那么空出的地方你準(zhǔn)備放什么東西.

??5.主體內(nèi)容部分.

??我的中間是左右機構(gòu),還是一大塊,還是左中右結(jié)構(gòu)的.每一塊的分割采用什么手法.顏色以怎么樣的規(guī)則變化.然后將內(nèi)容填充進去.

??6.底部版權(quán)信息。

??選擇合適的制作工具

??盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運用。

??7.制作網(wǎng)頁

??材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。

??8.上傳測試

??網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。

??9.維護更新

??網(wǎng)站要注意經(jīng)常維護更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內(nèi)容，才能夠吸引住瀏覽者。

??注意事項

??1、在定位的基礎(chǔ)上,搞明白自己要做什么.

??這句其實不用解釋了.你要明白的是我要做的站大概有什么樣的效果新網(wǎng),并有例子在腦海里浮現(xiàn).要做的這個站屬于什么樣的行業(yè),這個行業(yè)的站都有什么共同的特點.

??2、你的目標(biāo)/效果和你希望達到的目標(biāo)/效果是怎么樣的.你設(shè)計的目標(biāo),與客戶的目標(biāo)和公司領(lǐng)導(dǎo)的目標(biāo)是否一致,有什么區(qū)別.

??3、你要如何去做,怎樣去做,用什么樣的手法手段,來達到你的目標(biāo)/效果.又用怎樣的設(shè)計來強化和突出這個效果.

??4、你的布局,應(yīng)該怎樣和你的設(shè)計搭配,怎樣來突出你的思路.

??5、是否有不同的風(fēng)格,是否只是顏色上的變換.(將所有含有顏色的背景層保留)。

??簡單來說，網(wǎng)站設(shè)計的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字，圖片(GIFs， JPEGs，PNGs)和表格，都可以通過使超言、可擴展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。。網(wǎng)頁設(shè)計是設(shè)計過程的前端(客戶端)的設(shè)計通常用于描述一個網(wǎng)站，包括寫標(biāo)記，但是這是一個灰色地帶，因為這還覆蓋了網(wǎng)絡(luò)的發(fā)展。網(wǎng)站設(shè)計(Web Design)，網(wǎng)站設(shè)計是一個把軟件需求轉(zhuǎn)換成用軟件網(wǎng)站表示的過程，就是指在因特網(wǎng)上，根據(jù)一定的規(guī)則，使用Dreamweaver、photoshop等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合。簡單地說，網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊(信息)，或者利用網(wǎng)站來提供相關(guān)的網(wǎng)絡(luò)服務(wù)(網(wǎng)絡(luò)服務(wù))。網(wǎng)站設(shè)計怎么做，已經(jīng)越來越成為淺顯易懂的問題。