網頁設計如何放置圖片_網頁設計怎樣添加圖片

1、網頁設計裡面怎麼用css定點陣圖片的不規則擺放？（如圖）

百度：css3 變形(低版本ie和少部分瀏覽器不支持)

低版本ie的實現：
先把圖片在ps裡面拉斜做影子後存為：png24+背景透明格式，然後網頁裡面用cssz-index控制層級上下關系，並用定位擺放到合適的位置。另外你還要修正一下ie6的png24背景不透明的問題。

然後，你給那三個貓咪圖片每張一個id：
<img src="aaa.jpg" id="cat1" />
<img src="bbb.jpg" id="cat2" />
<img src="ccc.jpg" id="cat3" />

#cat1,#cat2,#cat3{position:absolute;}/*絕對定位*/

#cat1{
left:300px;top:80px;
z-index:10;
}

#cat2{
left:50px;top:320px;
z-index:9;
}

#cat3{
left:300px;top:80px;
z-index:8;
}

2、網頁設計中怎麼讓一張圖片填充滿整個畫面？

1、如果樓主只是將其當做一張圖片顯示，可以通過css控制，如img{width:100%;height:100%;}.
否則需要將其作為網頁背景的話可以試試如下方法：
2、如果這張圖片為背景圖片由於背景圖片不具有伸縮性，只能通過別的方法繞著解決，在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">，實現背景拉伸鋪滿整個瀏覽器，但其它的瀏覽器不支持。
這時可以拐個彎，設置兩層div，底層div當做背景使用，放置一張圖片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
再將網頁內容放置到第二層上<div id="content">頁面內容</content>
3、網頁背景圖片默認情況下是重復平鋪滿整個頁面。上面2方法是要求圖片不重復，但又得占滿瀏覽器所採用的方法。

3、網頁效果圖怎麼製作？

　平面廣告和網站頁面設計的宗旨就是吸引眼球，符合平面視覺沖擊特點，如何設計一款有特色、另類能吸引眼球的作品是擺在平面設計人員和photoshop愛好者面前的難題

現在以一款網頁平面設計效果圖為實例，講解網頁設計方面的創意知識，從網頁效果圖布局創意、顏色選擇，裁減效果圖和製作網頁特效等方面來學習。下面我們就一起來學習吧。

首先聲明一下，這款網頁效果圖在得到朋友許可後拿來製作教程實例，切勿抄襲和用做其他用途。先看效果圖0。

一、創意設計思路

一個網站在製作前需要確定網站風格、網站主題、和主色調，在沒有確切的方案之前，最好不要貿然動手製作，不然最後的結果很可能是以失敗而告終。

筆者決定從關鍵字"路行""獨自行走"加上是暗色系的要求上下手，敲定顏色採用沙漠黃，沙漠很容易讓人聯想到孤單；板式確定為戶外廣告的樣式沙漠黃配合生銹的廣告牌。符合"頹廢""艱辛路途"主題。

二、網站效果圖及LOGO的製作。

1、LOGO的樣式採用的是圖形和字元的組合。漢字LOGO的字體不是下載的字體，是筆者用鋼筆工具畫出來的字體。如圖1和1-1。

　鋼筆工具勾勒出圖1的行走的人樣式，填充紅色，然後調整混合模式"斜面和浮雕"選擇浮雕效果、雕刻清晰、深度1、方向上、大小2，其他默認。這LOGO 的創意是，一個人在崎嶇不平的路上堅持自己的方向，配合網站的英文加中文名字，構成一個形象LOGO，剛好"路"字和"行"字採用紅色，突出了路行。

文字LOGO筆者用鋼筆工具勾畫出字的各個部件，然後拼接在一起，這里只給出"路"字的方法，"行"字方法如同。[next]

2、製作布局參考圖。如圖2

　3、根據布局效果圖，新建文件大小1000X765，填充黑色。布局中的"顯示區域"為廣告牌是要掛到牆上的，使用"石頭材質"放置在頁面最上方來製作石板牆；使用"銹跡皮革材質"製作"顯示區域""LOGO"區域的邊框（註：一些材質的製作方法省略，平時可自行製作也可去圖片站下載保存，用的時候方便），將LOGO區域的邊框復制一層，調整不透明度為60%放置到LOGO曾下方，這樣大體的框架就完成了。如圖3和3-1。

（圖5）

（圖6）

4、找來一張沙漠公路的圖片，把這張圖片進行聚焦處理。點圖4示例的按扭進入"以快速蒙版編輯模式"，選擇漸變，漸變模式為"徑向漸變"在圖中間向兩邊拉，屏幕會出現一團紅色；然後再點"以標准模式編輯"畫面會出現一個圓圈選擇區域，按"DELETE"刪除即可。如圖4和圖4-1。

（圖7）

（圖8）

　5、在"路"圖片上方新建一層，按住CTRL+"路"圖層，單擊新建的圖層，填充顏色4E341B，調整為暗系沙漠黃。如圖5。

（圖9）

製作文字LOGO牌。找來圖5-1中的灰色材質，在"LOGO邊框"下面新建一層，然後在其之上新建一層，放置沙漠圖片，將其混合模式修改為"顏色"然後打開一開始制

4、html網頁製作中,把圖片放在左下方怎麼做

用嵌套的div來相對定位：
<div id="beijing" style="background-image:url(image/bg/nav_blue.gif); width:400px; height:200px;"><div style="margin-left:100px; margin-top:50px; border:#F00 solid 1px; width:80px; height:40px;"></div></div>
上面是個例子
下面的代碼解釋：
margin-left:100px;就是距離背景層版左邊的距離為權100像素，
margin-top:50px; 就是距離背景層上邊的距離為50像素；
如果你想把圖放到左下方的地方，
就用margin-left:100px;
右邊的話就用margin-right:100px;
代碼第一行打括弧的地方就是放圖片鏈接的
自己拿去再稍加琢磨，應該很快就可以搞定了！
htm代碼其實很容易懂的！
祝你成功吧

5、如何將圖片放到網上供網頁設計用

前提是，你存放網頁的伺服器上有FTP軟體（例如：serv-u），如果沒有也安裝一個，網上破解版的很多，安裝好後，開通一個用戶，設置擁有相關許可權。
其次在你的電腦上利用flashFTP軟體（網上破解版的太多了，最好是綠色版的），然後利用在伺服器上的FTP軟體的用戶，從過flashFTP連上去，然後上傳至網頁伺服器對應的位置即可。
望採納，謝謝！

6、網頁設計怎樣添加圖片

網頁設計如何插入圖片?以下就是網頁設計如何插入圖片等等的介紹，希望為您帶來幫助。
第一步，先打開我們的網頁製作如見，目前比較常用的是Dreamweaver。選擇"HTML"。
第二步，打開這個軟體之後，我們可以看到左上角有三個選項，我們選擇其中的「設計」。
第三步，來到設計界面之後，把游標定位在自己要插入圖片的位置。
這個操作是不用寫代碼的，所以可以選擇工具欄上的「插入」命令。
接下來，我們在彈出的下拉菜單中選擇插入圖像命令。
選擇完插入圖像命令之後，會彈出這樣一個小窗口，我們把要插入的圖片的文件名輸入進去之後再點擊確定就可以了。
做完上面這一切步驟之後，圖片就可以插入到網頁中了，大家可以預覽網頁哦!

7、網頁設計中如何放置圖片和打開圖片後鏈接另外一網頁？求解

如果你有Dreamweaver的話
創建一個網頁文件，先保存網頁文件，用小寫英文命名，圖片名字也一樣，不要用中文或者一些不著邊際的數字；網頁文件和圖片要存放在一個站點下（同個文件夾），這樣才能確保路徑正確。
如果你已經有網頁了，那麼就在把插入點定位好。
然後在Dreamweaver中點擊「插入」菜單-選「圖像」，然後在對話框中找到要插入的圖片文件，點確定，如果還有彈出另外的對話框，需要你輸入替換文字的話，你就用中文描述一下那張圖的內容（比如「小狗圖片」之類的，它可以當圖片不顯示的時候文字能出現在那裡然人知道圖片所呈現的內容）
圖片出現後點擊圖片，在軟體下方的圖片屬性中找到「鏈接」欄，如果要鏈接到外網的話就直接復制那個網頁的地址，填入鏈接欄里頭；如果是自己網站里頭的網頁，就點擊鏈接欄右邊的"瀏覽文件"按鈕，去找到你的網頁，確定就行了。

當然圖片存在鏈接的話，默認周圍有藍色的框，你可以在圖片屬性面板中把「邊框」填入0，這樣瀏覽時候就不會出現了。

其他其他兩位的回答都對的
但相比樓主可能看代碼不好理解吧

能看懂你們代碼的也不會問這個問題了

導航:首頁 > 萬維百科 > 網頁設計如何放置圖片

網頁設計如何放置圖片

與網頁設計如何放置圖片相關的知識