網頁圖片設計
提問問題
列表
-
網頁設計，怎么插入局部框架的背景圖片
查看答案>>
-
怎樣在WEB程序設計中插入圖片呢？具體一點
查看答案>>
-
網頁設計 中文一般用的字體大小，一般怎么設置font-family。 怎么用fireworks獲取圖中文字的字體和大?。?/p>
查看答案>>
-
網頁設計如何將一張圖片作為網頁背景圖片？
查看答案>>
-
網頁設計一般建立多大的畫布尺寸，我可以直接截圖下來對應當前的畫布
查看答案>>
-
網頁設計與制作怎么插入圖片
查看答案>>
-
網頁設計 圖片滾動代碼
查看答案>>
-
網頁設計如何加入本地圖片
查看答案>>
-
網頁設計 看到很多背景圖片很多張在一起的怎么使用？
查看答案>>
-
網頁設計中怎么讓一張圖片填充滿整個畫面 求代碼
查看答案>>
網頁設計，怎么插入局部框架的背景圖片
一、添加背景圖片：body { background: url("xxx.jpg"); }原本<body>卷標提供了以下幾種設定: <body alink=colorvalue background=url bgcolro=colorvalue link=colorvalue text=colorvalue bgproperties=fixed /*背景固定 leftmargin=pixels /*離瀏覽器顯示窗左邊的距離 topmargin=fixels /*離瀏覽器顯示窗上面的距離 >background-image:url(n.jpg) /*背景圖檔background-repeat:repeat|repeat-x|repeat-y|no-repeat /* 重復顯示全影幕|水平方向重復|垂直方向重復|不重復顯示background-attachment:scroll|fixed /*卷動或固定background-position:x%,y%|x,y|top|left|center|bottom|right /*背景圖文件位置 二、添加框架：①打開Dreamweaver，新建一個網頁。點擊布局中的框架按鈕，選擇要實現(xiàn)的框架類型。②這樣就創(chuàng)建了兩個頁面，分布命名。點擊中間的線就是選中了整個頁面，點擊文件\保存框架頁，進行命名。左右兩個頁面分別選中再保存，操作一樣。③點擊中間的邊框，就選中了整個頁面，可以對整個頁面的屬性進行更改，可以移動中間的邊框，也可以點擊查看\可視化助理，勾選框架邊框來顯示或隱藏邊框。④再分別更正左右兩個頁面的頁面屬性。
怎樣在WEB程序設計中插入圖片呢？具體一點
在<body></body>中間插入圖片，代碼為<img src="images/logo.gif">一般做剛開始做網頁都有一個網頁文件和一個相關的文件夾比如你現(xiàn)在的abc.htm和文件夾imagesabc.htm是寫代碼用的，images就是放圖片、或者樣式、腳本文件或者其它相關的文件用的而一般調用圖片都采用<img src=images/051.gif">這樣的相對路徑
網頁設計 中文一般用的字體大小，一般怎么設置font-family。 怎么用fireworks獲取圖中文字的字體和大?。?/h3>
一般中文的字體大小是12px或者14px。隨著顯示器分辨率不斷提高，12px的文字在大于1440*900的顯示器里看起來會顯得比較小，閱讀起來不是很容易，所以現(xiàn)在網頁設計里面用12px的已經比較少了，特別是文章正文部分，普遍都會用14px。13px的字體在IE6下面會有一點點顯示上的bug，所以現(xiàn)在用得也不太多，不過隨著IE6慢慢被淘汰，這個問題也不再是一個問題了。而對于標題欄的文字大小，沒有特別的限制，視覺上感覺舒服就行。對于font-family，一般來說14px及以下大小的文字，應當設置為宋體，當然也可以設置為微軟雅黑。不過在XP下默認是沒有雅黑字體的，所以在css里面可以這樣設置字體：font-family:"Microsoft Yahei",simSun,Arial;把幾個字體用逗號隔開，如果系統(tǒng)沒有第一種字體，就用第二種，如果沒有第二種就用第三種，以此類推。對于大于14px的文字，特別是大于16px的文字，宋體看起來就比較丑陋了，所以建議是用黑體或者微軟雅黑，看起來回舒服一些。用fireworks是不能獲取途中文字的字體和大小的，這個只能自己去對照了，沒有什么特別好的辦法。
網頁設計如何將一張圖片作為網頁背景圖片？
給裝圖片的div一張背景圖，比如下面代碼：div{background:url(圖片路徑) no-repeat;background-size:100%;}背景圖片百分百顯示，no-repeat意思是不重復顯示
網頁設計與制作怎么插入圖片
這位朋友這個很簡單;方法如下：在<body></body>添加以下代碼，<table> <tr> <td><img src="../img/00_05.jpg" /></td> </tr> </table><div>我愛你</div>在<head></head>里添加： <style type="text/css"> table{border-style:outset;} div{ position:absolute; top:100px; left:100px;} img{ width:200px; height:200px;} </style>原理就是把文字設置在一個DIV層中用絕對定位使這個層顯示在圖片的某個位置即可。（圖片路徑自己填寫即可），希望采納。
網頁設計 圖片滾動代碼
素材的準備。為了更好的表現(xiàn)網站的風格和特色，具備一些更富表現(xiàn)力和吸引力的圖片是必不可少的。同理，準備了一些與網頁主題密切相關的圖片，用于做為實現(xiàn)圖片滾動效果的素材。打開Dreamweaver8，新建一網頁文件，并保存為名為“index.html"文件。切換至代碼編輯界面，輸入如下代碼：<body><div id="photo-list"> <ul id="scroll"> <li><a href="#"><img src="images/1.jpg" width="100px" height="100px" alt=""/></a></li> <li><a href="#"><img src="images/2.jpg" width="100px" height="100px" alt=""/></a></li> <li><a href="#"><img src="images/3.jpg" width="100px" height="100px" alt=""/></a></li> <li><a href="#"><img src="images/4.jpg" width="100px" height="100px" alt=""/></a></li> <li><a href="#"><img src="images/5.jpg" width="100px" height="100px" alt=""/></a></li> <li><a href="#"><img src="images/6.jpg" width="100px" height="100px" alt=""/></a></li> </ul> </div></body>對應效果如圖所示：新建一CSS樣式表文件，并將該文件保存到與“index.html”相同的目錄下，文件名稱為“MyStyle.css"。在新建的樣式表文件"MyStyle.css”文件中輸入如下代碼：* { padding:0; margin:0;} /*設置所有對像的內邊距為0*/body { text-align:center;} /*設置頁面居中對齊*/#photo-list {/* 6張圖片的寬度（包含寬度、padding、border、圖片間的留白）計算：6*(100+2*2+1*2+9) - 9 之所以減去9是第6張圖片的右邊留白 */ width:681px; /* 圖片的寬度（包含高度、padding、border） 計算：100+2*2+1*2 */ height:106px; margin:50px auto; overflow:hidden; /*溢出部份將被隱藏*/ border:1px dashed #ccc; } #photo-list ul { list-style:none;} #photo-list li { float:left; padding-right:9px;} #photo-list img { border:1px solid #ddd; background:#fff; padding:2px;}對應文件內容如圖所示：在網頁文件"index.html"中添加對該樣式表的引用：<link rel="stylesheet" type="text/css" href="MyStyle.css">此時網頁效果如圖所示：新建一個JS文件，并將該文件另存為“MoveEffect.js"。在”MoveEffect.js“文件中輸入如下所示代碼： var id = function(el) { return document.getElementById(el); }, c = id('photo-list'); if(c) { var ul = id('scroll'), lis = ul.getElementsByTagName('li'), itemCount = lis.length, width = lis[0].offsetWidth, //獲得每個img容器的寬度 marquee = function() { c.scrollLeft += 2; if(c.scrollLeft % width <= 1){ //當 c.scrollLeft 和 width 相等時，把第一個img追加到最后面 ul.appendChild(ul.getElementsByTagName('li')[0]); c.scrollLeft = 0; }; }, speed = 50; //數值越大越慢 ul.style.width = width*itemCount + 'px'; //加載完后設置容器長度 var timer = setInterval(marquee, speed); c.onmouseover = function() { clearInterval(timer); }; c.onmouseout = function() { timer = setInterval(marquee, speed); }; };然后在主頁文件"index.html”中添加對該“MoveEffect.js”文件的引用。<script type="text/javascript" src="MoveEffect.js"></script>代碼如圖所示：打開“index.html”網頁文件，最終效果如果所示：
網頁設計如何加入本地圖片
用img啊<img src="">雙引號中寫入你圖片的路徑。
就是圖片的路徑表達老是表達錯啊。我直接就是計算機/E：/圖片名字 ，但刷新網頁后還是顯示不出來啊。
當你敲完空格輸入SRC的時候會有個瀏覽出來，如果你不知道圖片路徑，直接瀏覽就行了。
我是用Notepad++編輯的
不管你用什么編輯在本地插入圖片都可以用img，你還是沒把路徑輸入對。
那麻煩你事例一個用本地圖片，如何添加。謝謝
<img src="back.gif">這是添加根目錄下的圖片<img src="images/back.gif">這是根目錄下 images文件里的圖片。依此類推就OK了。最主要的是你要把路徑寫對就可以了。
比如我的圖片叫1821424574394667609.jpg放在個人文件夾里的我的圖片文件夾里、那是不是<img src="個人文件夾/我的圖片/1821424574394667609.jpg">，試過之后刷新網頁還是沒有顯示圖片。麻煩你再幫忙解答下，謝謝你啊
不客氣。有問題可以繼續(xù)問我。
網頁設計 看到很多背景圖片很多張在一起的怎么使用？
那是圖片截取方式css背景圖代碼有的background:url("../img/Rbut.gif") 100px 50px no-repeat;100px 截取從左向右100像素的距離之后的顯示的部分50px 截取從上到下50像素的距離之后的顯示的部分這兩個參數等于是坐標
網頁設計中怎么讓一張圖片填充滿整個畫面 求代碼
1、如果樓主只是將其當做一張圖片顯示，可以通過css控制，如img{width:100%;height:100%;}.否則需要將其作為網頁背景的話可以試試如下方法：2、如果這張圖片為背景圖片由于背景圖片不具有伸縮性，只能通過別的方法繞著解決，在ie中可以用<bodystyle="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">，實現(xiàn)背景拉伸鋪滿整個瀏覽器，但其它的瀏覽器不支持。這時可以拐個彎，設置兩層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方法是要求圖片不重復，但又得占滿瀏覽器所采用的方法。
