網頁設計圖清晰

1、怎樣製作高清網頁圖片

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

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

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

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

2、網站如何用什麼代碼把圖片縮小變成清晰。

你是指網來頁網頁設計製作嗎？
兩種自方法：
一是用PS等制圖軟體把圖片本身尺寸縮小 。
二是在網頁設計軟體里修改。我不知道你用的什麼軟體，
Dreamweaver里是<img wideth="" highth=""></img>
也可以再設計頁面直接滑鼠拖動。 不知道你用的什麼軟體。

3、網頁圖片顯示的時候由模糊漸漸的變清晰，是用的什麼效果呢

圖片緩沖技術 Dreamweaver中有

4、網頁設計的首圖高清圖片都在那個網站上找啊？可以告訴我幾個網站嗎？

對於第一個問題：
一、自己設計。
二、素材網站、站長素材網站，可以百 度。提供免費素材。
三、昵圖、紅 動 中國、中國 設計 網等設計類網站。選擇別人的創意要購買。
四、豬八戒、一品 威 客、等威客平台發布設計任務；付費讓別人設計。
五、提供桌面圖下載的網站，一般桌面的圖比較大，精度夠高，使用起來能滿足要求。
第二個問題。
網頁設計的寬度根據你的表達效果和頁面設計的整體比例來確定。一般將導航下面的首圖尺寸和網頁正文的尺寸分開來，讓圖片能滿足於全屏幕的展示，取得良好的視覺效果。
以前瀏覽器小，用980為常態，後來一般比例用1024-1280的比較多。現在可以使用更寬，例如1680、1920以上等都可以，目的是為了適應主流瀏覽器的解析度，使網頁得到很好的展示效果。
有時候也可以將首圖寫在背景中，兼容性更好。
目前由於各種屏幕較多，特別是手機訪問的也很多。不使用固定尺寸，使用百分比，更能適應不同屏幕。但要注意整體細節的配合，免得局部尺寸的變化導致頁面變形。
現在流行的自適應布局就是考慮到各種屏幕大小或者放縮頁面的時候，都能有完美的展現。

5、用photoshop設計網頁首頁時，設置多少精度出來的網頁圖片精度高？

Photoshop製作網頁效果圖的幾個注意點：
第一點：新建文件尺寸大小； 製作網頁效果圖，首先就是要新建文件，那麼要建多大的合適呢？這可不是隨便亂定的，一般我們是要根據目前絕大部分顯示器的最佳解析度來定。在比較早些時候，17英寸為主流顯示器，最佳解析度為1024*768，所以考慮到網頁在顯示器上能有最好的顯示效果，一般都定在1003px以下（這個數據是由顯示器最寬1024px減去瀏覽器右側滾動條寬21px和到1003px）。如果你的網頁超過這個尺寸，那當網頁即使最大化顯示的時候，內容也不能完全呈現，底部就會顯示水平滾動條，這樣會影響用戶體驗！ 目前來說19英寸解析度達到1280以上的寬屏顯示器已經成為主流，因此現在很多網頁都開始做得更寬，比如可以做成1200px寬的，但為了能讓1024解析度下都能有好顯示，建議還是定為1003px以下，比如960，980都是合適的。如果不確定應該設置多少合適，可以打開參考網站，看看他們是設置多少。 如何查看別人的網頁尺寸呢？很簡單，使用截圖工具把網頁截下完整的寬度後使用Photoshop用選區工具框選寬度就能在信息面板里顯示出來了！
第二點：字體與字型大小； 字體方面，在瀏覽器里顯示的字體是調用操作系統里的，因為絕大部分操作系統都有宋體、黑體、微軟雅黑、Arial、Tahoma這幾種字體，所以在網頁效果製作時，盡量使用這些字體，如果不使用這些字體，那到在把網頁效果圖做成網頁的時候就沒法做出這種字體效果了；如果非要使用其他字體，那麼在做成網頁的時候只能以圖片的形式來顯示出來，不過考慮到圖片文件都偏大，會讓網頁打開速度降低，所以盡量不要以這種形式顯示。
第三點：關於顏色； 不同的操作系統會有不一樣的調色標准，因在Web上就有定義了一個安全色表，以期能讓符合這個色表定義的顏色，在不同顯示設備上都能有同樣的顯示效果。不過對於不是對色彩十分嚴謹的網頁效果來說，不需要這么嚴格執行，所以關於顏色，我們直接使用Photoshop里默認的顏色就可以了，當然，如果你所設計的網頁對於色彩十分看中，那請認真按照Web安全色標准設計。
第四點：網頁效果圖里填充的內容； 在製作網頁效果的時候，很多地方要填充文字內容，這個時候有些初學者為了方便操作，直接把同樣的內容復制使用，最後整個網頁上看起來就會顯得怪怪的。這里大家在填充內容的時候，最好是使用不一樣的信息，或者乾脆直接從其他網頁上截取內容填充。
第五點：要注重細節處理； 因為你製作出來的效果圖，最終是做為網頁的製作依據，因此在效果圖上，每個模塊的間距都要精確到像素、文字擺放的位置等也要准確到位。
第六點：保存的圖片格式； 效果圖製作好後，建議保存成png格式。不要存jpg格式，因為這個格式對圖片壓縮比較大，會丟失細節。

6、怎樣使網頁圖片上的文字清晰

你好啊！
我也是製作網頁的建議你先保存格式為jpg然後在fireworks軟體里專保存為png格式屬
fireworks是網頁專用圖形製作軟體
因為圖象分為點陣圖和矢量圖 點陣圖放大會有馬賽格
軟體在這里能下載的到
http://www.onlinedown.net/soft/9864.htm
你只要把圖片啊導入這個軟體里後在保存 在保存的格式里選擇 png格式

7、網頁設計切圖時，怎樣保存圖片（圖片既清晰所站空間又小）？

用「切片工具」將圖片按想要的切好，如圖：

然後使用「儲存為Web所用格式「，如圖：

調整」品質「然後儲存！

8、在photoshop做好的圖片在網頁上不清晰怎麼辦？

1.有些網站為了節約空間容量，使用插件對上傳的圖片進行壓縮，讓圖片體積更小，內也意味著圖片質量容下降，導致圖片模糊；
2.如果網頁上有不同尺寸的相片，上傳的尺寸小於網頁上的，出來也會失真模糊；
3.網頁上的圖片，越放大的話越模糊，是因為這些都是像素格式的類型總的像素是不變的,所以同等面積像素數量不變,放大以後像素數量不變,而面積變大了自然就不清楚了。如果想做到放大縮小顯示效果一樣,就必須使用矢量格式才可以做到。
4、儲存的時候建議用儲存為Web各式所用這個方式儲存，優點是圖片質量保存得很好，大小壓縮也很好，總的來說是儲存時候優化比較精細。如直接用儲存的方式保存的圖片，畫質損失了而且圖片還比較大，可以去測試下。

9、怎樣能讓ps製作出來的網頁圖片更清晰？

LOGO還是一種早期的計算機編程語言，也是一種與自然語言非常接近的編程語言。

dreamweaver是用來建立內web站點和應用程序的專業工容具。

PS是一款專業的圖像處理軟體，在製作網頁的時候，可以使用PS和dreamweaver，會使網頁更加完美。

10、設計做的72解析度首頁圖很清楚，但是別人切圖之後放到網頁就不清晰了，一般問題會出在哪個環節？

問題原因比較多，
1、比如切圖的時候文件保存的是gif格式，而一般我們是以RGB格式設計的，回導成gif格式會使圖答片失真；
2、設計細節的時候要精確到1px，就是線條要足夠清晰，不要安裝自己的感覺伸縮，覺得差不多就這樣了，其實有時候目測的時候看不出什麼問題，但是切圖的時候小細節問題多了，累積起來就容易看出問題了
3、切圖的時候導入的圖片沒有設置該圖片的原有尺寸，有的瀏覽器不會有什麼問題，有的瀏覽器就會進行拉伸導致圖片變形或者模糊
4、切圖的時候導出的圖片品質沒有調到最佳，使得圖片不夠清晰

最終原因我上面也只是猜測，我也看不到你的頁面到底是何種模糊狀態，也不好下准確的判斷