頁(yè)面設(shè)計(jì)圖片
提問(wèn)問(wèn)題
列表
-
網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)成要素有哪些?
查看答案>>
-
怎么設(shè)計(jì)淘寶店鋪的頁(yè)面?
查看答案>>
-
HTML網(wǎng)頁(yè)設(shè)計(jì):如何設(shè)計(jì)點(diǎn)擊圖片后跳轉(zhuǎn)到另外一個(gè)頁(yè)面的指定位置?
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì) 圖片滾動(dòng)代碼
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì)與制作怎么插入圖片
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì)中怎么讓一張圖片填充滿整個(gè)畫面 求代碼
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì),這到底是什么原因,圖片顯示不了
查看答案>>
-
在網(wǎng)頁(yè)設(shè)計(jì)中使用圖像時(shí)應(yīng)該注意哪些問(wèn)題
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì) html 怎么在div圖片里插入文字
查看答案>>
網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)成要素有哪些?
一個(gè)網(wǎng)頁(yè)構(gòu)成要素,相信大家心里都會(huì)有個(gè)大概,但是要具體說(shuō)清楚了,又一下子講不上來(lái)?! 【W(wǎng)頁(yè)設(shè)計(jì)的構(gòu)成要素具體有那些呢?搜點(diǎn)來(lái)為大家羅列一下?! ∫匾唬何淖帧 ∥淖质蔷W(wǎng)頁(yè)中最主要的一部分。對(duì)于文字的把握,主要有兩點(diǎn)。一是簡(jiǎn)潔、明了,能夠讓用戶讀得下去;二是數(shù)量的掌握,文字太少,會(huì)顯得單調(diào),文字多了,網(wǎng)頁(yè)就會(huì)顯得很乏味?! ∫囟簣D片 圖片,比文字更能吸引人的眼球,所以網(wǎng)頁(yè)中要善用圖片。在某些突出的位置,可以放置一些比較出彩的圖片,這樣既能達(dá)到美觀的效果,又能讓瀏覽者對(duì)網(wǎng)頁(yè)印象深刻?! ∫厝荷省 ∩实拇钆?,能體現(xiàn)出一個(gè)網(wǎng)頁(yè)設(shè)計(jì)者的審美觀,也會(huì)直接影響到瀏覽者的觀感。網(wǎng)頁(yè)的顏色不用很多,但是一定要搭配得當(dāng)。一個(gè)網(wǎng)頁(yè)一般會(huì)有一個(gè)主打色,用以配合網(wǎng)頁(yè)的主題。其他的顏色,輔以調(diào)節(jié)的作用?! ∫厮模号虐妗 ∮形淖?、有圖片、有顏色,網(wǎng)頁(yè)有這些就夠了嗎?No!光是這些,還不夠,還需要有專業(yè)的排版技術(shù),把這些要素整合起來(lái),組成一個(gè)協(xié)調(diào)的頁(yè)面。排版需要顧忌很多,要注意字間距,文字、圖片的數(shù)量,顏色的搭配,頁(yè)面留白等等,是個(gè)細(xì)致活?! ∫匚澹憾嗝襟w 有些網(wǎng)頁(yè)為了博眼球,會(huì)放置音頻、動(dòng)畫、視頻等等,這些就是多媒體了。但是,一在一般的網(wǎng)頁(yè)中,存在大量的多媒體并不是一件好事,這些多媒體會(huì)對(duì)網(wǎng)頁(yè)打開速度造成影響。一般,放置多媒體,需要量力而行。
怎么設(shè)計(jì)淘寶店鋪的頁(yè)面?
關(guān)于淘寶店鋪?lái)?yè)面的裝修一、打開-樣式管理-頁(yè)面設(shè)置二、點(diǎn)擊頁(yè)面背景色的更換圖片三、選擇頁(yè)面編輯-刪除其余模塊四、添加-圖片輪播(注:先把圖片上傳至圖片空間同時(shí)注意圖片大小的設(shè)置,否則圖片顯示不全)內(nèi)容設(shè)置中把上傳好的圖片的鏈接復(fù)制后添加即可五、添加自定義模塊,把下載好相應(yīng)模板的代碼復(fù)制進(jìn)去即可(注:代碼中圖片的地址一定要上傳至圖片空間后然后粘貼到相應(yīng)代碼位置否則顯示不出來(lái)用外連接)
HTML網(wǎng)頁(yè)設(shè)計(jì):如何設(shè)計(jì)點(diǎn)擊圖片后跳轉(zhuǎn)到另外一個(gè)頁(yè)面的指定位置?
這是用記事本的做法書簽鏈接 建立書簽基本語(yǔ)法: <A name="bookmark_name">文字</a> 鏈接頁(yè)面中的書簽基本語(yǔ)法: <A href="#bookmark_name">文字</a> 例子: <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML;CHARSET=big5"> <TITLE>例子</TITLE> </HEAD> <BODY> <A HREF="#DW">Dreamweaver MX</A> <A HREF="#FL">Flash MX</A> <A HREF="#FW">Fireworks MX</A> <A NAME="DW"><H3>Dreamweaver MX</H3></A> <P> <A NAME="FL"><H3>FLASH MX</H3></A> <P> <A NAME="FW"><H3>Fireworks MX</H3></A> </BODY> </HTML>
網(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ì)與制作怎么插入圖片
這位朋友這個(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ì)中怎么讓一張圖片填充滿整個(gè)畫面 求代碼
1、如果樓主只是將其當(dāng)做一張圖片顯示,可以通過(guò)css控制,如img{width:100%;height:100%;}.否則需要將其作為網(wǎng)頁(yè)背景的話可以試試如下方法:2、如果這張圖片為背景圖片由于背景圖片不具有伸縮性,只能通過(guò)別的方法繞著解決,在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ù),但又得占滿瀏覽器所采用的方法。
網(wǎng)頁(yè)設(shè)計(jì),這到底是什么原因,圖片顯示不了
圖片路徑不對(duì),你可以替換下網(wǎng)上的一張圖片,試一試絕對(duì)路徑,
絕對(duì)路徑是打開圖片后顯示的地址嗎?
我按照學(xué)的打的,感覺和老師教的一樣,可是怎么都打不出來(lái)
用的DW嗎?有沒(méi)有新建站點(diǎn)呢?標(biāo)簽是對(duì)的,不顯示,就是圖片路徑的問(wèn)題,你審查元素看看唄??!
我是新手,用的是notepad++,審查元素怎么弄?
方便把你的寫的打包發(fā)來(lái)看看,我看看哪里出了問(wèn)題,上傳附件好了
這個(gè)能傳文件嗎?
可以,剛才看了一下,你發(fā)的圖片,你的標(biāo)簽都寫錯(cuò)了啊,大師,body怎么可以在head中間,
不是嗎?這有問(wèn)題嗎,頭標(biāo)簽下放內(nèi)容
這個(gè)沒(méi)有錯(cuò)吧!我之前都這么打的
反正很感謝你,明天我去問(wèn)老師吧
你看看別人的網(wǎng)頁(yè)啊大師不能這么寫啊1 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="Keywords" content=""> <meta name="Description" content=""> <link href="/templets/moban1/css/css.css" rel="stylesheet" type="text/css" /> </head> <body> <div><img src="http://a.hiphotos.baidu.com/zhidao/wh%3D600%2C800/sign=9a8c2c63fad3572c66b794daba234f1f/e7cd7b899e510fb39f790c1dd133c895d0430cd3.jpg" ></div></body> </html>
不要叫我大師,我很low!
在網(wǎng)頁(yè)設(shè)計(jì)中使用圖像時(shí)應(yīng)該注意哪些問(wèn)題
1<img src="圖像地址" width="寬度" height="高度" alt="圖片說(shuō)明" />例如上面的是html代碼引用圖片,圖片地址、寬度、高度、圖片說(shuō)明都必不可少。
網(wǎng)頁(yè)設(shè)計(jì) html 怎么在div圖片里插入文字
第一種方法:添加一個(gè)DIV,采用絕對(duì)定位,圖片所屬DIV為基準(zhǔn)<div style="position:relative;width:100px;height:100px;"><img src="" alt="" /><div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">文字</div></div>第二種方法:圖片作為背景圖片<div style="background:url(abc.jpg) no-repeat left top;">wenzi</div>
熱門問(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é)那些