導航:首頁 > 萬維百科 > 大背景類型的網站設計

大背景類型的網站設計

發布時間:2020-09-21 07:41:20

1、如何用CSS實現大背景網頁設計

描述的不夠清楚,我暫且認為是就是整個頁面有背景了
那就很簡單了,直接給body一個背景色就可以了
body{bacground:red}
這樣整個頁面變成紅色了,只是舉例說明
當然還可以弄一個漸變圖片從上往下,然後x方向上平鋪,也可以

2、常見的幾種網站設計風格

網站建設中網頁布局大致可分為:「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等,以下分別論述:

1、國字類型:也被稱為同字型,頂部是網站的標題、橫幅廣告條,然後是網站的主體內容個,而左右分別是一些比較小的內容條,中間就是主要內容,最底部是網站的一些基本信息、聯系方式、版權聲明等。這也是現在網上見到的差不多最多的一種結構類型;

2、拐角型:這種類型其實與國字型很相近的,只是在形式上不一樣,最上面的部分是網站的標題以及網站的橫幅廣告條,一種很常見的類型是最上面是標題及廣告,左側是導航鏈接;

3、標題正文類型:上面是網站的標題,或者是類似的東西,接著就是網站的正文內容,例如是一些文章或者是注冊登錄頁面;

4、左右框架類型:這是一種左右為分別兩頁的框架結構,一般布局是:左邊是導航鏈接,最上面有時是一個小的標題或標致,而右面就是主要內容,最常使用是論壇網站,企業網站中的內頁有很多是採用這種布局方式的;這種類型的布局的特點是結構清晰明了;

5、上下框架類型:與左右框架類型類似,只是這種類型是上下兩頁的框架;

6、綜合框架類型:其實就是左右框架類型和上下框架類型的結合體;

7、封面型:這種類型基本上是出現在一些網站的首頁,多是精美平面結合小動畫,再加幾個簡單鏈接或僅是一個「進入」鏈接或無任何提示;

8、Flash型:其實這與封面型結構是類似的,採用了目前非常游戲行的Flash,與封面型不同的是,由於Flash強大的功能,頁面所表達的信息更豐富,其視覺效果及聽覺效果如果處理得當,絕不差於傳統的多媒體;

9、變化型:即上面幾種類型的結合與變化,但所實現的功能的實質是那種上、左、右結構的綜合框架型;

3、網站大背景如何修改?

這是修改背景色的。實現網頁背景色,可以通過以下三步來實現。1、在DW中,可以輕松點擊頁面屬性來增加或修改網頁背景色。2、可以通過CSS樣式表來控制網頁的背景色。在樣式表body區域中寫入如下代碼:background-color: 你需要的顏色這里一定要注意,代碼要寫在body區域中,才會有效。另外,可以根據你需要的顏色,如#0000FF、#FFFF00、#000000等。3、通過背景圖片來實現不同風格的背景色。用單一的顏色表示背景色,往往顏色會很單一。現在,只要你設計一張你自己想要的圖片,就可以讓這張圖片成為背景色了。代碼是這樣的background-image: url(圖片路徑/image.gif)這里的image.gif就是你設計的圖片,當然,也可以是jpg格式的,但一般為了網頁載入快速,還是用gif的好一些,另外,圖片不能太大,一般在10k以下最為適宜。做好圖片,上傳至空間,正確填寫圖片路徑,背景色就顯示了。現在試試看,是不是這樣啊。如果不能顯示,多數是路徑錯誤,仔細檢查一下。現在對比一下,增加背景色前後,你的網站整體風格是不是大有不同呢。事實往往就是這樣,一個小小的細節就能改變整體風格。

4、一般做網頁設計背景尺寸定多大?

網頁的背景多大要看對網頁的要求的,
網頁設計標准尺寸:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象.
頁面標准按800*600解析度製作,實際尺寸為778*434px
頁面長度原則上不超過3屏,寬度不超過1屏
每個標准頁面為A4幅面大小,即8.5X11英寸
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
另外120*90,120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K

5、一般網頁設計背景尺寸是多少?

網頁的背景多大要看對網頁的要求的,
網頁設計標准尺寸:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象.
頁面標准按800*600解析度製作,實際尺寸為778*434px
頁面長度原則上不超過3屏,寬度不超過1屏
每個標准頁面為A4幅面大小,即8.5X11英寸
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
另外120*90,120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K
希望幫到你~~

6、總結網站設計的幾種版面布局形式

網站設計中.新鮮和個性是布局的最高境,能加強視覺效果。
1、T結構布局,就是指頁面頂部為橫條網站標志+廣告條,下方左面為主菜單,右面顯示內容的布局,因為菜單條背景教深,整體效果類似英文字母T,這是網頁設計中用的最廣返的一種布局方式。
這種布局的優點是頁面結構清晰,主次分明。是初學者最容易上手的布局方法。缺點是規矩呆板,如果細節色彩上不注意,很容易讓人看之無味。
2、口型布局。就是頁面一般上下各有一個廣告條,左面是主菜單,右面放友情連接等,中間是主要內容。
這種布局的優點是充分利用版面,信息量大。缺點是頁面擁擠,不夠靈活。也有將四邊空出,只用中間的窗口型設計,例如網易壁紙站。
3、三型布局。這種布局多用於國外站點,國內用的不多。特點是頁面上橫向兩條色塊,將頁面整體分割為四部分,色塊中大多放廣告條。
4、對稱對比布局,採取左右或者上下對稱的布局,一半深色,一半淺色,一般用於設計型站點。優點是視覺沖擊力強,缺點是將兩部分有機的結合比較困難。
5、POP布局。POP引自廣告術語,就是指頁面布局象一張宣傳海報,以一張精美圖片作為頁面的設計中心。常用於時尚類站點。優點:漂亮吸引人。缺點就是速度慢。作為版面布局還是值得借鑒的。

7、網站風格有哪些?

網站簡單的可以分為:功能型和展示型
功能型:網站在美工設計上可能不適合大塊圖片,在數據功能上比較強,比如:搜索、會員注冊。一般企業網、購物網、大型門戶、交友網等。
展示型:追求視覺上的美麗,對功能要求不高,在美工上、設計上要有強烈的視覺感。這種網站一般屬於:美容業、女性用品、服飾等。

8、網站設計風格主要體現在哪幾個方面

網站簡單的可以分為:功能型和展示型

功能型:網站在美工設計上可能不適合大塊圖片,在數據功能上比較強,比如:搜索、會員注冊。一般企業網、購物網、大型門戶、交友網等。

展示型:追求視覺上的美麗,對功能要求不高,在美工上、設計上要有強烈的視覺感。這種網站一般屬於:美容業、女性用品、服飾等。
可以是企業展示網站、企業宣傳網站、門戶網站、電子商務、社交交友、綜合型網站等等。
1、將你的標志logo,盡可能的放在每個頁面上最突出的位置。

2、突出你的標准色彩。

3、總結一句能反映貴站精髓的宣傳標語!

4、相同類型的圖像採用相同效果,比如說標題字都採用陰影效果,那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的!

二、網頁色彩的搭配  

無論是平面設計,還是網頁設計,色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或者是美麗的圖片,而是網頁的色彩。在此告訴大家一些網頁配色時的小技巧。

1、用一種色彩。這里是指先選定一種色彩,然後調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感。

2、用兩種色彩。先選定一種色彩,然後選擇它的對比色。

3、用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。

在網頁配色中,還要切記一些誤區:  

1、不要將所有顏色都用到,盡量控制在三至五種色彩以內。

2、背景和前文的對比盡量要大,(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。

現在是眼球經濟時代,什麼都要靠包裝。你的網站設計的不好看,也無法引起用戶的興趣。我想誰都不喜歡看那些亂七八糟的網站,進去之後看不到網站主題,看不到主要內容,也找不到我們想要的信息。成功網站的第一步,就是從設計開始做起。
一、確定網站的整體風格
網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網站,在這里,提供給大家一些參考經驗:
1、將你的標志logo,盡可能的放在每個頁面上最突出的位置。

2、突出你的標准色彩。

3、總結一句能反映貴站精髓的宣傳標語!

4、相同類型的圖像採用相同效果。

二、網頁色彩的搭配  

無論是平面設計,還是網頁設計,色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或者是美麗的圖片,而是網頁的色彩。在此告訴大家一些網頁配色時的小技巧。

1、用一種色彩。這里是指先選定一種色彩,然後調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感。

2、用兩種色彩。先選定一種色彩,然後選擇它的對比色。

3、用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。

在網頁配色中,還要切記一些誤區:  

1、不要將所有顏色都用到,盡量控制在三至五種色彩以內。

2、背景和前文的對比盡量要大,(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。

9、網站大背景如何修改?

這是修改背景色的。
實現網頁背景色,可以通過以下三步來實現。
1、在DW中,可以輕松點擊頁面屬性來增加或修改網頁背景色。
2、可以通過CSS樣式表來控制網頁的背景色。在樣式表body區域中寫入如下代碼:background-color:
你需要的顏色這里一定要注意,代碼要寫在body區域中,才會有效。另外,可以根據你需要的顏色,如#0000FF、#FFFF00、#000000等。
3、通過背景圖片來實現不同風格的背景色。用單一的顏色表示背景色,往往顏色會很單一。現在,只要你設計一張你自己想要的圖片,就可以讓這張圖片成為背景色了。代碼是這樣的background-image:
url(圖片路徑/image.gif)這里的image.gif就是你設計的圖片,當然,也可以是jpg格式的,但一般為了網頁載入快速,還是用gif的好一些,另外,圖片不能太大,一般在10k以下最為適宜。做好圖片,上傳至空間,正確填寫圖片路徑,背景色就顯示了。現在試試看,是不是這樣啊。如果不能顯示,多數是路徑錯誤,仔細檢查一下。
現在對比一下,增加背景色前後,你的網站整體風格是不是大有不同呢。事實往往就是這樣,一個小小的細節就能改變整體風格。

與大背景類型的網站設計相關的知識