HoHoHo

用來記錄示範的風景圖 steps by steps 分割大圖片成小圖片 拉格線切好區域 選 Slice Using Guides 進行分割 完成切割的區域 圖片切割成果 做個記錄，以免忘記Gimp這個小技巧的時候還有地方可以找。 gimp 比起 photoshop，在網路上可以找到的教學資源相對少很多，可能是因為跟 photoshop 比起來，大部分的功能都類似，如果會用 photoshop 的人，花一些時間應該就可以開始使用 gimp，如你是直接放棄的人，也不會找到這篇文章了。 總之今天記錄的這個技巧就是把一張大圖用切片的方式分割成小圖。 做法很簡單，先拉好格線，再選擇 slice by guide 這個選項，就可以看到大圖按照格線完成分割，Gimp 會協助生成分割的圖像或是圖層，也會把屬於該區塊的圖像或是文字要素分類好。 以下就是steps by steps 的步驟記錄。 拉格線切好區域 用格線切出要分割的區域 從上面和左邊的尺標，壓住滑鼠左鍵後拖拉，就可以看到格線出現 上面的尺標往下拉，會出現橫格線 左邊的尺標往右拉，會出現直格線 上面的圖就是橫的跟直的格線各拉一條，目標就是要把這張風景圖切成4份，   選 Slice Using Guides 進行分割 到選單，選Slice Using Guides，完成切割 Slice Using Guides的路徑在上方的工具列，沿著影像叫出選單。 接著可以從選單看到 Slice Using Guides 的選項，上個步驟已經切好，這裡只要壓下去，程式就會幫你切成你要的區域，並放在另外的頁簽，看起來就是下面的樣子。   完成切割的區域 4個區域切割完成後，產生新的4個頁簽   圖片切割成果 接下來就是個別到完成的頁簽裡面去，把圖輸出成自己要的格式和尺寸，就完成切割了，切出來的四個區域分別如下: 右下區域 左下區域 右上區域 左上區域 確認沒有問題就可以個別輸出，完成把圖片切割成區域圖片的工作，知道方式後覺得很簡單，但找資料真的不好找，留給記錄，也給大家做參考。 畢竟要台灣的

網誌中有一個目錄，就是上圖出現的形式，以上是通過一段程式碼自動產生，這段程式碼不是自己寫，寫code的功力在當年寫 Assembly 機械組合語言以及C++持續重修7次以上的時候全消耗完了，還好測試應用還沒忘，下面這段程式碼測試過可以用，非常感謝寫程式的人在網路上的奉獻，但就是擔心之後程式碼忘記，寫個簡單的程式碼應用筆記做可記錄。 ----------------------------------------------------------- <script src="http://sites.google.com/site/lunfiles/js/archivedate.js"></script><script src="http:// hohohotw .blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script> ----------------------------------------------------------- 這個程式碼很單純，就是兩段而已，使用的方法簡單說，就是把兩段橫線中間的程式碼複製起來，在到想要展現的blogger頁面下用HTML模式把程式碼貼上就完成。 主要靠的是第一段，透過網路去使用其他人寫好的 JavaScript 程式碼，第二段就是把黃標的部分上面改成你自己的 blogger 址就可以。 詳細的步驟如下 登錄到 Blogger 後台 側欄選 " 網頁 " 選到網頁後，會發現側欄最上方變成 “+新網頁”，選 “ +新網頁 ” 從標題下方的工具列最左邊的 “筆圖標 icon” 做調整 預設撰寫模式，將它切換成"HTML檢視" 確認是否有切換到 "HTML檢視" 如果成功切換，文章最左邊會出現行號 "筆圖標 Icon" 也會變成雙三角括號  “ < > ” 將上面的那段程式碼貼上，記得改成自己的 Blogger 網址再貼上 貼好後，發布 發布完後，先按查看，打開剛做好的網頁， 這個頁面