本文目錄一覽：

• 1、請(qǐng)問(wèn)如何設(shè)計(jì)網(wǎng)頁(yè)?
• 2、制作網(wǎng)頁(yè)的九個(gè)步驟
• 3、網(wǎng)頁(yè)美工設(shè)計(jì)方法
• 4、網(wǎng)頁(yè)設(shè)計(jì)模板-網(wǎng)頁(yè)模板如何制作
• 5、如何設(shè)計(jì)自己的網(wǎng)頁(yè)界面

請(qǐng)問(wèn)如何設(shè)計(jì)網(wǎng)頁(yè)?

1、第一部分為站點(diǎn)的規(guī)劃及草圖的繪制，第二部分為網(wǎng)頁(yè)的制作；色彩的運(yùn)用色彩的運(yùn)用：設(shè)計(jì)應(yīng)考慮到網(wǎng)頁(yè)的適應(yīng)性，應(yīng)盡量使用網(wǎng)頁(yè)安全色。

2、網(wǎng)頁(yè)設(shè)計(jì)涉及的工具比較多，首先就是網(wǎng)頁(yè)設(shè)計(jì)工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，是首選。

3、網(wǎng)頁(yè)設(shè)計(jì)軟件要對(duì)網(wǎng)頁(yè)設(shè)計(jì)常用軟件很精通，一般常用的網(wǎng)頁(yè)設(shè)計(jì)軟件包括Photoshop，firework，flash，dreamweaver，當(dāng)然了，還要精通HTML標(biāo)記代碼，他可是所有設(shè)計(jì)的根本。還有一些網(wǎng)頁(yè)特效的使用，所以，您還需要學(xué)習(xí)有關(guān)CSS，JSP的有關(guān)知識(shí)。

制作網(wǎng)頁(yè)的九個(gè)步驟

1、制作一個(gè)網(wǎng)頁(yè)需要九個(gè)步驟。準(zhǔn)備內(nèi)容在注冊(cè)域名和查詢網(wǎng)站之前，你應(yīng)該收集至少“100頁(yè)”的內(nèi)容。這些內(nèi)容必須是有價(jià)值的，不侵犯版權(quán)。網(wǎng)站設(shè)計(jì)想一個(gè)更有意義，更有紀(jì)念意義的網(wǎng)站。

2、網(wǎng)站上線 經(jīng)過(guò)以上八個(gè)步驟網(wǎng)站就可以正常上線了，這次真的會(huì)很激動(dòng)。

3、進(jìn)行用戶調(diào)研，確定網(wǎng)頁(yè)的內(nèi)容(主體)：確定下網(wǎng)站的名稱什么，也就是確定我們要做的究竟是一個(gè)什么樣的網(wǎng)站；確定好名稱主題，用戶要表現(xiàn)的什么樣的主要內(nèi)容，即用戶的意圖，用戶想要從那個(gè)側(cè)面來(lái)表現(xiàn)他的主題。

網(wǎng)頁(yè)美工設(shè)計(jì)方法

大背景大圖片背景，是目前應(yīng)用最多的一種網(wǎng)頁(yè)呈現(xiàn)方式。將整張大圖片作為背景，不僅能產(chǎn)生強(qiáng)烈的視覺沖擊力，還可以對(duì)網(wǎng)頁(yè)內(nèi)容起到一個(gè)很好的補(bǔ)充，有效的突出品牌形象。

掌握技術(shù)：（1）基礎(chǔ)美術(shù)：素描(石膏幾何體、靜物寫生)；色彩(色彩構(gòu)成、簡(jiǎn)單色彩靜物寫生)。

設(shè)計(jì)要點(diǎn)：每一行文字的長(zhǎng)度最好20到30個(gè)中文字(40到60個(gè)英文字母)；行距與字距已由軟件內(nèi)定。

導(dǎo)出JPGGIFPNG等格式觀察效果。不要合層，盡量保持每個(gè)文字圖標(biāo)圖片都有獨(dú)立圖層，這樣在DIV CSS切圖時(shí)方便隱藏顯示切圖。

創(chuàng)意網(wǎng)頁(yè)美工設(shè)計(jì)技巧 小調(diào)整而非重設(shè)計(jì) 了解三分法的柵格的運(yùn)用方式之后，你還需要明白更重要的一點(diǎn)：三分法帶來(lái)的并非是一個(gè)無(wú)可挑剔的網(wǎng)頁(yè)設(shè)計(jì)架構(gòu)，而是一個(gè)用來(lái)微調(diào)現(xiàn)有設(shè)計(jì)的布局測(cè)試框架。

網(wǎng)站的配色 網(wǎng)站的布局 做美工設(shè)計(jì)的不單要對(duì)色彩要有好的感覺外，對(duì)布局也要有很好的把握，組合的好壞直接影響作品的效果。整體配色、字體、各模塊的間距、插圖、增減內(nèi)容等各個(gè)方面的敲著。

網(wǎng)頁(yè)設(shè)計(jì)模板-網(wǎng)頁(yè)模板如何制作

1、要制作網(wǎng)頁(yè)模板，要先懂得最基本的網(wǎng)頁(yè)制作方法。比如構(gòu)思好網(wǎng)站結(jié)構(gòu)之后，用網(wǎng)頁(yè)制作軟件《Dreamwearer》打邊框，設(shè)計(jì)框架和布局，然后插入圖片，輸入文字等媒體內(nèi)容。然后可以保存為模板。

2、首先進(jìn)入注冊(cè)頁(yè)面、注冊(cè)一個(gè)凡科帳號(hào)，第二，登錄后臺(tái)，開始“網(wǎng)站設(shè)計(jì)”第三，選擇網(wǎng)站模板，更改網(wǎng)站橫幅，網(wǎng)站內(nèi)容建設(shè)...第四，點(diǎn)擊“保存”，網(wǎng)站就制作完畢。

3、所謂“先大后小”，就是在制作網(wǎng)頁(yè)時(shí)，先設(shè)計(jì)大的結(jié)構(gòu)，再逐步完善小的結(jié)構(gòu)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)簡(jiǎn)單的內(nèi)容，再設(shè)計(jì)復(fù)雜的內(nèi)容，這樣出現(xiàn)問(wèn)題的時(shí)候就可以輕松修改。制作網(wǎng)頁(yè)時(shí)，要靈活使用模板，這樣可以大大提高制作效率。

4、如何制作網(wǎng)頁(yè)模板首先你要明白網(wǎng)頁(yè)制作的流程：網(wǎng)頁(yè)設(shè)計(jì)師（主要是用PS）先將網(wǎng)頁(yè)設(shè)計(jì)出來(lái)。進(jìn)行網(wǎng)頁(yè)制作，就是切片，div+css布局，將圖片變成網(wǎng)頁(yè)。后臺(tái)制作?？梢宰约洪_發(fā)，也可以套用cms，如dedecms，phpcms。

5、應(yīng)用網(wǎng)站模板制作網(wǎng)頁(yè)的兩種方式？用官方模板直接應(yīng)用，自己開發(fā)靜態(tài)網(wǎng)頁(yè)，把動(dòng)態(tài)語(yǔ)言自己添加進(jìn)去，這需要一定的編程能力。

6、接著在需要編輯的部分插入“可編輯區(qū)域”，操作如圖所示。保存后，我們就可以在網(wǎng)站根目錄下的“Templates”文件夾下看見我們剛剛新建的模板了。以后要修改模板的內(nèi)容就可以直接打開編輯了。

如何設(shè)計(jì)自己的網(wǎng)頁(yè)界面

1、所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。

2、要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后設(shè)計(jì)網(wǎng)站就越容易。

3、置界面于用戶的控制之下、減少用戶的記憶負(fù)擔(dān)、保持界面的一致性。簡(jiǎn)潔易用界面的簡(jiǎn)潔是要讓用戶便于使用、便于了解、并能減少用戶發(fā)生錯(cuò)誤選擇的可能性。

4、規(guī)則3：傾聽自己。方法2：方針踐行良好的用戶界面設(shè)計(jì)。建立一致的風(fēng)格。使可讀性最大化。使你的網(wǎng)站具有普遍的可讀性。測(cè)試你的網(wǎng)站。發(fā)布您的網(wǎng)站。

5、在任何空間或界面的不同層面，內(nèi)容的組織結(jié)構(gòu)和元素都是存在的，而視覺層面的內(nèi)容規(guī)劃和頁(yè)面層面的設(shè)計(jì)實(shí)際上是同一原則的設(shè)計(jì)，而中小學(xué)視覺藝術(shù)的點(diǎn)畫，頁(yè)面內(nèi)容的層面也分為小學(xué)和中學(xué)。

6、如何制作自己的網(wǎng)頁(yè) 自己制作網(wǎng)頁(yè)的具體方法如下：工具/原材料：Dreamweaver0。首先你要安裝Dreamweaver軟件，打開它啟動(dòng)它，然后點(diǎn)擊創(chuàng)建一個(gè)html頁(yè)面。設(shè)置表格中的行數(shù)和列數(shù)。