天天干夜干-天天干夜啪-天天干夜夜操-天天干夜夜操视频-天天干夜夜爽-天天干夜夜夜

當前位置: 首頁 >

做網站制作的時候切片排版有哪些技巧

來源: 網站制作    發布日期: 2012-10-12 13:48    點擊量: 59284

設計效果圖》切圖+制作靜態html模板》嵌套至CMS,這些是一般的網站制作步驟流程,不過切圖雖然是最簡單的那一步,但其中也會有很多技巧的,根據以往的經驗我總結了以下幾點:

總體上,把握一個原則,能用css寫的,堅決不要用圖片。想必大家都知道,首頁如果放有很多圖片的話,那么網站打開的速度就會很慢,因為圖片多,需要下載的文件體積就增大,還有每一個圖片下載都會對服務器有一個請求的,增大了瀏覽器與服務端的交互次數,如果能把純色的部分用css來寫,而不因為省事直接切圖,就會極大提高網站的運行效率,我最早開始學習制作網站時,就想當然的認為怎么樣能加快制作速度就怎么來,于是把一個導航條的背景直接切成圖片,后來老板看到我寫的html代碼,告訴我不能這么干,用div定義好寬和高設置背景色和邊框,一行代碼就搞定。如果遇到有漸變色的背景,可以沿著與漸變色相同方向切一個像素的條紋,用cssbackgroundrepeat-xrepeat-y來自動填充。


對于有圓角的導航條圖片,可以將兩邊的圓角部分單獨切出來,中間如果有漸變色,也是只切一個像素的條紋,切出來的三個條紋可以合并到一張圖片里(上、中、下),使網頁中使用的時候用css中的positon屬性來定位圖片出現的位置。

其實呢,切割效果圖的過程對于圖片的保存格式也是很有講究的,一般來講,用圖像工具(如photoshop)制作的色彩絢麗的按鈕或圖標一般都存成png格式,而用相機拍攝的風景或人物、物體圖像多用jpg格式保存,gif一般用來存儲含有簡單動畫效果的圖像,另外需要注意一點的是,如果圖片中使用了透明效果,要存儲成png-8的格式,png的其他格式要么不支持透明,要么保存時文件要大很多,png-8性價比最高的。


其實有很多命名圖片都是有規則而無意義的,如,index_02_01、 index_01、index_02這些,不要覺得圖片命名的重要性不大,一定要養成一個良好的習慣,把切好圖片的命名也看重一些,最好做到見名知意。

在進行網站改版網站維護的時候,如果要更換某些網站圖片,就需要一個一個從瀏覽器中右鍵查看圖片地址,記下每一個長長的沒有規律的圖片名稱,這會讓技術人員十分崩潰(也可能就是你自己),所以,在保存圖片時就給它寫上有意義的名字是很必要的。

以上是個人總結的在做網站時的一些切圖技巧,希望對廣大菜鳥級的朋友給點怎么樣做網站的一些建議,或者是對于想從事網頁設計的朋友的一些提示吧,歡迎朋友們來相互學習交流!

相關新聞

CONTACT USCAREERSFOODSERVICEPRESSPRIVACY POLICY
? 2014 yijueweb. All rights reserved.
?
 
主站蜘蛛池模板: 亚洲小视频| 色视频网站大全免费| 99久久精品国产免费| 四虎在线最新地址公告| 美剧免费在线观看| 一级视频在线播放| 色猫成人网| 久久深夜福利| 一级黄色大片免费| 色秀网站| 农村的毛片丨级| 中日毛片| 天天欲色| 青青久操视频| 国产成年女一区二区三区| 小明永久2015www永久免费观看 | 天天噜天天干| 欧美一区二区精品系列在线观看| 最近韩国高清免费 hd| 天天看片天天操| 青草视频在线观看国产| xvideos国产| 青草草| www.一区二区| 亚洲国产精品久久久久| 日韩一级黄色大片| 美女被草视频在线观看| 中文字幕第315页| 五月婷婷综合激情网| 日本aaaaa级片| 河南毛片| 伊人网视频| 婷婷爱爱| 日本在线一级| 卡一卡二卡三国色天香永不失联| 在线视频亚洲| 五月天国产| 日韩欧美综合在线| 欧美色爱综合| 国产欧美亚洲精品第二区首页| 亚洲一区二区福利视频|