頁面設(shè)計圖片
提問問題
列表
-
網(wǎng)頁設(shè)計的構(gòu)成要素有哪些?
查看答案>>
-
怎么設(shè)計淘寶店鋪的頁面?
查看答案>>
-
HTML網(wǎng)頁設(shè)計:如何設(shè)計點擊圖片后跳轉(zhuǎn)到另外一個頁面的指定位置?
查看答案>>
-
網(wǎng)頁設(shè)計 圖片滾動代碼
查看答案>>
-
網(wǎng)頁設(shè)計與制作怎么插入圖片
查看答案>>
-
網(wǎng)頁設(shè)計中怎么讓一張圖片填充滿整個畫面 求代碼
查看答案>>
-
網(wǎng)頁設(shè)計,這到底是什么原因,圖片顯示不了
查看答案>>
-
在網(wǎng)頁設(shè)計中使用圖像時應(yīng)該注意哪些問題
查看答案>>
-
網(wǎng)頁設(shè)計 html 怎么在div圖片里插入文字
查看答案>>
網(wǎng)頁設(shè)計的構(gòu)成要素有哪些?
一個網(wǎng)頁構(gòu)成要素,相信大家心里都會有個大概,但是要具體說清楚了,又一下子講不上來。 網(wǎng)頁設(shè)計的構(gòu)成要素具體有那些呢?搜點來為大家羅列一下?! ∫匾唬何淖帧 ∥淖质蔷W(wǎng)頁中最主要的一部分。對于文字的把握,主要有兩點。一是簡潔、明了,能夠讓用戶讀得下去;二是數(shù)量的掌握,文字太少,會顯得單調(diào),文字多了,網(wǎng)頁就會顯得很乏味。 要素二:圖片 圖片,比文字更能吸引人的眼球,所以網(wǎng)頁中要善用圖片。在某些突出的位置,可以放置一些比較出彩的圖片,這樣既能達到美觀的效果,又能讓瀏覽者對網(wǎng)頁印象深刻。 要素三:色彩 色彩的搭配,能體現(xiàn)出一個網(wǎng)頁設(shè)計者的審美觀,也會直接影響到瀏覽者的觀感。網(wǎng)頁的顏色不用很多,但是一定要搭配得當。一個網(wǎng)頁一般會有一個主打色,用以配合網(wǎng)頁的主題。其他的顏色,輔以調(diào)節(jié)的作用。 要素四:排版 有文字、有圖片、有顏色,網(wǎng)頁有這些就夠了嗎?No!光是這些,還不夠,還需要有專業(yè)的排版技術(shù),把這些要素整合起來,組成一個協(xié)調(diào)的頁面。排版需要顧忌很多,要注意字間距,文字、圖片的數(shù)量,顏色的搭配,頁面留白等等,是個細致活?! ∫匚澹憾嗝襟w 有些網(wǎng)頁為了博眼球,會放置音頻、動畫、視頻等等,這些就是多媒體了。但是,一在一般的網(wǎng)頁中,存在大量的多媒體并不是一件好事,這些多媒體會對網(wǎng)頁打開速度造成影響。一般,放置多媒體,需要量力而行。
怎么設(shè)計淘寶店鋪的頁面?
關(guān)于淘寶店鋪頁面的裝修一、打開-樣式管理-頁面設(shè)置二、點擊頁面背景色的更換圖片三、選擇頁面編輯-刪除其余模塊四、添加-圖片輪播(注:先把圖片上傳至圖片空間同時注意圖片大小的設(shè)置,否則圖片顯示不全)內(nèi)容設(shè)置中把上傳好的圖片的鏈接復(fù)制后添加即可五、添加自定義模塊,把下載好相應(yīng)模板的代碼復(fù)制進去即可(注:代碼中圖片的地址一定要上傳至圖片空間后然后粘貼到相應(yīng)代碼位置否則顯示不出來用外連接)
HTML網(wǎng)頁設(shè)計:如何設(shè)計點擊圖片后跳轉(zhuǎn)到另外一個頁面的指定位置?
這是用記事本的做法書簽鏈接 建立書簽基本語法: <A name="bookmark_name">文字</a> 鏈接頁面中的書簽基本語法: <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)頁設(shè)計 圖片滾動代碼
素材的準備。為了更好的表現(xiàn)網(wǎng)站的風(fēng)格和特色,具備一些更富表現(xiàn)力和吸引力的圖片是必不可少的。同理,準備了一些與網(wǎng)頁主題密切相關(guān)的圖片,用于做為實現(xiàn)圖片滾動效果的素材。打開Dreamweaver8,新建一網(wǎng)頁文件,并保存為名為“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>對應(yīng)效果如圖所示:新建一CSS樣式表文件,并將該文件保存到與“index.html”相同的目錄下,文件名稱為“MyStyle.css"。在新建的樣式表文件"MyStyle.css”文件中輸入如下代碼:* { padding:0; margin:0;} /*設(shè)置所有對像的內(nèi)邊距為0*/body { text-align:center;} /*設(shè)置頁面居中對齊*/#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;}對應(yīng)文件內(nèi)容如圖所示:在網(wǎng)頁文件"index.html"中添加對該樣式表的引用:<link rel="stylesheet" type="text/css" href="MyStyle.css">此時網(wǎng)頁效果如圖所示:新建一個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; //數(shù)值越大越慢 ul.style.width = width*itemCount + 'px'; //加載完后設(shè)置容器長度 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”網(wǎng)頁文件,最終效果如果所示:
網(wǎng)頁設(shè)計與制作怎么插入圖片
這位朋友這個很簡單;方法如下:在<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è)置在一個DIV層中用絕對定位使這個層顯示在圖片的某個位置即可。(圖片路徑自己填寫即可),希望采納。
網(wǎng)頁設(shè)計中怎么讓一張圖片填充滿整個畫面 求代碼
1、如果樓主只是將其當做一張圖片顯示,可以通過css控制,如img{width:100%;height:100%;}.否則需要將其作為網(wǎng)頁背景的話可以試試如下方法:2、如果這張圖片為背景圖片由于背景圖片不具有伸縮性,只能通過別的方法繞著解決,在ie中可以用<bodystyle="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,實現(xiàn)背景拉伸鋪滿整個瀏覽器,但其它的瀏覽器不支持。這時可以拐個彎,設(shè)置兩層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>再將網(wǎng)頁內(nèi)容放置到第二層上<div id="content">頁面內(nèi)容</content>3、網(wǎng)頁背景圖片默認情況下是重復(fù)平鋪滿整個頁面。上面2方法是要求圖片不重復(fù),但又得占滿瀏覽器所采用的方法。
網(wǎng)頁設(shè)計,這到底是什么原因,圖片顯示不了
圖片路徑不對,你可以替換下網(wǎng)上的一張圖片,試一試絕對路徑,
絕對路徑是打開圖片后顯示的地址嗎?
我按照學(xué)的打的,感覺和老師教的一樣,可是怎么都打不出來
用的DW嗎?有沒有新建站點呢?標簽是對的,不顯示,就是圖片路徑的問題,你審查元素看看唄!!
我是新手,用的是notepad++,審查元素怎么弄?
方便把你的寫的打包發(fā)來看看,我看看哪里出了問題,上傳附件好了
這個能傳文件嗎?
可以,剛才看了一下,你發(fā)的圖片,你的標簽都寫錯了啊,大師,body怎么可以在head中間,
不是嗎?這有問題嗎,頭標簽下放內(nèi)容
這個沒有錯吧!我之前都這么打的
反正很感謝你,明天我去問老師吧
你看看別人的網(wǎng)頁啊大師不能這么寫啊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)頁設(shè)計中使用圖像時應(yīng)該注意哪些問題
1<img src="圖像地址" width="寬度" height="高度" alt="圖片說明" />例如上面的是html代碼引用圖片,圖片地址、寬度、高度、圖片說明都必不可少。
網(wǎng)頁設(shè)計 html 怎么在div圖片里插入文字
第一種方法:添加一個DIV,采用絕對定位,圖片所屬DIV為基準<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ǎng)頁是哪個公司做的
- 免費制作企業(yè)
- 簡單個人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計
- html模板文件
- 手機網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機制作簡歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些