本文目錄一覽：

• 1、網(wǎng)頁(yè)制作的一般流程
• 2、網(wǎng)頁(yè)web設(shè)計(jì)應(yīng)該如何排版?
• 3、如何設(shè)計(jì)網(wǎng)頁(yè)
• 4、網(wǎng)頁(yè)設(shè)計(jì)師的色彩搭配方案
• 5、怎么樣制作網(wǎng)頁(yè)?
• 6、【轉(zhuǎn)】網(wǎng)頁(yè)設(shè)計(jì)中的字體相關(guān)

網(wǎng)頁(yè)制作的一般流程

1、材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。

2、一般制作自己的網(wǎng)頁(yè)的流程有如下步驟。主題架構(gòu)網(wǎng)站內(nèi)容主題及操作界面，先要想好。制作工具準(zhǔn)備制作網(wǎng)頁(yè)的工具、圖片制作工作、網(wǎng)絡(luò)工具等。dreamweaver、frongpage、PS是比較常用的。

3、既然是想自己制作一個(gè)網(wǎng)站，那么在開(kāi)始之前心中應(yīng)該就對(duì)網(wǎng)站內(nèi)容的主題有一個(gè)大概的方向。確立網(wǎng)站主題比較重要的，網(wǎng)站主題的選取決定著網(wǎng)頁(yè)制作的內(nèi)容方向的把握，主題只要是感興趣的就行。

4、網(wǎng)頁(yè)設(shè)計(jì)流程的第一步就是要弄清楚網(wǎng)頁(yè)設(shè)計(jì)的任務(wù)設(shè)計(jì)的任務(wù)：設(shè)計(jì)是一種審美活動(dòng)，成功的設(shè)計(jì)作品一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段，而并非設(shè)計(jì)的任務(wù)。設(shè)計(jì)的任務(wù)是要實(shí)現(xiàn)設(shè)計(jì)者的意圖，而并非創(chuàng)造美。

5、首先下載安裝Dreamweaver，打開(kāi)后，新建一個(gè)網(wǎng)頁(yè)，一般選擇“HTML”建立網(wǎng)頁(yè)。選擇“經(jīng)典”界面，有助于我們更便捷使用這個(gè)軟件。

網(wǎng)頁(yè)web設(shè)計(jì)應(yīng)該如何排版?

1、首先下載安裝Dreamweaver，打開(kāi)后，新建一個(gè)網(wǎng)頁(yè)，一般選擇“HTML”建立網(wǎng)頁(yè)。選擇“經(jīng)典”界面，有助于我們更便捷使用這個(gè)軟件。

2、在制作網(wǎng)頁(yè)的時(shí)候，使用簡(jiǎn)潔美觀的圖文排版，保證文字和圖片之間沒(méi)有不和諧的地方，這樣制作出來(lái)的網(wǎng)頁(yè)才會(huì)吸引更多的訪問(wèn)者。

3、減少使用不同類(lèi)型的字體 不要用太多字體，只會(huì)破壞你的布局。為了避免上述情況，盡量將字體數(shù)量限制在最低限度。一般兩種字體就夠了，一種就夠了。使用標(biāo)準(zhǔn)字體 用戶(hù)更熟悉標(biāo)準(zhǔn)字體，因此可以快速閱讀。

4、利用布局視圖進(jìn)行排版：在DreamweaverMX2004中有專(zhuān)門(mén)的布局視圖，我們初學(xué)網(wǎng)頁(yè)設(shè)計(jì)時(shí)可以使用它進(jìn)行排版。

如何設(shè)計(jì)網(wǎng)頁(yè)

色彩的運(yùn)用：設(shè)計(jì)應(yīng)考慮到網(wǎng)頁(yè)的適應(yīng)性，應(yīng)盡量使用網(wǎng)頁(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ǎng)頁(yè)主題在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)之前，應(yīng)該提前明確網(wǎng)頁(yè)的主題，只有主題明確的網(wǎng)頁(yè)才能夠有著更清晰的設(shè)計(jì)思路。

確定網(wǎng)頁(yè)主題和目標(biāo)受眾 在開(kāi)始制作網(wǎng)頁(yè)之前，首先要明確網(wǎng)頁(yè)的主題和目標(biāo)受眾。這將幫助站長(zhǎng)選擇合適的設(shè)計(jì)風(fēng)格、布局和內(nèi)容。設(shè)計(jì)網(wǎng)頁(yè)布局 網(wǎng)頁(yè)布局是網(wǎng)頁(yè)的骨架，包括頁(yè)眉、導(dǎo)航欄、主要內(nèi)容區(qū)域、側(cè)邊欄和頁(yè)腳等部分。

建立企業(yè)網(wǎng)站 平臺(tái)將根據(jù)企業(yè)自身形象的需要，提供與企業(yè)相對(duì)應(yīng)的網(wǎng)站模板供企業(yè)選擇，通過(guò)自助建站系統(tǒng)賬號(hào)登錄到網(wǎng)頁(yè)制作平臺(tái)界面，根據(jù)建站平臺(tái)的提示，選擇企業(yè)網(wǎng)站的行業(yè)和類(lèi)型，確定行業(yè)和類(lèi)型。

如果不想漫無(wú)目的的建網(wǎng)站，又想保證網(wǎng)頁(yè)的質(zhì)量，就要做好這一步。 第二，設(shè)計(jì)網(wǎng)頁(yè)界面 現(xiàn)在千千的網(wǎng)頁(yè)成千上萬(wàn)，但是所有好的網(wǎng)頁(yè)都有自己的特色，這些都取決于網(wǎng)頁(yè)設(shè)計(jì)。

做網(wǎng)頁(yè)，首先要對(duì)自己的網(wǎng)頁(yè)有一個(gè)整體的規(guī)劃。建一個(gè)什么樣的網(wǎng)站，網(wǎng)站主色調(diào)用什么顏色，版面設(shè)計(jì)用什么樣的方式等等。都需要一個(gè)好的計(jì)劃。做任何事情都不能盲目，漫無(wú)目的，這樣只會(huì)浪費(fèi)時(shí)間和精力。

網(wǎng)頁(yè)設(shè)計(jì)師的色彩搭配方案

1、選擇色輪上相鄰的顏色。這種類(lèi)型的配色方案用于不需要對(duì)比度的設(shè)計(jì)，包括web或banner的背景。高對(duì)比搭配 選擇色輪上對(duì)立面的顏色混合。該方案與相鄰色和單色相反，旨在產(chǎn)生高對(duì)比度。例如：藍(lán)色背景上的橙色按鈕非常吸睛。

2、冷色色彩搭配：冷色色彩搭配是指使用綠色、藍(lán)色及紫色等色彩的搭配，這種色彩搭配可為網(wǎng)頁(yè)營(yíng)造出寧?kù)o、清涼和高雅的氛圍。冷色點(diǎn)色彩與白色搭配一般會(huì)獲得較好的視覺(jué)效果。

3、粉色、黃色、藍(lán)色，明亮的色調(diào)，吸引充滿活力的年輕人。他們熱愛(ài)極具個(gè)性，且熱愛(ài)生活。這樣的色彩設(shè)計(jì)，正符合他們的品味。需要視覺(jué)上有沉穩(wěn)感、專(zhuān)業(yè)感，深藍(lán)色與灰白色的組合非常合適。簡(jiǎn)潔的設(shè)計(jì)，讓這個(gè)網(wǎng)站更現(xiàn)代。

4、搭配：黃色在網(wǎng)頁(yè)配色中使用最為廣泛的顏色之一，黃色與其他顏色配合很活潑，有溫暖感，代表快樂(lè)、希望、智慧和輕快。黃色比較適合活潑跳躍、色彩絢麗的配色方案。

怎么樣制作網(wǎng)頁(yè)?

1、要注冊(cè)網(wǎng)站域名，購(gòu)買(mǎi)或者租用到網(wǎng)站的空間。上傳內(nèi)容，上傳圖文和視頻等內(nèi)容就可以創(chuàng)建自己的網(wǎng)站了?，F(xiàn)在市場(chǎng)上很多各式各樣的網(wǎng)站搭建工具，網(wǎng)站制作平臺(tái)，任意找一個(gè)自己用起來(lái)易上手的工具即可。

2、制作網(wǎng)頁(yè)最簡(jiǎn)單的方法如下：注冊(cè)工具平臺(tái)賬號(hào) 企業(yè)網(wǎng)頁(yè)制作離不開(kāi)相關(guān)工具的幫助。然而，使用自助建站系統(tǒng)可以避免網(wǎng)站制作工具的下載，并直接在線生產(chǎn)企業(yè)網(wǎng)站。

3、怎樣制作網(wǎng)頁(yè)先說(shuō)說(shuō)目前網(wǎng)頁(yè)制作流行的三類(lèi)作法： 使用像Dreamweaver、Fontpage一樣的所見(jiàn)即所得的網(wǎng)頁(yè)編輯軟件。Fontpage較容易些，會(huì)操作Word就會(huì)使用它。

4、步驟一：準(zhǔn)備工作 怎樣做網(wǎng)頁(yè)制作，第一步必須要有自己的計(jì)劃，要明確自己設(shè)計(jì)網(wǎng)頁(yè)的目的，也就是我們需要通過(guò)網(wǎng)頁(yè)告訴大家什么，然后把我們想要告訴大家的內(nèi)容列一個(gè)總目錄，該文件夾的名字需要命名為：/html。

5、既然是想自己制作一個(gè)網(wǎng)站，那么在開(kāi)始之前心中應(yīng)該就對(duì)網(wǎng)站內(nèi)容的主題有一個(gè)大概的方向。確立網(wǎng)站主題比較重要的，網(wǎng)站主題的選取決定著網(wǎng)頁(yè)制作的內(nèi)容方向的把握，主題只要是感興趣的就行。

6、如何在電腦上制作網(wǎng)頁(yè)？首先，我們要打開(kāi)DW，新建一個(gè)html文檔。新建后會(huì)出現(xiàn)一個(gè)界面，如下圖。里面的代碼都是自動(dòng)生成的。然后在上面打上標(biāo)題，如下圖。

【轉(zhuǎn)】網(wǎng)頁(yè)設(shè)計(jì)中的字體相關(guān)

1、Lucida Grande是Mac OS UI的標(biāo)準(zhǔn)字體，屬于humanist風(fēng)格，稍微活潑一點(diǎn)。Mac下的顯示要比Win下好。Verdana：專(zhuān)門(mén)為了屏顯而設(shè)計(jì)的字體，humanist風(fēng)格，在小字號(hào)下仍可以清楚顯示，但是字體細(xì)節(jié)缺失嚴(yán)重，最好別做標(biāo)題。

2、微軟雅黑系列：在網(wǎng)頁(yè)設(shè)計(jì)中這款字體使用的非常平凡，這款只無(wú)論是放大還是縮小，形體都非常的規(guī)整舒服。在設(shè)計(jì)過(guò)程中建議多使用雅黑，大標(biāo)題用加粗字體，正文用常規(guī)字體。

3、本文將介紹網(wǎng)頁(yè)設(shè)計(jì)中字體的使用規(guī)范，幫助讀者更好地了解如何使用字體。字體種類(lèi)不要超過(guò)三種在單個(gè)頁(yè)面中，不要使用超過(guò)三種以上的字體。這樣可以使頁(yè)面看起來(lái)更加整潔，避免字體混亂的情況出現(xiàn)。

4、常用默認(rèn)字體主要有：中文：宋體，微軟雅黑，華文黑體黑體（無(wú)狀態(tài)）宋體：Win最常見(jiàn)的字體，小字體點(diǎn)陣，大字體TrueType，但是大字體并不好看，所以最好別做標(biāo)題。