網站設計如何定義圖片

1. DW網頁設計如何設置背景圖片問題

要把圖像放入背景，需要使用 background-image 屬性。background-image 屬性的默認值是 none，表示背景上沒有放置任何圖像。

如果需要設置一個背景圖像，必須為這個屬性設置一個 URL 值：
body {background-image: url(/i/eg_bg_04.gif);}

大多數背景都應用到 body 元素，不過並不僅限於此。

下面例子為一個段落應用了一個背景，而不會對文檔的其他部分應用背景：
p.flower {background-image: url(/i/eg_bg_03.gif);}

您甚至可以為行內元素設置背景圖像，下面的例子為一個鏈接設置了背景圖像：
a.radio {background-image: url(/i/eg_bg_07.gif);}

理論上講，甚至可以向 textareas 和 select 等替換元素的背景應用圖像，不過並不是所有用戶代理都能很好地處理這種情況。

另外還要補充一點，background-image 也不能繼承。事實上，所有背景屬性都不能繼承。

背景重復

如果需要在頁面上對背景圖像進行平鋪，可以使用 background-repeat 屬性。

屬性值 repeat 導致圖像在水平垂直方向上都平鋪，就像以往背景圖像的通常做法一樣。repeat-x 和 repeat-y 分別導致圖像只在水平或垂直方向上重復，no-repeat 則不允許圖像在任何方向上平鋪。

默認地，背景圖像將從一個元素的左上角開始。請看下面的例子：

body
{
background-image: url(/i/eg_bg_03.gif);
background-repeat: repeat-y;
}

2. 網站圖片怎麼設計

網站圖片一般如果有團隊的話當然是設計部門去按需求設計。
如果是小團隊，也沒有設計人員，可以在網上搜集一些沒有版權的圖片，自己稍作修改。
最好不要直接搜圖就用，因為如果被作者發現並申訴，這邊網站可能會面臨一定的賠償。
作圖這塊，可以自學一下PS，在原本圖片素材上加一點簡單的字樣。
也可以上一些在線設計網站，比如
易圖設計，上面也會提供背景素材和圖片模版，有版權，可以商用。
細節上網站圖片設計要注意的是干凈、整潔，圖片最好和網站的整體氣質相符合，比如網站主色是橙色，那麼圖片的主色調就最好不要是藍色或者紫色。
自己做圖圖片上文字也需要注意，網上有很多字體可以下載，但實際上追究起來，很多也是沒有版權的，假如網站有盈利，說不準字體公司就會找上門來，也盡量選擇共享版權的字體。

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

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

4. html網頁製作中如何設置背景圖片（如何引用）

1、首先打開Atom編輯器導入項目文件夾，先創建一個index.html的文件。定義一下html文件的主信息：

5. 網頁設計需要具備哪些構圖要素

構成要素具體如下：
1、文字。文字是網頁中最主要的一部分，需做到簡潔明了、數量恰當，否則文字太少會使網頁略顯單調，文字過多時可能會令瀏覽者感到乏味；
2、圖片。圖片比文字更能吸引瀏覽者的眼球，所以網頁中要善於使用圖片，需要在突出的位置放置一些出彩的圖片，達到美觀的效果，讓瀏覽者對網頁印象深刻；
3、色彩。色彩的搭配可以體現出網頁設計者的審美觀，也會直接影響到瀏覽者的觀感。網頁的顏色需要搭配得當，應該選用一個主打色，用以配合網頁的主題，其它的顏色起到輔以調節的作用；
4、排版。網頁除了文字、圖片和顏色，還需要專業的排版技術，將這些要素有序的整合，組成一個協調的頁面；排版時需注意字間距、文字和圖片的數量、顏色的搭配、頁面留白等；
5、多媒體。放置音頻、動畫、視頻等，可以增加網頁的趣味性，但不要設置大量的多媒體，否則會對網頁的打開速度造成影響。

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

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計. 網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以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