想想，自己要把過去看過的書都把它寫出來，就算是對自己的一種交代。有些書，值得一看再看的，而且每次閱讀時的心中產生不同的悸動！
像是一本書名為
「槍砲、鋼鐵與細菌」
( 如果我沒記錯的話，就是三樣東西組合 )，這本書我曾經擁有四次，每次看一看，就把它借給朋友看，一借就不知去向！
本來心中想的有點不高興，但是，又想到每次「又」擁有時，心裡總有些爽爽的！
還記得第一次擁有的時候，心中不知怎地有些感動，想著為何有這種書籍，為何會有人寫的出來！
可是老實說，現在若有人問我說，能夠說得出個所以然，那有點難為我了！但是一看到書的封面，那我就可以一點一點得說出來。
在InDesign課程中，都會加入這個操作方法，
但是，不是很好記，所以錄成影片給大家看，
將來要用的時候，如果不幸忘記了，可以來看一下。
重點在你希望置入很多圖片在同個頁面，
希望要快，又不想讓圖片的寬高比例跑掉，
操作方式就是置入多圖時，左鍵不要放開，
左手按住鍵盤上的 Ctrl 與 Shift 鍵，
此時，頁面上的滑鼠流標會變成六個小方塊，
使用滑鼠往右下方拖出你需要的大小。
這幾天有空時都在構思網站的草圖及用色，
今天初步定案首頁草圖，內頁應該也是這樣，
因為將此網站定義為展示型網站，展示妹妹的作品，
作品很多很多，還要整理、分類，我這邊的步調會快一些。
圖中的左上方LOGO處，設計中...
上方大圖要找一張她最愛的作品，以柔焦處理，
下方 footer 處要好好思考放哪些連結。
也為了因應現今上網環境的變化，
很多人都用手機或平板上網，所以要考慮不同螢幕的大小，
這個頁面完成後會建立為範本，提供整個網站的頁面。
而建立過程中將使用到 Dreamweaver CS6 中的 "流變網格 ( Fluid Grid Layout )"，
以便網站輸出時，可以同時符合手機、平板及電腦螢幕的大小。
所以建立這個草圖時，就是以 Div + CSS 來思考，
可是，目前 DW CS6 中的流變網格 ( Fluid Grid ) 不接受巢狀 Div ，
也就是說最外圍的 "container" 會刪掉，純粹以上下多個 div 相疊的方式建立，
中間三個區塊用 "#content" 包覆，
再以個別的 CSS 規則設定裡面那三塊的位置與寬高，如下圖：
屆時，使用流變網格建立網頁的過程會以影片方式呈現，敬請期待。
由於妹妹的職業是教授手工捏塑，看著她成天都在捏捏捏~~~，
倒是真的設計很多作品出來，就產生幫她架個網站，以便讓更多人知道她厲害之處的想法。
回頭想想自己，上課時一直苦口婆心鼓勵同學們要實作，
所以，決定將網站架設的整個流程記錄下來，
可以用影片呈現的就錄下來，
不然就用文字敘述做了哪些動作，目前考慮幾個步驟：
Part0 準備期：
蒐集文字與圖片，與妹妹討論要如何區分產品類別。
建立架構圖，訂好資料匣名稱、檔名與個網頁標題。
設計 Meta(檔頭資訊) 的關鍵字與網站敘述。
Part1：
Photoshop 設計版型
Part2：
Photoshop 切片
Part3：
DreamWeaver
設計範本
建立首頁
建立內頁
Part4：
建立測試伺服器
Part5：
申請網站空間與網址
上傳網站
以上就是至目前為止的構想，
過程中會多用一些輔助工具，
例如 960 Grid System，Easy CSS Menu，Light Box 2.....，
期盼可以讓各位
有心學習網站建置的人可以多一個參考的來源。
每次看到這個小天地的文章，臉上都有些發燒，因為更新的次數實在不給力的緊！
農曆年休假時，本就要開始好好地多加些文章，
可惜當時弟弟帶了可愛的姪子與姪女回來，所有心思都在他們身上。
所以這幾周好好想想要寫哪些題目，
基本上要求自己至少一周一篇，
也準備了麥克風，之後上傳的影片都會加入旁白以說明，
最慢下周開始，敬請期待與指教。
曾經好好地思考過，如果上課的內容一直重複、了無新意，
不僅會覺得對不起學員們，自己也可能會無聊到睡著，
在此，先感謝各位學員支持。
在使用 Photoshop 處理圖片時，應該會常常遇到重複性的步驟，
也經常在上課時介紹 "動作 ( Action )" 的好處，
剛剛在網路上搜尋依些毛筆字，找到一些JPEG的圖片，
試著將背景去掉，以便當作海報的素材，晚一點可以在 Illustrator 中置入使用，
做著，做著，突然想到也好幾個毛筆字要做，乾脆錄成一個動作，省事！
先觀察過，這幾個毛筆字的背景與位置都類似，試幾個字之後，發現可行！
於是就開始錄製一個名為"毛筆字去背"的動作，日後在有相同情況就可以節省很多時間了。
有興趣的同學們，可以看看影片，自己做做看，
同時，好好想想，自己平日在生活中或工作領域內，是否也有一些一直重複執行的動作，
規畫一下，通通錄下來，錄越多、省越多 ( 時間 ) ！
請看：
