導航:首頁 > 圖片大全 > 網頁設計圖片上下位置如何設計

網頁設計圖片上下位置如何設計

發布時間:2022-10-28 20:13:09

A. 網頁上的上下兩張圖片如何對齊

進行div+css設計吧,這樣會得到你想要的效果

B. 網頁設計中怎麼把最右下方的圖片垂直上移

你只要一個DIV套起來,設置DIV邊距
代碼:margin:10px 0px 10px 0px;
上外邊距是 10px;
右外邊距是 0px;
下外邊距是 10px;
左外邊距是 0px;
你只要更改其上下邊距就好了 比如:

margin:5px 0px; 就是指向上用移動了5px

C. asp網頁設計如何設定圖片的位置

首先說明下網頁載入圖片的方法:
<img src="圖片路徑" width="寬度" height="高度" alt=「圖片名稱」>
1、table表格中載入圖片
<table>
<tr>
<td>這是第一個單元格</td>
<td><img src="圖片路徑"></td>
</tr>
</table>
2、div+css通過圖層設定圖片位置
<div style="position:relative;background:#CCCCCC;width:300px; height:300px;">
<div style="position:absolute;background:#FF0000;width:100px; height:100px; top:250px; left:250px;"></div>
</div>

D. 如何製作圖片上下浮動呢

1,如果是在網頁里做這個效果。你可以搜一下,網頁代碼,應該能找到。
2,我估計你說的圖片上下浮動,可能說的是動態圖片。這個效果用UG5軟體做,很簡單的,而且這個軟體很容易就學會了,

E. 網頁設計如何定義圖片的位置和大小

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計. 網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Firefox等.
高度:
高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值,因為每個人的瀏覽器的工具欄不同,我見過有的瀏覽器工具欄被插件佔了半個屏幕,所以高度沒有確切值。
寬度:
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*10

F. 網頁製作時 怎麼寫才能讓圖片上下左右居中並且不要滾動條

圖片放在一個固定大小的div內
div的樣式設置為margin:auto;就行了
只要內層div內容不超出外層div的高寬就不會有
滾動條

強制消除滾動條可以使用樣式overflow:hidden;

G. 在用htlm製作網頁的時候怎麼將圖片下移,就是放在字的下面

上圖是效果

代碼如下:

<style type="text/css">
dl{width:200px;float:left;margin:0;padding:0;}
dl dd{width:200px;margin:0;text-align:center;padding-bottom:10px;}
dl dd img{height:180px;width:180px;}
dl dt{height:25px;line-height:25px;text-align:center;width:100%;}

</style>
<dl>
<dd><img src="xx.png"/></dd>
<dt>標題</dt>
<dt>描述</dt>
</dl>
<dl>
<dd><img src="xx.png"/></dd>
<dt>標題</dt>
<dt>描述</dt>
</dl>

H. 在網頁設計中怎樣設計圖片在水平方向上移動

你是說寫代碼么,

I. 網頁設計圖片排版問題

用DIV吧,不容易變形,可以把這三張圖片分成兩部分,第一部分是第一個DIV,只放第一張圖片,第二部分是第二個DIV,放2、3圖片,在第二個DIV裡面還有再分,分為上下兩個DIV,把2圖片放在上面一個DIV,3圖片放在下面一個DIV裡面。外面兩個大的DIV要用浮動。

J. 網頁設計如何定義圖片的位置和大小

想要圖片適應單元格的大小,就設置單元格為固定寬高,並且設置溢出為隱藏就行,然後通過設置背景圖片的位置就能達到目的,代碼如下:
td{background:url(img/demo.jpg) #000 repeat center center;overflow:hiddem;}
想要沒有多餘的完全顯示一個圖片,只能讓圖片的大小和單元格的大小完全相同才行

閱讀全文

與網頁設計圖片上下位置如何設計相關的資料

熱點內容
電腦圖片png怎麼轉jpg格式 瀏覽:299
做衣服的軟尺圖片 瀏覽:467
奶酷臉男生圖片 瀏覽:875
如何選合適的背景圖片 瀏覽:549
小女孩掰手腕圖片 瀏覽:630
抱書的女孩子的圖片二次元 瀏覽:984
中童短發的發型圖片女 瀏覽:755
女孩屁股的圖片 瀏覽:944
手工立體作品圖片大全 瀏覽:572
9張手機圖片轉word文檔 瀏覽:191
狼女圖片動漫 瀏覽:675
ct的日期怎麼看圖片 瀏覽:374
鈴木重機車圖片和價格 瀏覽:692
乳罩品牌價格及圖片 瀏覽:736
熱巴黑紅衣服在一起的圖片 瀏覽:268
傷感圖片下面帶文字的圖片 瀏覽:868
k的動漫圖片大全 瀏覽:419
發燒的女孩圖片 瀏覽:96
男生帶帽子傷感圖片 瀏覽:727
廢舊衣服變寶圖片 瀏覽:679