網(wǎng)頁(yè)設(shè)計(jì)的圖片
提問(wèn)問(wèn)題
列表
-
網(wǎng)頁(yè)設(shè)計(jì)中，怎樣設(shè)置網(wǎng)頁(yè)中的圖片不能被用戶下載或者另存為呢？
查看答案>>
-
簡(jiǎn)單的網(wǎng)頁(yè)設(shè)計(jì)DIV中，怎樣讓文字相對(duì)于圖片在右邊？
查看答案>>
-
html網(wǎng)頁(yè)設(shè)計(jì)里面怎么平鋪背景圖片？
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì) 圖片滾動(dòng)代碼
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì) CSS怎么設(shè)置 圖片間距等于0
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì)如何在背景圖片上編輯文字
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì) 如何讓圖片在左 文字在右
查看答案>>
-
在網(wǎng)頁(yè)中插入圖片大小怎么控制
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì)如何定義圖片的位置和大小
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì)如何定義圖片的位置和大小
查看答案>>
網(wǎng)頁(yè)設(shè)計(jì)中，怎樣設(shè)置網(wǎng)頁(yè)中的圖片不能被用戶下載或者另存為呢？
在網(wǎng)頁(yè)制作中過(guò)去最常用的方法就是屏蔽郵件了，但是這些只是對(duì)IE為核心的瀏覽器才管用，但是也經(jīng)常被用到，我想你就是要的這個(gè)結(jié)果，在頁(yè)面的屬性事件設(shè)置有一項(xiàng)，如下：<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
簡(jiǎn)單的網(wǎng)頁(yè)設(shè)計(jì)DIV中，怎樣讓文字相對(duì)于圖片在右邊？
你少了一對(duì)<div>你的層關(guān)系先搞清楚嘛~你這樣寫(xiě)，肯定不會(huì)錯(cuò)。
html網(wǎng)頁(yè)設(shè)計(jì)里面怎么平鋪背景圖片？
html網(wǎng)頁(yè)設(shè)計(jì)里面平鋪背景圖片的代碼如下：<html> <body> <div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%"> <img src="pictures/background.jpg" width="100%" height="100%"/> </div> </body> </html>HTML網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)--根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息(包括產(chǎn)品、服務(wù)、理念、文化)，進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁(yè)面設(shè)計(jì)美化工作。作為企業(yè)對(duì)外宣傳物料的其中一種，精美的網(wǎng)頁(yè)設(shè)計(jì)，對(duì)于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。網(wǎng)頁(yè)設(shè)計(jì)一般分為三種大類:功能型網(wǎng)頁(yè)設(shè)計(jì)(服務(wù)網(wǎng)站&B/S軟件用戶端)、形象型網(wǎng)頁(yè)設(shè)計(jì)(品牌形象站)、信息型網(wǎng)頁(yè)設(shè)計(jì)(門(mén)戶站)。設(shè)計(jì)網(wǎng)頁(yè)的目的不同，應(yīng)選擇不同的網(wǎng)頁(yè)策劃與設(shè)計(jì)方案。網(wǎng)頁(yè)設(shè)計(jì)的工作目標(biāo)，是通過(guò)使用更合理的顏色、字體、圖片、樣式進(jìn)行頁(yè)面設(shè)計(jì)美化，在功能限定的情況下，盡可能給予用戶完美的視覺(jué)體驗(yàn)。高級(jí)的網(wǎng)頁(yè)設(shè)計(jì)甚至?xí)紤]到通過(guò)聲光、交互等來(lái)實(shí)現(xiàn)更好的試聽(tīng)感受。
網(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)效果的素材。打開(kāi)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>代碼如圖所示：打開(kāi)“index.html”網(wǎng)頁(yè)文件，最終效果如果所示：
網(wǎng)頁(yè)設(shè)計(jì) CSS怎么設(shè)置 圖片間距等于0
圖片的間距，是由 padding 和 margin 兩個(gè)要素決定的。只要將這2個(gè)值置0，即可。例如：<img src="xxx.gif" style="padding:0;margin:0" alt=""/>
網(wǎng)頁(yè)設(shè)計(jì)如何在背景圖片上編輯文字
第一種、將背景圖寫(xiě)在css中<style>.class{background: url("圖片路徑") no-repeat;}</style>接著就直接在html中寫(xiě)文字內(nèi)容。第二種、寫(xiě)在html中<div class="screen"><div class="img"><img src="images/logo.png" alt=""></div><div class="intro intro--shown"><p>你的文字內(nèi)容</p></div></div>css樣式,.screen {position: relative;width: 1280px;height: 720px;overflow: hidden;}接著就是包裹的兩個(gè)div,圖片和文字.img {width: 100%;height: 100%;overflow: hidden;border-radius: 7px;position: absolute;}.intro {position: absolute;width: 100%;bottom: -5px;z-index: 20;}z-index: 20;就是可以將文字鎖定在你圖片的上方
網(wǎng)頁(yè)設(shè)計(jì) 如何讓圖片在左 文字在右
在dw里的時(shí)候，圖片在文字上方。在圖片的<img>里寫(xiě) float:left; <img src="a.jpg" style="float:left;" />
在網(wǎng)頁(yè)中插入圖片大小怎么控制
一下這串代碼可以控制網(wǎng)頁(yè)中插入的圖片大小。（調(diào)節(jié)350和360控制)<p style="text-align: center; "> <img alt="" src="圖片地址" style="width: 350px; height: 360px; " /></p>
網(wǎng)頁(yè)設(shè)計(jì)如何定義圖片的位置和大小
網(wǎng)頁(yè)設(shè)計(jì)在初始要界定出網(wǎng)頁(yè)的尺寸大小.就像繪畫(huà)給出一塊畫(huà)版來(lái).這樣才能方便設(shè)計(jì). 網(wǎng)頁(yè)的尺寸受限于兩個(gè)因素:一個(gè)是顯示器屏幕.顯示器現(xiàn)在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發(fā)展.但目前也有為數(shù)不少的15寸顯示器.另一個(gè)是瀏覽器軟件,就是我們常用的IE,遨游,Firefox等. 高度： 高度是可以向下延展的,所以一般對(duì)高度不限制. 對(duì)于一屏來(lái)說(shuō),一般沒(méi)有一個(gè)固定值，因?yàn)槊總€(gè)人的瀏覽器的工具欄不同，我見(jiàn)過(guò)有的瀏覽器工具欄被插件占了半個(gè)屏幕，所以高度沒(méi)有確切值。 寬度: 1、在IE6.0下，寬度為顯示器分辨率減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無(wú)論你的網(wǎng)頁(yè)多高都會(huì)有右側(cè)的滾動(dòng)條框。 2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005 3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001 注：Firefox或Opear在內(nèi)容少于瀏覽器高度時(shí)不顯示右側(cè)滾動(dòng)條。 所以如果是1024的分辨率，你的網(wǎng)頁(yè)不如設(shè)成1000安全一點(diǎn)。設(shè)成900兩側(cè)空白更大,視覺(jué)上更舒服一點(diǎn).也方便做一些浮動(dòng)層的設(shè)計(jì). 如果是800的分辨率一般都設(shè)成770。但也有設(shè)成760的. 這些需要明白并且牢記,不然很可能做出來(lái)不符合瀏覽器要求,不過(guò)一般我們都回設(shè)定的再稍微小一點(diǎn),應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以 800的分辨率一般設(shè)定760左右,1024的設(shè)定990左右. 網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸: 1、800*600下，網(wǎng)頁(yè)寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。 2、1024*768下，網(wǎng)頁(yè)寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。 3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏，頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)閃EB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會(huì)有失色的現(xiàn)象. 頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px 頁(yè)面長(zhǎng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏 每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即8.5X11英寸 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K，全尺寸banner不超過(guò)14K 標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告尺寸規(guī)格 一、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽? 二、120*60，這種廣告規(guī)格主要用于做LOGO使用。 三、120*90，主要應(yīng)用于產(chǎn)品演示或大型LOGO。 四、125*125，這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。 五、234*60，這種規(guī)格適用于框架或左右形式主頁(yè)的廣告鏈接。 六、392*72，主要用于有較多圖片展示的廣告條，用于頁(yè)眉或頁(yè)腳。 七、468*60，應(yīng)用最為廣泛的廣告條尺寸，用于頁(yè)眉或頁(yè)腳。 八、88*31，主要用于網(wǎng)頁(yè)鏈接，或網(wǎng)站小型LOGO。 廣告形式 像素大小 最大尺寸 備注 BUTTON 120*60(必須用gif) 7K 215*50(必須用gif) 7K 通欄 760*100 25K 靜態(tài)圖片或減少運(yùn)動(dòng)效果 430*50 15K 超級(jí)通欄 760*100 to 760*200 共40K 靜態(tài)圖片或減少運(yùn)動(dòng)效果 巨幅廣告 336*280 35K 585*120 豎邊廣告 130*300 25K 全屏廣告 800*600 40K 必須為靜態(tài)圖片，F(xiàn)LASH格式 圖文混排 各頻道不同 15K 彈出窗口 400*300(盡量用gif) 40K BANNER 468*60(盡量用gif) 18K 懸停按鈕 80*80(必須用gif) 7K 流媒體 300*200（可做不規(guī)則形狀但尺寸不能超過(guò)300*200） 30K 播放時(shí)間 小于5秒60幀(1秒/12幀) 網(wǎng)頁(yè)中的廣告尺寸 1.首頁(yè)右上，尺寸120*60 2.首頁(yè)頂部通欄，尺寸468*60 3.首頁(yè)頂部通欄，尺寸760*60 4.首頁(yè)中部通欄，尺寸580*60 5.內(nèi)頁(yè)頂部通欄，尺寸468*60 6.內(nèi)頁(yè)頂部通欄，尺寸760*60 7.內(nèi)頁(yè)左上，尺寸150*60或300*300 8.下載地址頁(yè)面，尺寸560*60或468*60 9.內(nèi)頁(yè)底部通欄，尺寸760*60 10.左漂浮，尺寸80*80或100*10
網(wǎng)頁(yè)設(shè)計(jì)如何定義圖片的位置和大小
網(wǎng)頁(yè)設(shè)計(jì)在初始要界定出網(wǎng)頁(yè)的尺寸大小.就像繪畫(huà)給出一塊畫(huà)版來(lái).這樣才能方便設(shè)計(jì). 網(wǎng)頁(yè)的尺寸受限于兩個(gè)因素:一個(gè)是顯示器屏幕.顯示器現(xiàn)在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發(fā)展.但目前也有為數(shù)不少的15寸顯示器.另一個(gè)是瀏覽器軟件,就是我們常用的IE,遨游,Firefox等. 高度： 高度是可以向下延展的,所以一般對(duì)高度不限制. 對(duì)于一屏來(lái)說(shuō),一般沒(méi)有一個(gè)固定值，因?yàn)槊總€(gè)人的瀏覽器的工具欄不同，我見(jiàn)過(guò)有的瀏覽器工具欄被插件占了半個(gè)屏幕，所以高度沒(méi)有確切值。 寬度: 1、在IE6.0下，寬度為顯示器分辨率減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無(wú)論你的網(wǎng)頁(yè)多高都會(huì)有右側(cè)的滾動(dòng)條框。 2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005 3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001 注：Firefox或Opear在內(nèi)容少于瀏覽器高度時(shí)不顯示右側(cè)滾動(dòng)條。 所以如果是1024的分辨率，你的網(wǎng)頁(yè)不如設(shè)成1000安全一點(diǎn)。設(shè)成900兩側(cè)空白更大,視覺(jué)上更舒服一點(diǎn).也方便做一些浮動(dòng)層的設(shè)計(jì). 如果是800的分辨率一般都設(shè)成770。但也有設(shè)成760的. 這些需要明白并且牢記,不然很可能做出來(lái)不符合瀏覽器要求,不過(guò)一般我們都回設(shè)定的再稍微小一點(diǎn),應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以 800的分辨率一般設(shè)定760左右,1024的設(shè)定990左右. 網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸: 1、800*600下，網(wǎng)頁(yè)寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。 2、1024*768下，網(wǎng)頁(yè)寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。 3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏，頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)閃EB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會(huì)有失色的現(xiàn)象. 頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px 頁(yè)面長(zhǎng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏 每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即8.5X11英寸 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K，全尺寸banner不超過(guò)14K 標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告尺寸規(guī)格 一、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽? 二、120*60，這種廣告規(guī)格主要用于做LOGO使用。 三、120*90，主要應(yīng)用于產(chǎn)品演示或大型LOGO。 四、125*125，這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。 五、234*60，這種規(guī)格適用于框架或左右形式主頁(yè)的廣告鏈接。 六、392*72，主要用于有較多圖片展示的廣告條，用于頁(yè)眉或頁(yè)腳。 七、468*60，應(yīng)用最為廣泛的廣告條尺寸，用于頁(yè)眉或頁(yè)腳。 八、88*31，主要用于網(wǎng)頁(yè)鏈接，或網(wǎng)站小型LOGO。 廣告形式 像素大小 最大尺寸 備注 BUTTON 120*60(必須用gif) 7K 215*50(必須用gif) 7K 通欄 760*100 25K 靜態(tài)圖片或減少運(yùn)動(dòng)效果 430*50 15K 超級(jí)通欄 760*100 to 760*200 共40K 靜態(tài)圖片或減少運(yùn)動(dòng)效果 巨幅廣告 336*280 35K 585*120 豎邊廣告 130*300 25K 全屏廣告 800*600 40K 必須為靜態(tài)圖片，F(xiàn)LASH格式 圖文混排 各頻道不同 15K 彈出窗口 400*300(盡量用gif) 40K BANNER 468*60(盡量用gif) 18K 懸停按鈕 80*80(必須用gif) 7K 流媒體 300*200（可做不規(guī)則形狀但尺寸不能超過(guò)300*200） 30K 播放時(shí)間 小于5秒60幀(1秒/12幀) 網(wǎng)頁(yè)中的廣告尺寸 1.首頁(yè)右上，尺寸120*60 2.首頁(yè)頂部通欄，尺寸468*60 3.首頁(yè)頂部通欄，尺寸760*60 4.首頁(yè)中部通欄，尺寸580*60 5.內(nèi)頁(yè)頂部通欄，尺寸468*60 6.內(nèi)頁(yè)頂部通欄，尺寸760*60 7.內(nèi)頁(yè)左上，尺寸150*60或300*300 8.下載地址頁(yè)面，尺寸560*60或468*60 9.內(nèi)頁(yè)底部通欄，尺寸760*60 10.左漂浮，尺寸80*80或100*10
熱門(mén)問(wèn)答
- 模版還是模板
- 免費(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é)那些
