網頁頁面尺寸一般設定多大才合適

2021-09-24 22:23:02 字數 2274 閱讀 9544

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.

網頁的尺寸受限於兩個因素:乙個是顯示器螢幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另乙個是瀏覽器軟體,就是我們常用的ie,遨遊,friefox等.

高度:

高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有乙個固定值,因為每個人的瀏覽器的工具欄不同,我見過有的瀏覽器工具欄被外掛程式佔了半個螢幕,所以高度沒有確切值。

寬度:

1、在ie6.0下,寬度為顯示器解析度減21,比如1024的寬度-21就變成1003。但值得注意的是ie6.0(或更低)無論你的網頁多高都會有右側的滾動條框。

2、在firefox下,寬度的分率辨減19。比如1024的寬度-19就變成1005

3、在opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001

注:firefox或opear在內容少於瀏覽器高度時不顯示右側滾動條。

所以如果是1024的解析度,你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點.也方便做一些浮動層的設計.

如果是800的解析度一般都設成770。但也有設成760的.

這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了外掛程式或者其他的東西寬度會有變化所以 800的解析度一般設定760左右,1024的設定990左右.

網頁設計標準尺寸:

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

標準網頁廣告尺寸規格

一、120*120,這種廣告規格適用於產品或新聞**展示。

二、120*60,這種廣告規格主要用於做logo使用。

三、120*90,主要應用於產品演示或大型logo。

四、125*125,這種規格適於表現**效果的影象廣告。

五、234*60,這種規格適用於框架或左右形式主頁的廣告鏈結。

六、392*72,主要用於有較多展示的廣告條,用於頁首或頁尾。

七、468*60,應用最為廣泛的廣告條尺寸,用於頁首或頁尾。

廣告形式 畫素大小 最大尺寸 備註

button 120*60(必須用gif) 7k

215*50(必須用gif) 7k

通欄 760*100 25k 靜態或減少運動效果

430*50 15k

超級通欄 760*100 to 760*200 共40k 靜態或減少運動效果

巨幅廣告 336*280 35k

585*120

豎邊廣告 130*300 25k

全屏廣告 800*600 40k 必須為靜態,flash格式

**混排 各頻道不同 15k

彈出視窗 400*300(盡量用gif) 40k

banner 468*60(盡量用gif) 18k

懸停按鈕 80*80(必須用gif) 7k

網頁中的廣告尺寸

1.首頁右上,尺寸120*60

2.首頁頂部通欄,尺寸468*60

3.首頁頂部通欄,尺寸760*60

4.首頁中部通欄,尺寸580*60

5.內頁頂部通欄,尺寸468*60

6.內頁頂部通欄,尺寸760*60

7.內頁左上,尺寸150*60或300*300

9.內頁底部通欄,尺寸760*60

10.左漂浮,尺寸80*80或100*100

11.右漂浮,尺寸80*80或100*100

一般名片的尺寸是多少

一,稿件部分 1 名片標準尺寸 90mmx54mm 90mmx50mm 90mmx45mm。但是加上出血上下左右各2mm,所以 製作尺寸必須設定為 94 x 58mm 94mmx54mm 94mmx48mm。2 如果您的成品尺寸超出一張名片的大小,請註明您要的正確尺寸,上下左右也是各2mm的出血。3...

一般跨域設定

如果你的api是在你自己的本機,或者區域網的伺服器,runapi也可以對其進行測試。測試前,你需要在api的伺服器上設定允許跨域。在伺服器返回api結果的時候,也順便返回三個允許跨域的http header,其結構如下 access control allow origin access contr...

nacos 共享配置一般設定

系統之間有相同的配置 如 db配置,日誌配置等,可以用下面方法載入 spring.cloud.nacos.config.ext config 0 data id db.yaml spring.cloud.nacos.config.ext config 0 group default group sp...