1、做一個簡單的圖片顯示網頁頁面
※ ☆ ※為您做答 希望對你有幫助 如果滿意請選擇我的答案 您的支持是我最大的動力★★
★要想學做網頁，首先得了解製作網頁的工具。
製作網頁主要有以下一些工具
Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕松，功能不咋地，我不太喜歡。
Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。
另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。
此外還有一些網路編程工具，javascript、java編輯器等。
網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。
大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。
總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！
祝你成功。
★你可以結合 Dreamwaver 和 Photoshop 來製作網頁。
從最基礎的HTML語言開始，學會了這就可以自己弄靜態的網頁了，學會了後就可以學動態的
網站設計八步驟
由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。
四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。
五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。
七、推廣宣傳
網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者
軟體下載 用訊雷搜索一下
建議使用網頁製作三劍客Dreamweawer+photoshop+Flash 或使用Frontpage
Dreamweaver v8.0 簡體注冊版
下載地址：
用網頁三劍客吧,教程可參照以下網站:
※ ☆ ※為您做答 希望對你有幫助 如果滿意請選擇我的答案 您的支持是我最大的動力★★
2、網頁製作，我想製作一個靜態美文網頁，帶圖片和論壇系統的，我該用什麼軟體製作網頁不麻煩
可以去下載網站系統來做很方的，比如pageadmin系統、wordpress系統、discuz系統這些都很好用，都是免費下載的，後台功能都很強，而且很容易上手
3、在網頁設計中怎樣把靜態圖片變成幾個連在一起的動態圖片且在水平方向上
這就是一個示例：你可以自己更換圖片<div id=demo
style="OVERFLOW: hidden; WIDTH: 860px; HEIGHT: 126px">
<table height=126px cellspacing=0 cellpadding=0 width=860px
border=0>
<tbody>
<tr>
<td width=601 align="center" valign="middle" id=demo1><table cellspacing=0 cellpadding=0 width=801 border=0>
<tbody>
<tr>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_31.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh" ><img src="images/index-guntu_33.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_35.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_37.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_39.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_20.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_22.gif" width="147" height="126" /></td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="20px" align=middle> </td>
<td width="147" align=middle class="lyh"><img src="images/index-guntu_24.gif" width="147" height="126" /></td>
</tr>
</tbody>
</table></td>
<td id=demo2 width=21></td>
</tr>
</tbody>
</table>
<script language=JavaScript type=text/javascript>
<!--
var speed=30;
var speedStep=1;
demo2.innerHTML=demo1.innerHTML;
function MarqueeToLeft()
{
if(demo1.offsetWidth-demo.scrollLeft<=0)
{
demo.scrollLeft-=demo1.offsetWidth;
}
else
{
demo.scrollLeft+=speedStep;
}
}
var MyMar1=setInterval(MarqueeToLeft,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(MarqueeToLeft,speed)}
//-->
</script>
</div>
4、靜態網頁製作
方法/步驟
1、新建一個txt文本文檔，先不要急著修改文件後綴名，有基礎的朋友手動輸入HTML代碼，不會也沒有關系，百度搜索「網頁HTML代碼」。
代碼：
<!Doctype html>
<html>
<head>
<title>靜態網頁製作教程</title>
<meta charset="gbk" />
<link href="css.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
</body>
</html>
2、基礎的靜態網頁代碼寫出來了，下面在<body></body>中間添加網頁需要的數據內容（文字、圖片、表格、視頻等），然後將txt文本文檔的後綴名.txt修改為.html。現在點擊打開看看效果！小編在body中間加入的文字：靜態網頁製作教程。
3、這樣的文字太單調了，需要用CSS樣式定義，小編在桌面上新建一個文件夾「web」，把index.html文件放進去，然後在web文件件裡面新建一個txt文本文檔，修改為「css.css」。
4、使用滑鼠右鍵「打開方式」，選擇txt文本文檔編輯css.css文件。用CSS定義網頁字體大小12像素，網頁背景色為紅色，字體顏色為白色。
代碼：
body{font-size:12px;background:red;color:white}
保存，然後打開web文件夾中的index.html文件，查看效果。
5、下面在web文件下面新建一個images文件夾，然後打開軟體Fireworks，設計自己需要的圖片（沒有就去百度搜索自己需要的圖片，使用QQ截圖功能，截取自己需要的圖片），把設計好的圖片存入web文件夾下面的images文件夾裡面。現在我們在body中放入圖片，讓圖片在網頁裡面居中。
代碼：
<div align="center">
<img src="images/pic.png" alt="logo" title="靜態網頁製作教程" />
</div>
把上面的代碼放入index.html的body中，保存後打開看看效果！
小編在這里省略了表格和視頻的製作，小夥伴不知道的話，可以百度搜索一下。
整個簡單的靜態網頁製作完畢。
5、簡單的靜態網頁設計
您好，說簡單也不簡單，如果你肯花時間的話，那總會學會，你可以去比較好的設計公司拿里看看他們的實例是怎麼做的，你就知道是什麼程度了，你可以去BBD公司看看，能幫到你的忙。
有種最簡單的方法，最多十分鍾就搞定一頁：一，用DW軟體，打開-插入-表格-（這里您已經有了要作一個什麼樣網頁的大致想法）幾行，幾列。寬度要在1000為好，這樣下面就會出現一個導航條，邊界設置為0。如：插入表格為1行3列-確定。在用滑鼠點擊第一空格，插入-圖片，尋找您要插入圖片的位置，確定（或保存），然後在用滑鼠點擊第二個空格，插入。。。。等。以此類推。然後再用滑鼠點擊您剛才插入表格的下沿。重復您剛才的動作——插入-表格。幾行幾列要根據您對頁面的構思而定。如果要在空格里插入文章，一定要把文章的格式轉換成純Word文檔，後綴為.doc。
6、在html靜態網頁中如何插入背景圖片，急需！！！
兩種方法：
html：
<img src="xxx.jpg" width="100px" height="100px" />
說明：這是在網頁中插入一副圖像，能調整圖像大小，能拉伸圖像，但是不能平鋪圖像，圖像要佔用頁面的空間的，一般情況下，文字不能在這樣的圖像上面。
css:
#yourID
{
background-image:url('xxx/xxx.jpg');
}
說明：這是背景圖像，能平鋪，但不能調整大小。不會佔用頁面空間，文字可在其上。
這兩種看你的需要選擇。
另外，像樓上的回答：<body background = "圖片的路徑">，這樣做已經過時，不應該提倡。要知道，HTML只管呈現內容，CSS只管頁面布局和修飾。
7、一般做網頁設計背景尺寸定多大？
網頁的背景多大要看對網頁的要求的，
網頁設計標准尺寸:
1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。
2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象.
頁面標准按800*600解析度製作，實際尺寸為778*434px
頁面長度原則上不超過3屏，寬度不超過1屏
每個標准頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
另外120*90，120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K
8、網頁設計如何定義圖片的位置和大小
網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計. 網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Firefox等.
高度：
高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值，因為每個人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被插件佔了半個屏幕，所以高度沒有確切值。
寬度:
1、在IE6.0下，寬度為顯示器解析度減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。 2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005 3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001 註：Firefox或Opear在內容少於瀏覽器高度時不顯示右側滾動條。
所以如果是1024的解析度，你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點.也方便做一些浮動層的設計.
如果是800的解析度一般都設成770。但也有設成760的.
這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了插件或者其他的東西寬度會有變化所以 800的解析度一般設定760左右,1024的設定990左右.
網頁設計標准尺寸:
1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。
2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象.
頁面標准按800*600解析度製作，實際尺寸為778*434px 頁面長度原則上不超過3屏，寬度不超過1屏 每個標准頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 另外120*90，120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K
標准網頁廣告尺寸規格
一、120*120，這種廣告規格適用於產品或新聞照片展示。 二、120*60，這種廣告規格主要用於做LOGO使用。 三、120*90，主要應用於產品演示或大型LOGO。 四、125*125，這種規格適於表現照片效果的圖像廣告。 五、234*60，這種規格適用於框架或左右形式主頁的廣告鏈接。
六、392*72，主要用於有較多圖片展示的廣告條，用於頁眉或頁腳。 七、468*60，應用最為廣泛的廣告條尺寸，用於頁眉或頁腳。 八、88*31，主要用於網頁鏈接，或網站小型LOGO。 廣告形式 像素大小 最大尺寸 備注 BUTTON 120*60(必須用gif) 7K 215*50(必須用gif) 7K 通欄 760*100 25K 靜態圖片或減少運動效果 430*50 15K 超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果 巨幅廣告 336*280 35K 585*120 豎邊廣告 130*300 25K 全屏廣告 800*600 40K 必須為靜態圖片，FLASH格式 圖文混排 各頻道不同 15K 彈出窗口 400*300(盡量用gif) 40K BANNER 468*60(盡量用gif) 18K 懸停按鈕 80*80(必須用gif) 7K
流媒體 300*200（可做不規則形狀但尺寸不能超過300*200） 30K 播放時間 小於5秒60幀(1秒/12幀) 網頁中的廣告尺寸 1.首頁右上，尺寸120*60 2.首頁頂部通欄，尺寸468*60 3.首頁頂部通欄，尺寸760*60 4.首頁中部通欄，尺寸580*60 5.內頁頂部通欄，尺寸468*60 6.內頁頂部通欄，尺寸760*60 7.內頁左上，尺寸150*60或300*300 8.下載地址頁面，尺寸560*60或468*60 9.內頁底部通欄，尺寸760*60 10.左漂浮，尺寸80*80或100*10
9、圖片中靜態網頁設計代碼怎麼寫，要詳細代碼
<div>
<ul>
<li><a href="#">欄目一</a></li>
<li><a href="#">欄目二</a></li>
<li><a href="#">欄目三</a></li>
<li><a href="#">欄目四</a></li>
<li><a href="#">欄目五</a></li>
</ul>
</div>