① 網頁設計，怎麼變成第一張（原圖）的樣子，第二張是我編寫的。

這個網頁是設定了寬度的。

你設置下寬度，並且居中就可以了。

② 網頁設計中圖片的解析度是多少

圖片的解析度在不同的地方是不一樣的 網頁設計為72DPI 寫真為152 2樓說的都對

③ html網頁設計裡面怎麼平鋪背景圖片

html網頁設計裡面平鋪背景圖片的代碼如下：
<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>
網頁背景默認是平鋪整個屏回幕的，可能有以答下原因導致不能平鋪：

1、圖片不夠大，又background屬性不能拉伸圖片；
2、只能用個div，把其z-index值設為負，並使這個div大小為整個body大小，在div里用<img> ；
3、body的background屬性去掉，要不然會被遮住。

④ 網頁設計 圖片輪顯的代碼

網頁設計圖片輪顯的代碼如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
<SCRIPT src="js/article.js"></SCRIPT>
<link href="css/css.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="312" border="0" align="center" cellpadding="0" cellspacing="0" class="solidbox">
<tr>
<td width="312" height="312" align="center"><TABLE border=0 align="center" cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD><DIV id=oTransContainer
style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 220px; HEIGHT: 194px"><A
href="http://www.makewing.com/lanren/"
target=_blank><IMG id=oDIV1
style="DISPLAY: yes;"
height=300 src="images/01.jpg"
width=300 border=0></A><A
href="http://www.makewing.com/lanren/"
target=_blank><IMG id=oDIV2
style="DISPLAY: none;"
height=300 src="images/02.jpg"
width=300 border=0></A><A
href="http://www.makewing.com/lanren/"
target=_blank><IMG id=oDIV3
style="DISPLAY: none;"
height=300 src="images/03.jpg"
width=300 border=0></A><A
href="http://www.makewing.com/lanren/"
target=_blank><IMG id=oDIV4
style="DISPLAY: none;"
height=300 src="images/04.jpg"
width=300 border=0></A></DIV>
</TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
<tr>
<td height="22" align="right" valign="top"><script>var MaxImg = 4; fnToggle();</script>
<TABLE cellSpacing=1 cellPadding=0 width=110
border=0>
<TBODY>
<TR>
<TD width=26><A href="javascript:toggleTo(1)"><IMG height=15
src="images/s_1.gif" width=17
border=0></A></TD>
<TD width=26><A href="javascript:toggleTo(2)"><IMG height=15
src="images/s_2.gif" width=17
border=0></A></TD>
<TD width=26><A href="javascript:toggleTo(3)"><IMG height=15
src="images/s_3.gif" width=17
border=0></A></TD>
<TD width=27><A href="javascript:toggleTo(4)"><IMG height=15
src="images/s_4.gif" width=17
border=0></A></TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
</table>
</body>
</html>
CSS的代碼為：
td {font-size: 12px;}
.solidbox {
BORDER-TOP: #D7D7D7 1px solid;
BORDER-RIGHT: #D7D7D7 1px solid;
BORDER-BOTTOM: #D7D7D7 1px solid;
BORDER-LEFT: #D7D7D7 1px solid;
}

⑤ 正常網頁製作背景圖片應該多大

1、背景最好是能夠做到自動延伸，現在的顯示器是越來越大，解析度也慢慢的專變大了，現在用1600*900解析度的也不少屬，我的就是，當然也有人用1280*768、1024*768等，所以網頁設計的背景一般是不會設計成固定尺寸的，你可以做成可循環平鋪的圖片或者漸變顏色，直接是一種顏色那就更方便了；

2、其實網頁設計一般所說的尺寸指的是主體框架的尺寸，就拿現在這個網路知道的頁面距離，中間的主體部分無論是瀏覽器怎麼伸展，主體內容的寬度是保持不變的，我查看了一下css代碼，這個主體框架的寬度是980px；

3、你設計的時候把主體部分設置成980-1000px就差不多了，畢竟現在使用1024*768解析度以下的人已經畢竟少了。

⑥ 網頁設計怎樣添加圖片

如果你是在本地查看這個網頁，顯示不了圖片，很可能要檢查一下圖片的地址，如果是絕對地址，當網頁或圖片位置被移動後，查看網頁時便無法關聯到圖片。

如果你是准備把網頁放到互聯網上的某個網站主機，則應該把圖片連同網頁也一同上傳到網頁主機，當然圖片的地址也必須保持是正確的。

建議你看看有關html的書籍，很簡單便能看懂。

⑦ 網頁設計圖片多個圖片橫排的的問題!!!

讓UL的寬大於八個圖片的寬的總和。然後讓放圖片的LI的寬等於圖片的寬，再讓圖片FLOAT就可以了。

⑧ 怎樣製作高清網頁圖片

要想學做網頁，首先得了解製作網頁的工具。

製作網頁主要有以下一些工具

Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕松，功能不咋地，我不太喜歡。

Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。

另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。

此外還有一些網路編程工具，javascript、java編輯器等。

網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。

大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。

總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！

網站設計八步驟

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者。

網頁製作教程:
FONTRPAGE的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/fp2k.zip

dreamweaver的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/dreamweaver.zip

要是在網上的話,你最好去一些論壇,你可以查一下,很多的

⑨ 網頁設計里常用的圖片格式有哪些

1、PDF格式，是Photoshop圖像處理軟體的專用文件格式，文件擴展名是．，也是Photoshop中新建圖像的默認格式。它是唯一支持所有可用圖像模式（點陣圖、灰度、雙色調、索引顏色、RGB、CMYK、Lab和多通道）參考線、Alpha通道、專色通道和圖層（包括調整圖層、文字圖層、圖層效果和圖層蒙板）的格式，是一種非壓縮的原始文件保存格式。網站設計中PSD文件有時容量會很大，但由於可以保留所有原始信息，在圖像處理中對於尚未製作完成的圖像，選用PSD格式保存是最佳的選擇。
當對一張照片處理完成後，保存時選擇Pdf格式，能夠保存各個圖層，通道，蒙版等的所有信息，當再次打開時想要修改某個細節如：刪除某個圖層樣式，修改某個調整圖層或將某個Alpha通道作為選區載入等，都是很方便的。但是一般psd格式圖像文件較大，不便於傳輸，所以一般採用這種格式保存作為作品的備份。
2、GIF圖片格式，GIF是一種調色板型（palette type）（或者說是索引型）的圖片。它含有多達256種的顏色。每一個象素點都有一個對應的顏色值。因為這種格式不再存在專利權的問題
GIF是一種無損壓縮的格式，這意味著當你修改並且保存了圖片的時候,它的質量不會有任何損耗。
GIF格式也支持動畫.在黑暗的web1.0時代，它導致了大量多餘的曇花一現的「新」圖片（blinking 「new」 images），循環的@符號（rotating @ signs），birds dropping，a email以及其他一些讓人厭煩的東西的出現。在更加文明的web2.0時代，在等待一個更新頁面的ajax請求的時候，我們仍然會看到 「loading」動畫，網站建設但是也有一些比較討人喜歡的東西,人們喜歡把它們放在自己的網路上。不管怎麼說，如果你有需要，就可以使用動畫支持。
GIF也支持透明度，透明度的值是一種布爾類型數據。GIF圖片里的一個象素要麼完全透明,要麼完全不透明。
3、 PNG圖片格式，PNG的圖片又分為 PNG-8 、 PNG-24 兩種，其中，PNG-8 與 GIF 類似，支持 256 色調色板 ，而 PNG-24 只支持 48 位真彩色，凡是 GIF 擁有的優勢 PNG-8 都擁有，GIF 所沒有的優勢 PNG-8 也有，同樣的文件，PNG-8 格式比 GIF 要小， PNG-8 的特點使得它在網站設計切圖環節深受網站設計師的喜愛。PNG 可以以任何顏色深度存儲圖像，也支持高級別的無損耗壓縮、支持伽瑪校正，支持交錯，受最新 Web 瀏覽器的支持，能夠提供長度比 GIF 小30%的無損壓縮圖像文件，最高支持 48 位真彩色圖像以及 16 位灰度圖像，漸近顯示和流式讀寫，深圳網站設計不足的是較舊的瀏覽器和程序可能不支持 PNG 文件。
4、JPEG圖片格式，是目前網路上最流行的圖像格式，是可以把文件壓縮到最小的格式，在 Photoshop軟體中以JPEG格式儲存時，提供11級壓縮級別，以0—10級表示。其中0級壓縮比最高，圖像品質最差。即使採用細節幾乎無損的10 級質量保存時，壓縮比也可達 5：1。以BMP格式保存時得到4．28MB圖像文件，在採用JPG格式保存時，其文件僅為178KB，壓縮比達到24：1。經過多次比較，採用第8級壓縮為存儲空間與圖像質量兼得的最佳比例。JPEG格式的應用非常廣泛，特別是在網路和光碟讀物上，都能找到它的身影。目前各類瀏覽器均支持JPEG這種圖像格式，因為JPEG格式的文件尺寸較小，下載速度快。
5、BMP圖片格式，BMP是英文Bitmap（點陣圖）的簡寫，它是Windows操作系統中的標准圖像文件格式，在Windows環境下運行的所有圖象處理軟體都支持BMP圖象文件格式。Windows系統內部各圖像繪制操作都是以BMP為基礎的。隨著Windows操作系統的流行與豐富的Windows應用程序的開發，BMP點陣圖格式理所當然地被廣泛應用。這種格式的特點是包含的圖像信息較豐富，深圳網站設計幾乎不進行壓縮，但由此導致了它與生俱生來的缺點--佔用磁碟空間過大。所以，目前BMP在單機上比較流行。BMP點陣圖文件默認的文件擴展名是BMP或者bmp（有時它也會以.DIB或.RLE作擴展名）。
6、TGA圖片格式: TGA的結構比較簡單，屬於一種圖形、圖像數據的通用格式，在多媒體領域有著很大影響，在做影視編輯時經常使用,例如3DS MAX輸出TGA圖片序列導入到AE裡面進行後期編輯。
其他還有些網頁設計中比較冷門點的格式，如TIF、PCX等格式，一般就用的非常少，這里就不做一一介紹了。合理的運用好格式可以很好的控制好網頁布局。

⑩ 為什麼在製作網頁設計時背景圖片總是出現好多小尺寸的圖片，而不是一副完整的和屏幕一樣大的圖片

小圖採用的是平鋪方式，占空間小，大圖占空間大，現在網頁都採用小圖了。環保。