A. 一般網頁的尺寸規范是多少
網站 首頁頁面寬度 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沒問題的情況下,其他瀏覽器出現錯位的情況。
B. 網站頂部菜單欄尺寸是多少
網站頂部菜單欄尺寸一般是30px,50px或60px,這主要看你的需求了。網站頂部菜單欄尺寸你可以去看別的網站的菜單欄尺寸是多少,就弄多少就行了。
C. 網站設計時需要考慮各瀏覽器菜單欄所佔的高度嗎
肯定 不用考慮,瀏覽器菜單欄!
頁面高度 不用考慮 ,因為有滾動條 ,頁面可以無限長度!
只需要定好寬度 便可以 , 參考: 可以去 主流網站 例如 某寶 ,某東,某博 等門戶網站 !
利用開發者工具 F12 查看 頁面最大元素寬度!
您是 做平面設計的吧??
如果 只顯示一屏幕! 你的設計搞 就先按照你的電腦解析度高度 設計!因為 無論你怎麼設計 ,用戶在瀏覽網頁的時候 窗口大小 是未知的!
後期 前端 會利用 javascript 語言 監聽瀏覽器寬高 ,自適應 網頁內容!
也可以用css 設置 html,body{ width:100%; height:100%; }
然後內容 用百分比 布局,或 用媒體查詢 @media 控制瀏覽器 頁面的內容
javascript監聽瀏覽器 寬高 代碼:
window.onresize=function(){
varcurheight=document.documentElement.clientHeight||document.body.clientHeight;
varcurwidth=document.documentElement.clientWidth||document.body.clientWidth;
console.log(curheight,curwidth)
}
D. 製作網頁時,網頁頂端的廣告欄大小一般是多少*多少
網頁中的廣告尺寸
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*100
E. 製作網頁,如何去掉瀏覽器的頭部及地址欄
<script LANGUAGE="JavaScript">
<!--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //寫成一行
}
//-->
</script>
<a herf=aaaa.aspx> 改成
<a herf="#" onclick="openwin()">
參數解釋:
<SCRIPT LANGUAGE="javascript"> js腳本開始;
window.open 彈出新窗口的命令;
'page.html' 彈出窗口的文件名;
'newwindow' 彈出窗口的名字(不是文件名),非必須,可用空''代替;
height=100 窗口高度;
width=400 窗口寬度;
top=0 窗口距離屏幕上方的象素值;
left=0 窗口距離屏幕左側的象素值;
toolbar=no 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態欄內的信息(通常是文件已經打開),yes為允許;
</SCRIPT> js腳本結束
F. 網頁設計,一般最少要設置多少高度
大概的高度為:
Window XP首屏大小580 px
Window 7 首屏大小710 px
具體原因如下:
一個網頁的尺寸設置和瀏覽器與系統的尺寸大為相關,我們不可能滿足所以用戶的最佳尺寸,但我們能做的是讓絕大多少用戶感覺是最佳的。
系統解析度統計:
對大於30W台客戶端用戶進行測試,得到的測試數據如下(數據來源於網路):
G. 如何獲取元素距離頁面頂部的高度
1、首先在html頁面上,看到有一個按鈕,要獲得這個按鈕離頂部的距離。
H. 網站頁面大小
1024*768 800*600網頁設計頁面大小網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.
網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以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
I. 設計網站的時候想要沾滿所有瀏覽器的位置,寬度應設置多高
一般設置:
body,html{
margin:0auto;/*去掉瀏覽器預留變外邊距*/
padding:0;
width:100%;/*一般設置百分比都能占滿寬度*/
height:100%;
}
高度方面可能會有漏掉的,因為可以下拉,待驗證。
J. 網頁設計,一般最少要設置多少高度
大概的高度為:
Window XP首屏大小580 px
Window 7 首屏大小710 px
具體原因如下:
一個網頁的尺寸設置和瀏覽器與系統的尺寸大為相關,我們不可能滿足所以用戶的最佳尺寸,但我們能做的是讓絕大多少用戶感覺是最佳的。
系統解析度統計:
對大於30W台客戶端用戶進行測試,得到的測試數據如下(數據來源於網路):