現(xiàn)在是一個網(wǎng)絡(luò)的時代,很多信息和資訊人們都是通過網(wǎng)絡(luò)來了解的,網(wǎng)頁在我們的生活中使用的頻率也是越來越高,不知道大家有沒有注意到,很多網(wǎng)頁的顏色做的很好看,一起看看怎么設(shè)計網(wǎng)頁的背景顏色。
網(wǎng)頁的背景色和背景圖選擇得好,會是頁面增色不少。網(wǎng)頁顏色設(shè)計過程中,如果選取單一的背景色,難免顯得單調(diào),如果選擇整個圖片做背景,由于圖片本身的文件大,造成網(wǎng)頁的加載時間長,一般用戶很難有耐性等待下去。網(wǎng)頁中的背景設(shè)計是相當(dāng)重要的,尤其是對于個人主頁來說,一個主頁的背景就相當(dāng)于一個房間里的墻壁地板一樣,,好的背景不但能影響訪問者對網(wǎng)頁內(nèi)容的接受程度,還能影響訪問者對整個網(wǎng)站的印象。那么帶背景的網(wǎng)頁是如何制作出來的?
很簡單,一般是采用一幅很小的圖片,然后鋪展開,形成很漂亮的背景。對背景圖的要求當(dāng)然是越漂亮越好,文件越小越好。
怎么設(shè)計網(wǎng)頁的背景顏色?
打開Adobe Dreamweaver,新建一個HTML網(wǎng)頁文件。
網(wǎng)頁的一般結(jié)構(gòu),首先是DOCTYPE聲明,然后是頭部標(biāo)簽,文檔的主體標(biāo)簽,我們需要設(shè)置網(wǎng)頁背景,直接設(shè)置標(biāo)簽的背景就行了。
點擊右邊的所有規(guī)則,新建一條規(guī)則,在彈出的界面,選擇器類型為標(biāo)簽選擇器,選擇器名稱為body,然后點擊確認(rèn)。
在CSS規(guī)則里面選擇背景,在“background-color”里面選擇一種顏色作為網(wǎng)頁背景色,然后點擊確認(rèn)。
然后點擊在瀏覽器調(diào)試,查看網(wǎng)頁背景。
網(wǎng)頁不僅僅可以用顏色作為背景,還可以用圖片作為網(wǎng)頁背景,打開剛才新建的規(guī)則,繼續(xù)選擇背景,“background-image”選項后面有瀏覽按鈕,將作為背景的圖片選擇好,然后點擊確認(rèn)。
然后在調(diào)試網(wǎng)頁,查看網(wǎng)頁的背景,圖片已經(jīng)作為網(wǎng)頁的背景顏色了。
(圖片來自網(wǎng)絡(luò))
如何搭配網(wǎng)頁設(shè)計的背景顏色?
黑,白色 是最常用的顏色; 另外,使用與網(wǎng)站整體風(fēng)格相反的顏色(對比色)
怎么設(shè)計網(wǎng)頁的背景顏色?
第一步, 在桌面上點擊鼠標(biāo)右鍵,依次點擊“屬性”、“外觀”、“高級”按鈕。
第二步, 在打開的“高級”對話框中,在“項目”下拉列表里選擇“窗口”。
第三步, 再打開右邊對應(yīng)的“顏色”列表,選擇其中的“其他”一項,在打開的對話框里,把“色調(diào)”的參數(shù)設(shè)置為85,把“飽和度”參數(shù)設(shè)置為90,把“亮度”參數(shù)設(shè)置為205。再點擊“確定”退出設(shè)置。
第四步,打開ie瀏覽器,選擇“工具”欄中的“internet選項”,點擊“輔助功能”按鈕,在“不使用網(wǎng)頁中指定的顏色”前打鉤。
全部步驟完成后,網(wǎng)頁、文件夾、文本文檔里的背景顏色都變成了綠色。其中,色調(diào)、飽和度和亮度的參數(shù)值,還可以根據(jù)個人的喜好稍作修改,讓自己用電腦的候最舒服。
(圖片來自網(wǎng)絡(luò))
現(xiàn)在我們經(jīng)常使用網(wǎng)頁來查詢自己需要的資料,要是都是單一的顏色難免會覺得有些單調(diào),很多網(wǎng)頁現(xiàn)在已經(jīng)顏色多樣化了。以上就是關(guān)于怎么設(shè)計網(wǎng)頁的背景顏色的全部內(nèi)容。