Ⅰ 一般做網頁設計背景尺寸定多大
網頁的背景多大要看對網頁的要求的。
網頁設計標准尺寸:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間,就不會出現水平滾動條和垂直滾動條。
為了做到主題鮮明突出,要點明確,應該使配色和圖片圍繞預定的主題;調動一切手段充分表現網站點的個性和情趣,辦出網站的特點。
專業的網頁設計,需要經歷以下幾個階段:
需要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,從而建立起營銷模型。
以業務目標為中心進行功能策劃,製作出欄目結構關系圖。
以滿足用戶體驗設計為目標,使用axure rp或同類軟體進行頁面策劃,製作出交互用例。
以頁面精美化設計為目標,使用ps、AI等軟體,調整,使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。
根據用戶反饋,進行頁面設計調整,以達到最優效果。
以上內容參考:網路-網頁設計
Ⅱ 網頁設計中頁面尺寸標准
對於固定寬度的網站布局,設計師常用的解析度有:760px、780px、920px、950px等,如今大尺寸、寬屏行棚幕的顯示器越來越多,越來越普及,有些設計師羨碧也開始採用1000px、1003px這樣的解析度。
頁面最大化、滿屏化的網站看著的確是舒服,但過高的解析度在設計師顯示器上合適,並不代表在瀏覽者的顯示器上也合適。現在用的最多的解析度還是1024×768,在這種解析度下,含滾動條的頁面最大寬度應不超過994px,所以一般頁面寬度定位在990px以內比較適宜。
這一講主要來說說網頁設計的標准尺寸
一、在800×600解析度下,頁面寬度應在778px以內,這樣不會出現橫向滾動條,高度可以依據版面和內容而定。
二、在1024×768解析度下,檔派則頁面寬度應在1003px以內,如果僅一屏顯示的頁面,高度在612px~615px之間,這樣橫向和縱向滾動條都不會出現。
三、在photoshop中做800×600解析度下僅一屏的網頁時,尺寸可以設為740×560左右。
頁面標准按800×600解析度製作,尺寸為778px×434px
頁面長度一般不要超過三屏,寬度不宜出現橫向滾動條為宜
每個標准頁面為A4幅面大小,即8.5×11英寸
全尺寸banner為468px×60px,半尺寸banner為234px×60px,小banner為88px×31px
小圖標的標准尺寸還有120px×90px、120px×60px等
每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不宜超過14k
標准網頁廣告尺寸規格
1、120×120,這種廣告規格適用於產品或新聞照片展示。
2、120×60,這種廣告規格主要用於做LOGO使用。
3、120×90,主要應用於產品演示或大型LOGO。
4、125×125,這種規格適於表現照片效果的圖像廣告。
5、234×60,這種規格適用於框架或左右形式主頁的廣告鏈接。
6、392×72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。
7、468×60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。
8、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×100
以上幾種說法可能有點小的出入,大家可以探討一下。
拓展閱讀:網頁設計防止頁面被撐開的方法
一、直接在網頁里設置圖片大小,比如代碼:img src="/uploads/allimg/200907/20090701160532188.jpg" width="600" height="500" border="0",這樣雖然可以限制了圖片大小,但是需要在上傳圖片之前手動修改圖片大小,否則上傳的圖片就會變形。
二、使用如下代碼:img src="/uploads/allimg/200907/20090701160532188.jpg" onload="javascript:if(this.width600}{this.resized=true;this.style.width=600;}"
這種方法會在調用圖片的時候,自動按比例縮小到指定的寬度,不會引起圖片的變形,並且也不會撐破表格,但是缺點是,如果圖片太大,在圖片下載過程中,也就是圖片顯示過程中,會先以圖片原大小顯示,這時就會撐破表格,頁面很難看,二當圖片完全顯示後,圖片又會自動縮小。
三、我們可以針對表格的'屬性來限制大小防止被撐開,比如在table width="600" border="0" cellpadding="0" cellspacing="0"里添加代碼「」,其中「table-layout:fixed; 」是為了將表格布局固定住,就可以有效地防止表格被撐開,「word-wrap:break-word; 」是控制換行的,也就是強制執行換行,這個在文本內容較多的情況下需要使用到,特別是重復的內容出現,不執行換行的話,表格就被撐開了;而「word-break: break-all; 」可以解決IE的框架被英文(非亞洲語言文本行)撐開的問題,但是不會強制換行,只顯示表格寬度里的內容。一般情況下只要用到「」就可以。當然,上面調用的語句可以定義在css里,比如
table {
table-layout: fixed;
word-wrap:break-word;
}
四、用css控制圖片自適應大小,代碼如:
img {
max-width: 600px;
width:expression(this.width 600 ? "600px" : this.width);
overflow:hidden;
}
其中 max-width:600px; 在IE7、FireFox等其他非IE瀏覽器下最大寬度為600px,但在IE6中無效;width:600px; 在所有瀏覽器中圖片的大小為600px,當圖片大小大於600px,自動縮小為600px,在IE6中有效;而 overflow:hidden; 指將超出設置大小的部分隱藏,避免控制圖片大小失敗而引起的表格撐開變形。
五、最後總結一下最實用的代碼:
如果是表格,請用:
table {
table-layout: fixed;
word-break: break-all;
}
如果是div層,請用:
div {
table-layout: fixed;
word-wrap: break-word;
width: 加上寬度;
overflow: hidden; (讓多出來的不顯示。)
}
Ⅲ 一般網頁的尺寸是多少
1、800*600解析度下,網頁寬度保持在778以內,就不會出現水平滾頃族動條,高度則視版面和內容決定。
2、1024*768解析度下,網頁寬度保持在1002以內,如果全屏顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。(在dw裡面有設定好燃沒的標准值, 1024*768頁面的標准大小是955*600,照著它的尺寸做就行了)
只要你的width不超過1003就好,現在很多網站width在1000px 或者980 這雀段弊樣大氣點,高度無所謂
Ⅳ 網頁背景圖片一般是多大的
很少有把整個網頁的背景大小完全設計出來的,一般只是做一個很小的圖片,然後利用網頁自動鋪蓋背景,這樣做的好處是利於修改,專業製作都是用這樣的方法來實現的
Ⅳ 標准網頁圖片大小
網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流,
正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Friefox等.
高度:
高度是可以向下延展的,所以一般對高度不限制.
對於一屏來說,一般沒有一個固定值,因為每個人的瀏覽器的工具欄不同,我見過有的瀏覽器工具欄被插件佔了半個屏幕,所以高度沒有確切值。
寬度:
1、在IE6.0下,寬度為顯示器解析度減21,比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。
2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成1005
Ⅵ 網頁圖片多少KB最適合
網頁圖片10kb-50kb最適合。
Ⅶ 網頁設計合適的頁面尺寸是多少
網頁設計選用的解析度是72像素,使用的畫布尺寸1920px*1080px。但是並不意味著在整個畫布上進行設計,一般採用全屏展示和兩側留白的方式。
全屏展示,是整個網站看起來大氣一些,但是布局要合理安排,不然看起來有些傻大的感覺。
兩側留白是為了適配不同電腦屏幕的尺寸,能夠確保網站只是電腦站的時候一些筆記本電腦也能顯示全面網站的內容區域,內容限時區域在好控制在1000px-1200px。
Ⅷ 一般網頁的尺寸規范是多少
網站 首頁頁面寬度 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沒問題的情況下,其他瀏覽器出現錯位的情況。