DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網頁制作:從切圖到生成網頁
網頁制作:從切圖到生成網頁
編輯:關於網頁技巧     
  鑒於很多朋友問到如何切圖這個問題,又鑒於這個問題可大可小,一兩句話是絕對講不清楚的,所以今天有空閒在家裡就舉一個簡單的例子來說明這個問題吧!OK,讓我們開始:

  step1:在PhotoShop中打開設計稿,如下圖
13220191_2006040417143359044100.jpg

  選擇工具板上的slice切片工具,先大刀闊斧的切上一番!技巧: 大面積的色塊單獨切成一塊,盡可能的保持在水平線上的整齊(這個問題你們在後面的制作頁面中深有感觸)切好的圖如下所示:
13220191_2006040417143376505100.jpg

  step2:在PhotoShop中選擇file-save for web...來輸出,這裡要注意一些參數的選擇:
13220191_2006040417143391832600.jpg

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved