當前位置:首頁 » 網頁前端 » web頁面大小
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web頁面大小

發布時間: 2023-06-12 05:34:15

『壹』 Web 頁面採用多大的寬度最合適

Web 頁面採用多大的寬度最合適

網頁設計標准尺寸:
1. 800×600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2. 1024×768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612눯之間,就不會出現水平滾動條和垂直滾動條。
3. 在ps裡面做網頁可以在800×600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740×560左右。

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.
網頁的尺寸受限於兩個因素:一個是顯示器螢幕.顯示器現在種類很多,以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,應用最為廣泛的廣告條尺寸,用於頁首或頁尾。
八、88*31,主要用於網頁連結,或網站小型LOGO。
廣告形式 畫素大小 最大尺寸 備注
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
流媒體 300*200(可做不規則形狀但尺寸不能超過300*200) 30K 播放時間 小於5秒60幀(1秒/12幀)
網頁中的廣告尺寸
1.首頁右上,尺寸120*60
2.首頁頂部通欄,尺寸468*60
3.首頁頂部通欄,尺寸760*60
4.首頁中部通欄,尺寸580*60
5.內頁頂部通欄,尺寸468*60
6.內頁頂部通欄,尺寸760*60
7.內頁左上,尺寸150*60或300*300
8.下載地址頁面,尺寸560*60或468*60
9.內頁底部通欄,尺寸760*60
10.左漂浮,尺寸80*80或100*100
11.右漂浮,尺寸80*80或100*10

1.65主頻的cpu用多大的 顯示卡 最合適 還有 多大的記憶體 最合適

您好。 建議您 用128MB的顯示卡 和1G記憶體 本身您的CPU主頻就不是很高 如果用好點的顯示卡 和高點的記憶體 就浪費了

櫥櫃拉籃寬度選擇多大最合適?

櫥櫃拉籃一般是根據您家櫥櫃吃尺寸來定做的,深度42cm的常用櫥櫃拉籃尺寸:600櫃體為52.3*14cm,700櫃體為62.3*14cm,750櫃體為66.6*14cm,800櫃體為72.3*14cm等,深度45.5cm的常用櫥櫃拉籃尺寸(:600櫃體為56.5*20cm,700櫃體為66.5*20cm,750櫃體為71.5*20cm,800櫃體為76.5*20cm等

淘寶手機詳情頁面寬度到底多少最合適咧?

手機螢幕尺寸有大有小,寬度480 – 620畫素會比較合適。格式為JPGGIFPNG。當需要在圖片上新增文字時,中文字型大於等於30號字,英文和阿拉伯數字大於等於20號字。

4.2米寬的客廳用多大的電視最合適

電視距離適宜在3米左右,根據沙發到電視的距離來決定。
1.7米使用26英寸
2米使用32英寸
2.4米使用37英寸
2.5米使用40英寸
2.7米使用42英寸
3米使用46英寸
3.3米使用52英寸

用多大的魚缸養銀龍最合適

按尺寸來說 最小尺寸是一米 寬40 銀龍體長不得超過40 如果銀龍體長超過50 就建議一米二寬50以上的缸子養了 一米五 一米八 兩米都能養 越大越好唄

金毛用多大的狗窩最合適

如果你養的是金毛犬,那就更該如此了,要讓它知道,白天當然不用說,夜晚這就是它睡覺的地方,不許它想在哪兒睡就在哪兒睡。
對於金毛犬來說,給它指定了一個住處,讓它在想躺的時候也能隨便在那兒伸伸腰,也算比較自在。
狗屋沒必要十分講究,只要寬敞就好。其實用個紙箱子或者木箱子在上面鋪塊毛巾也行。若買商店裡賣的狗屋,則有條件在客人來訪前,事先將金毛犬關起來,的確很方便。
狗屋應放置在安靜、偏暗點兒的地方,最好選在冬暖夏涼、通風避曬之處,可能的話冬季和夏季應選在不同的地方。
也可以用鐵籠子代替狗屋
要是你們家足夠敞的話,也可以在屋裡准備一個鐵籠子,裡面同時可以放上便器和金毛犬睡覺的窩。有一種能摺疊的鐵籠子,可以很方便地拆運安裝,天氣好時還可以把金毛犬連籠子挪到院子里曬曬太陽。

中星九號用多大的鍋最合適

目前用小鍋接收中星9號的人佔百分之九十九以上,因為它上面有免費的46套央視及省級衛視節目。其它衛星如亞太5號、新天11符和韓星5號上面節目少,也沒有多大的收看價值。最小的小鍋直徑35厘米左右。 中星9號位於西南方向.應該影響不大。

86用多大輪胎最合適

1.抓地力增加。2。增加車身高度,3增加行車穩定性。4.油耗增加。5。對輪轂,內襯,轉向角度,有影響!

『貳』 1366*768的解析度,設計網頁尺寸是多大

無論電腦解析度或多或少,做網頁應該按照這個標准,只需要考慮web頁面的寬度,高度依賴於內容的布局。

現在大多數電腦方便的1280年,1366年,1440年,1660年,1920年,所以web頁面通常設計成一個新的帆布1920px寬,與核心內容控制在1280年,以確保大多數電腦打開網站,可以顯示所有的內容的網站。

(2)web頁面大小擴展閱讀:

1366:768解析度:18.5英寸16:9顯示

其他不同大小的普通屏幕的最佳解析度(最佳解析度可能因顯示器的大小而異)

監視器:1440x900(16:10)

20寸顯示器:1600x900(16:9)1600x1200(4:3)

21.5」顯示器:1920x1080(16:9)

22英寸顯示:1680x1050(16:10)1920x1080(16:9)1920x1200(16:10)

23「顯示器:1920x1080(16:9)1920x1200(16:10)」

23.6「顯示器:1920x1080(16:9)」

24英寸顯示:1920x1200(16:10)1920x1080(16:9)

『叄』 一般網頁的尺寸規范是多少

網站 首頁頁面寬度 px
Yahoo! 950
淘寶 950
MySpace 960
新浪 950
網易 960
Live Search 958
搜狐 950
優酷 960
AOL 960

隨著電腦的發展,顯示器是越來越大,解析度也是越來越高,為了照顧所有不同顯示器的用戶,把網站的製作尺寸規范就定在1024*768下,網頁寬度保持在1002-1004以內,高度還是以根據需要製作的內容在定,如果只想網頁只在一屏內顯示,不要上下滾動條, 一般高度是600-635像素之間, 就不會出現垂直滾動條。

在ps裡面做網頁可以在1003*600狀態下顯示全屏,頁面的下方也不會出現滑動條,尺寸為1003*650像素左右 。

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

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

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

網站頁面大小其實並沒有一個統一的標准,不過網站建設好之後要記得測試各瀏覽器的兼容性,很可能在IE沒問題的情況下,其他瀏覽器出現錯位的情況。

『肆』 web面板占整個瀏覽器大小

一、快捷鍵法:可以按住「Ctrl++」鍵,一步步進行調節。二、鼠鍵結合法:用滑鼠和鍵盤也能實現瀏覽器的寬屏設置,按住「Ctrl」鍵的同時向上滾動滑鼠滾輪。三、縮放按鈕調節:在瀏覽器的右下角顯示「XXX%」,單擊它會出現調節手柄,調節好手柄大小,勾選「縮放比例對所用網頁生效」。四、調節解析度:也可以把電腦的解析度,調節為1024X768。
將網頁內容占滿整個瀏覽器方法:一、快捷鍵法:打開網頁之後,發現自己的網頁在瀏覽器中的中央位置處,而兩邊是空白的,可以按住「Ctrl++」鍵,一步步進行調節。二、鼠鍵結合法:用滑鼠和鍵盤也能實現瀏覽器的寬屏設置,按住「Ctrl」鍵的同時向上滾動滑鼠滾輪,這樣也可以使頁面變成寬屏。三、縮放按鈕調節:在瀏覽器的右下角顯示「XXX%」,這就是瀏覽器頁面的縮放大小(各種瀏覽器的縮放不盡相同)。單擊它會出現調節手柄,調節好手柄大小,勾選「縮放比例對所用網頁生效」,現在就可以看到網頁已經寬屏了。四、調節解析度:也可以把電腦的解析度,調節為1024X768,這樣網頁也可以寬屏,但是字體有些「胖」(不建議使用)。

『伍』 WEB頁面大小如何更改

主頁開始是最大,可能是最大化狀態。
你打開IE後,將最大化變成正常狀態,然後調整窗口大小到合適後,馬上將窗口關閉。
再打開後,會顯示你最後一次調整窗口後的大小。

『陸』 web網頁設計尺寸標准(最小寬度/尺寸)

綜上所述,電腦屏幕解析度1024px,低於1024px則不再考慮,所以以上網站設計網站的最小寬度/尺寸小於1000px;

『柒』 Web網頁設計尺寸,到底選哪個

很多新手設計師都會面對一個問題,Web頁面尺寸寬度到底選哪個?

其實答案並不是固定的,可以做成1920,也可以做1280。黑客認為最重要的決定因素在於你自己的工作電腦解析度。

這是廣告公司AdDuplex送出的統計大數據

市面上的電腦屏幕尺寸多種多樣,不過大部分都集中在這幾種:

1920-1080:目前常用設備中最大的尺寸(Mac 5K屏除外)

1440-900:15寸MacBook Pro為代表,很多UI設計師首選

1366-768:普通的PC電腦

1280-800:13寸MacBook Pro為代表

在以上設備中,13寸和15寸Mac Book,雖然實際解析度非常大,但由於是Retina屏幕,視覺展示上還屬於以上范圍。

所以,網站的內容顯示寬度大部分都在1200px以內,確保小的電腦屏幕能顯示全網頁內容。更早的時候很多都是960px,不過由於屏幕越來越大,目前比較少。

在了解過電腦屏幕尺寸後,網頁設計尺寸(本文專指寬度,高度不限)選哪個也很清楚了:選哪個都不會錯。

事實上很多設計師是這么做的:用小於1920的屏幕去設計1920的網頁。

這樣設計沒錯,而且是很多培訓機構、學校的標準定義:網頁設計寬度尺寸是1920。

但是如果你用了這個神器的Sketch插件,就不會按照之前的結論來設計了。

以前黑客有介紹過。 點擊查看

設計師在做界面的過程中需要經常查看設計稿,以便及時修改設計細節。除非你用1920的屏幕可以設計1920尺寸,否則我們的設計尺寸和屏幕尺寸不相同,就會導致預覽的界面偏移,需手動調節居中。

如果設計的尺寸和屏幕尺寸保持一致,那麼插件預覽的效果就會完美,不用每次都要去調節。

本質上網頁設計尺寸選哪個都是正確的,關鍵在於怎麼方便、快捷地幫助我們預覽、展示設計稿。

在利用sketch插件頻繁預覽的前提下,黑客建議網頁設計尺寸等於你的工作電腦屏幕尺寸,這會節約你很多時間。在設計後台類的界面時,這個方法的優勢會更加明顯。

最後有一點需要注意,在進行切圖的時候,如果遇到全屏的圖,需要把切圖修改成1920,否則在1920電腦中切圖寬度會不足。不過到了切圖這一步,就屬於設計工作的後期了,我們只需要花點時間把對應切圖改成1920即可。

更多UI設計干貨文章請關注UI黑客

微信公眾號 uihacker

UI黑客官網 http://www.uihacker.com/

UI黑客論壇 http://bbs.uihacker.com/

『捌』 網頁設計合適的頁面尺寸是多少

網頁設計選用的解析度是72像素,使用的畫布尺寸1920px*1080px。但是並不意味著在整個畫布上進行設計,一般採用全屏展示和兩側留白的方式。
全屏展示,是整個網站看起來大氣一些,但是布局要合理安排,不然看起來有些傻大的感覺。
兩側留白是為了適配不同電腦屏幕的尺寸,能夠確保網站只是電腦站的時候一些筆記本電腦也能顯示全面網站的內容區域,內容限時區域在好控制在1000px-1200px。