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

　　簡單的HTML網(wǎng)頁設(shè)計如何制作

　　1、打開軟件，創(chuàng)建一個html頁面。

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

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

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

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

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

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

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

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

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

　　網(wǎng)頁設(shè)計的設(shè)計要點

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

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

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

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

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

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

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

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

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

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

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

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