內頁Banner背景圖
創絡講堂
白色波浪圖形
灰色波浪圖形 灰色波浪圖形
白色波浪圖形 白色波浪圖形
白色波浪圖形 白色波浪圖形
白色波浪圖形 白色波浪圖形
本文于2013-04-20最后更新,距今已超過1年,如不符合現在的實際情況,可聯系創絡客服獲取幫助或查閱近期文章。

首先要說明一下,本文并不適合網站設計初學者閱讀,因為深圳網絡公司【創絡】原則上不會在這里向大家傳遞任何技術手法,我們只是分享經驗。本文不會告訴大家如何去設計網站圖片才更加漂亮,而是要告訴大家網站上的圖片要如何去處理。例如:如何盡量減少網站上的圖片、圖片的格式控制以及網站上圖片如何命名。對于已經有一些技術基礎的朋友,本文會告訴你一些網站建設公司內部的手法,有可能和學校里學到的不一樣,卻更加實用,讓你更加接近網站設計高手的水平。

網站量身定制的開發步驟是:PS設計效果圖、切圖、DIV+CSS、程序。對于圖片的應用,最為關鍵的就是在切圖和DIV+CSS這兩個步驟。首先要告訴大家一個原則:能不用圖片的地方就不要用圖片,能用小圖片的地方絕對不用大圖片。例如那些一整塊區域都是同一個顏色的時候,我們就可以使用CSS定義的方式來設定顏色,如果是漸變的顏色,也可以考慮使用1像素圖片重復的方式來填充。直接使用圖片做背景不但會讓網站服務器響應過多的請求,更加會讓網站加載的速度變慢,靈活的運用background的repeat屬性會讓網站的性能得到大幅度提升。

以前有一個叫做ImageReady的軟件,專門用來切圖,現在最新版的PS CS5中已經完全集成了這個功能。不過在使用的時候,創絡建議盡量將網站固有的圖片(即:后期不會讓網站管理員在后臺更換的圖片)均保存為GIF格式,通常IR軟件在導出的時候,都是優化過圖片大小的。而后期網站上傳的照片可以使用JPG格式,按鈕等透明背景的圖片則應使用PNG格式(PNG注意IE6的兼容性,如果色數較少也可以使用GIF格式),如果技術條件成熟的話,可以將網站后臺上傳的圖片進行自動等比例壓縮,以期在獲得最佳顯示尺寸的同時還有最佳的圖片加載速度。

至于網站圖片的命名就是一個經驗問題了,如果有人給你傳過來一份DIV+CSS文檔,而其中的圖片命名都是index_01這種格式,那么這個人就有可能是新手,缺乏一定的團隊合作經驗。深圳網站建設公司創絡科技建議大家在寫DIV+CSS的時候,圖片命名規則盡量要一目了然,而且要有意義,例如:menu_bg.jpg表示菜單背景圖片,使用這樣的方式命名,和你搭檔的伙伴肯定會感激你的。

上一條 返回目錄 下一條
更多閱讀選擇
相關文章
我們推薦了一些您可能也會感興趣的文章
客服電話
  • 0755-23698839
  • 134-1757-3710
  • 132-6576-8769
創絡建站客服二維碼
不出售過期域名
微信咨詢
在线色_午夜福利视频网站_裸交视频_国产一级AV片