網頁設計按鈕尺寸_HTML中怎麼設置按鈕的大小

1、dreamweaver按鈕怎麼設置大小

舉個例子吧：
<input style="width:200px; height:150px" type="submit" name="button" id="button" value="提交">

其中，專width 寬度 height 高度屬

2、網頁設置中如何設置按鈕大小，不用加圖片，詳細點

可以這樣使用CSS定義。

<input type="submit" name="button" id="button" value="提交" style="width:200px; height:30px;">

width:200px：寬度200像素
height:30px：高度30像素

3、怎麼設置html標簽中button的大小？

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、網頁頁面尺寸一般設置多大才合適·

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

網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以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*100

6、web軟體的界面尺寸

尺寸適應。解析度一直是困擾網頁設計者的問題，在網頁設計中大多還是集中在頁面寬度的問題上。適應800px還是1024px，這就好像當年哈密雷特口中的 "To be or not to be"，近年來隨著顯示器的變革這個問題還在愈演愈烈，除了剛剛說的2種解析度，也許很多設計師腦中已經開始考慮1280px這個寬屏解析度甚至更高的解析度。當然也有的設計師乾脆就只為800px，說這也是個不錯的兼容性考慮，可惜我那1920px的顯示器啊整天閑著兩邊。在 B/S結構軟體界面中從來沒有這么簡單的辦法，因為復雜的功能可能有著大量的操作設置或數據顯示，一絲一毫的空間都不容的浪費。並且上一條也指出我們不想用整頁滾動條來解決問題，這帶來的不單是顯示面積的限制，還有就是我們需要考慮的是寬度和高度雙重尺寸適應問題。不單單是顯示器解析度，當瀏覽器不是最大化時界面同樣要適應（Mac系統根本就不存在最大化），也就是說界面要時時應對瀏覽器窗口尺寸大小而調整。所以利用一切可能的手段使頁面可以自動適應瀏覽器窗口尺寸就成為了棘手但卻是必須去做的事情。又由於這個問題同時又衍生出的新問題是軟體界面在自動適應時不同區域不會是等比縮放尺寸的，勢必有些區域隨之放大縮小而有些區域固定不變。這一點可以參照 C/S結構軟體界面，以大家常用的網頁製作工具Dreamweaver為例，主要的代碼顯示區域是隨窗口尺寸的調整而調整，但上邊的菜單及功能按鈕區域、下邊的屬性及結果區域、右邊的功能區域都是固定不變的或者單方向調整的（只調整寬度或者高度）。

7、HTML中怎麼設置按鈕的大小？

html中設置按鈕的大小：可直接給input元素添加寬、高，具體代碼如下：

下面是未設置input按鈕大小和設置了按鈕大小的對比效果：

html中的表單input元素是內聯塊狀元素，既可以與其它元素在同一行，又可以設置自身的寬度和高度。

如果按照上述方法設置input按鈕大小（寬、高），卻仍未達到改變input按鈕的效果，可檢查html中的代碼是否有誤或者與其它代碼相沖突。

拓展資料：

input中的type 屬性規定了input 元素的類型，其中屬性值submit，定義提交按鈕，提交按鈕會把表單數據發送到伺服器。

<input type="button" /> 定義可點擊的按鈕，但沒有任何行為。button 類型常用於在用戶點擊按鈕時啟動 JavaScript 程序。

例子：

效果

源代碼：

<html>

<head>

<title>input</title>

body{background: #ddd;}

form{margin:0;padding:0;}

form .btn{

width:100px;

height: 40px;

}

</style>

</head>

<body>

<p>Email: <input type="text" name="email" /></p>

</form>

</body>

</html>

8、網頁設計時按鈕里的字體大小怎麼設

font size

9、網頁設計按鈕

很簡單啊！這里打的話，代碼很長。首先你自己准備那幾個圖標。然後比如「學校信息管理」這個模塊，其實就是個大的div包含著兩個div，然後設置一下他們的背景css就好了。

比如：

<div id="nav" style="border:blue 1px solid"> 
<div style="backgroup-color:blue"><img src="一個簡單圖標">學校信息管理</div>

<div id="nv">
<ul>
<li>基本信息管理</li>
<li>添加信息</li>
<li>添加公告信息</li>

</ul>
</div>

</div>

然後在css中設置一下

#nv ul li{
display: inline;
}

OK了，其他的細節自己優化呵呵

導航:首頁 > 萬維百科 > 網頁設計按鈕尺寸

網頁設計按鈕尺寸

與網頁設計按鈕尺寸相關的知識