㈠ 網頁設計與製作怎麼插入圖片
這位朋友這個很簡單;方法如下：
在<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層中用絕對定位使這個層顯示在圖片的某個位置即可。（圖片路徑自己填寫即可），希望採納。
㈡ 網頁設計怎樣添加圖片
如果你是在本地查看這個網頁，顯示不了圖片，很可能要檢查一下圖片的地址，如果是絕對地址，當網頁或圖片位置被移動後，查看網頁時便無法關聯到圖片。
如果你是准備把網頁放到互聯網上的某個網站主機，則應該把圖片連同網頁也一同上傳到網頁主機，當然圖片的地址也必須保持是正確的。
建議你看看有關html的書籍，很簡單便能看懂。
㈢ 網頁設計時地址欄前的小圖標如何製作
在<head></head>里加
<link rel="shortcut icon" href="favicon.ico"/>
<!--一個圖片，favicon格式必需是以ico為後輟的圖片文件-->
㈣ 網頁的設計有幾種方法
第一、靠前、無邊框設計。無邊框設計在近幾年比較流行，在設計頁面的時候，將頁面中的風格線、邊框刪掉，用間距來代替的一種設計方法。無邊框設計一般是以大圖為主，圖片本來就是一種分割元素。而內容基本是有規律的，留白間距之間的內容一定要相對一致、重復、緊密，這樣用戶在瀏覽的時候才會認為這些內容是一體的。一般來說，小眾垂直的產品更適合使用無邊框設計。
第二、卡片設計。卡片的設計打破了傳統上固定的排版布局方式，提升了版面的使用率，可以給網站建設增加更多的驚喜。那麼卡片設計有哪些優勢呢？1、可以提高頁面的使用率。卡片就好像是一個容器，將類型不一樣的內容設置在不一樣的卡片中，這樣就可以很好地區分內容，還能夠統一頁面的風格。比如傳統列表，內容一般是縱向滾動的方式，能夠展示的內容比較有限，卡片式的設計採用的滑動方式，就可以有效地解決空間問題。2、區分卡片上的內容。卡片就好像是一個容器，將不同的內容放置在不同的卡片，更好地區分內容的類型。卡片的維度是不一樣的，而且相對獨立、有互相有聯系，所以通過卡片歸納網站的內容，整個網站就顯得更有秩序。3、卡片式設計可以提升可控性、提升體驗度。卡片式設計的使用范圍比較廣泛，可以覆蓋、滑動、堆疊，有良好的擴展性和可操作性。
第三、分割線的設計。這也是常見的一種頁面布局設計方式，可以更好地幫助用戶快速熟悉頁面的布局，有良好的內容組織性。分割線可以貫穿整個頁面，將不同的內容進行分割，成為獨立的信息。
網站建設中的頁面布局，有不同的設計方式，而且設計的趨勢不斷在變化，在設計頁面布局之前，就要考慮好合適的樣式，不能一味地追求潮流，根據產品的實際需求，選擇合適的設計方式。而分割線的設計，想要做得出色，就要處理好線的間距、粗細、顏色等等
㈤ （純小白）像這樣一半是圖片一半是文字的網頁代碼該如何設計呢
你用兩個DIV限制，一共三個
第一個DIV 是一個大框
第二個DIV在左邊，第三個DIV 在右邊
然後在用LIST，就可以了，如果不會我可以直接貼代碼
㈥ 網頁設計如何實現圖片內按鈕點擊後展示子圖片
flash 比較生動一點更生動。
也可以是用js。
或者你簡單點用框架，點擊圖片，更新小圖片。
其實解決辦法有很多。
㈦ 我是新手，製作網頁的時候，如何像QQ網址那樣，就是上面有圖片，下面還有文字標識，那文字不是在圖片上
<div style="margin:0 auto;width:300px;height:300px">插入圖片</div>
<div style="margin:0 auto;width:300px;height:300px">插入文字</div>
<div style="margin:0 auto;width:300px;height:300px">插入圖片</div>
<div style="margin:0 auto;width:300px;height:300px">插入圖片</div>
<div style="margin:0 auto;width:300px;height:300px">插入圖片</div>
㈧ 網頁設計中如何讓把文字放在圖片上顯示
把圖片設為背景即可，以下是修改後的代碼<html>
<head>
<title>框架</title>
<style>
.father{
width:500px;
height:250px;
border:1px
solid
#f76f01;
background-color:#ffffff;
}.son1{
float:left;
font:12px;
height:
}
</style>
</head>
<body>
<div
class="father"><div
class="son1"
style="background-image:url(image/1.jpg);width:100%;height:50px">把此文字放在上面的粗條上</div>
</div>
</body>
</html>
㈨ 網頁設計中如何將文字和圖片一起排版
我做網頁5年了，到現在也沒找到最好的辦法。
變通的方式：
畫表格，border=0，適當拆分單元格，圖片和文字分別放入不同的單元格里，按照需要的方式左或右對齊。
祝你好運。
㈩ 網頁設計編號列表嵌套圖像列表，怎麼做才能達到圖中的效果
<!doctypehtml>
<htmllang="zh-CN">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1">
<metaname="Keywords"content="">
<metaname="Description"content="">
<title>Document</title>
<styletype="text/css">
ol{list-style:upper-alpha;}
ul{font-size:30px;list-style-type:square;list-style-image:url(此處填寫你的圖片路徑);}
</style>
</head>
<body>
<ol>
<li>有序列表項1</li>
<li><spanclass="">有序列表項2</span>
<ul>
<li>嵌套圖像列表1</li>
<li>嵌套圖像列表2</li>
<li>嵌套圖像列表3</li>
</ul>
</li>
<li>有序列表項3</li>
</ol>
</body>
</html>
關鍵在於list-style-image這個屬性，設置前面那個小圖標的路徑就行了。不過這樣子設置文字前面的圖標，圖標並不會居中顯示，一般用background-image比較多。