網(wǎng)頁(yè)有幾種格式，不同格式的網(wǎng)頁(yè)設(shè)計(jì)也會(huì)有所不同。HTML網(wǎng)頁(yè)算是最基礎(chǔ)的一種格式了。這類(lèi)網(wǎng)頁(yè)該如何設(shè)計(jì)呢？今天就讓faceui為大家介紹簡(jiǎn)單的HTML網(wǎng)頁(yè)設(shè)計(jì)如何制作，網(wǎng)頁(yè)設(shè)計(jì)的設(shè)計(jì)要點(diǎn)。

　　簡(jiǎn)單的HTML網(wǎng)頁(yè)設(shè)計(jì)如何制作

　　1、打開(kāi)軟件，創(chuàng)建一個(gè)html頁(yè)面。

　　2、點(diǎn)擊下方的居中圖標(biāo)使閃標(biāo)處于居中狀態(tài)。

　　然后點(diǎn)擊【表格】創(chuàng)建一個(gè)2行一列的表格，設(shè)置好寬度，以閱讀舒適度為主，圖例設(shè)置為800像素。

　　3、在表格第一行輸入文章的題目，圖例為【窮女人和她的小金絲鳥(niǎo)】，然后設(shè)置標(biāo)題字體和大小，一般會(huì)對(duì)標(biāo)題進(jìn)行居中和加粗文字操作；字體和大小使用標(biāo)簽，在標(biāo)題文字前后使用，參數(shù)調(diào)整到滿(mǎn)意為止。

　　4、將正文復(fù)制黏貼到表格第二行，在上方的標(biāo)題欄填寫(xiě)標(biāo)題。

　　5、接著為文章添加圖片增加美感，設(shè)置好圖片寬高；點(diǎn)擊圖片，在代碼中找到它的代碼，然后添加align參數(shù)，使圖文并排顯示。

　　圖片來(lái)源于網(wǎng)絡(luò)

　　6、點(diǎn)擊表格外的空白，在下方選擇頁(yè)面屬性，打開(kāi)后選擇背景，設(shè)置背景顏色，挑選好想要的背景顏色后，確定。

　　7、選擇左上角文件，選擇保存，保存后瀏覽一下網(wǎng)頁(yè)需要完善的地方，進(jìn)行修改完成一個(gè)網(wǎng)頁(yè)。

　　8、關(guān)于頁(yè)面顏色，如果你實(shí)在想顏色和背景一致，可以利用word文檔里的取色功能取色然后設(shè)置數(shù)值。

　　網(wǎng)頁(yè)設(shè)計(jì)的設(shè)計(jì)要點(diǎn)

　　1、確定網(wǎng)頁(yè)的整體風(fēng)格

　　在網(wǎng)頁(yè)設(shè)計(jì)上，首先設(shè)計(jì)者要將網(wǎng)頁(yè)的標(biāo)志LOGO，盡量的放在網(wǎng)頁(yè)最突出、最引人注目的位置上，然后你所設(shè)計(jì)的網(wǎng)頁(yè)要有突出的標(biāo)準(zhǔn)色彩，要有一句能夠反映你設(shè)計(jì)的網(wǎng)頁(yè)的精髓的宣傳標(biāo)語(yǔ)。最后網(wǎng)頁(yè)設(shè)計(jì)上相同類(lèi)型的圖像，效果要用相同的。例如網(wǎng)頁(yè)的標(biāo)題字一旦采用陰影效果，那么整個(gè)網(wǎng)頁(yè)出現(xiàn)的.標(biāo)題字都要設(shè)置陰影效果，達(dá)到一致的效果。

　　2、網(wǎng)頁(yè)設(shè)計(jì)上色彩的搭配

　　在網(wǎng)頁(yè)設(shè)計(jì)上，如果設(shè)計(jì)者只用一種色彩的話，那么設(shè)計(jì)者要先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣設(shè)計(jì)的網(wǎng)頁(yè)色彩比較一致，更富有層次感。如果設(shè)計(jì)者想在網(wǎng)頁(yè)上使用兩種色彩的話，那么就要先選定一種色彩，然后再選擇你所選定色彩的對(duì)比色。當(dāng)然在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)者也可以采用同一色系的色彩，所謂的同一色系就是色彩感覺(jué)相似，例如淡藍(lán)和淡黃，土黃和土灰這樣的色彩。

　　在網(wǎng)頁(yè)設(shè)計(jì)的配色中，設(shè)計(jì)者一定要避免將所有的顏色都用到，一般一個(gè)網(wǎng)頁(yè)的色彩要控制在三至五種。并且網(wǎng)頁(yè)的背景和前文的對(duì)比盡量小點(diǎn)，這樣能夠更好的突出主要文字內(nèi)容，還有圖案背景絕不可以選擇花紋繁復(fù)的。

　　圖片來(lái)源于網(wǎng)絡(luò)

　　3、網(wǎng)頁(yè)設(shè)計(jì)的工具

　　網(wǎng)頁(yè)設(shè)計(jì)在工具上的選擇也很關(guān)鍵，你知道網(wǎng)頁(yè)設(shè)計(jì)者最鐘愛(ài)的是哪款工具嗎?那就是dreamweave，它用與編輯HTML、ASP、JSP、PHP時(shí)的輔助工具。Frontpage 也不錯(cuò)，不過(guò)還是dreamweaver比較好用點(diǎn)。FLASH，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)有需要畫(huà)面流動(dòng)，那么它就是設(shè)計(jì)者們的首選，還有當(dāng)網(wǎng)頁(yè)有圖片搭配的需要的時(shí)候，那么就要選擇PS圖像處理軟件了，這款圖像處理軟件強(qiáng)大的功能，想必每個(gè)網(wǎng)頁(yè)設(shè)計(jì)者都離不開(kāi)它吧!

　　關(guān)于HTML網(wǎng)頁(yè)

　　HTML是一種超文本傳輸協(xié)議，規(guī)定了瀏覽器與服務(wù)端之間數(shù)據(jù)傳輸?shù)母袷?，是一種標(biāo)識(shí)性的代碼語(yǔ)言，它的中文翻譯是“超文本標(biāo)記語(yǔ)言”，主要是通過(guò)HTML標(biāo)簽對(duì)網(wǎng)頁(yè)中的文本、圖片、聲音等內(nèi)容進(jìn)行描述。HTML提供了許多標(biāo)簽，如段落標(biāo)簽、標(biāo)題標(biāo)簽、超鏈接標(biāo)簽、圖片標(biāo)簽等，網(wǎng)頁(yè)中需要定義什么內(nèi)容，就用相應(yīng)的HTML標(biāo)簽描述即可。

　　HTML之所以稱(chēng)為超文本標(biāo)記語(yǔ)言，不僅是因?yàn)樗ㄟ^(guò)標(biāo)簽描述網(wǎng)頁(yè)內(nèi)容，同時(shí)也由于文本中包含了超鏈接。通過(guò)超鏈接將網(wǎng)站、網(wǎng)頁(yè)以及各種網(wǎng)頁(yè)元素鏈接起來(lái)，構(gòu)成了豐富多彩的網(wǎng)站。

　　以上就是faceui為大家介紹的關(guān)于HTML網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)內(nèi)容。HTML網(wǎng)頁(yè)是網(wǎng)站設(shè)計(jì)的重要前提，了解HTML網(wǎng)頁(yè)設(shè)計(jì)對(duì)于提高自己的網(wǎng)頁(yè)設(shè)計(jì)能力和網(wǎng)站建設(shè)能力非常重要。