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