Part0 準備期：網站草圖

這幾天有空時都在構思網站的草圖及用色，
今天初步定案首頁草圖，內頁應該也是這樣，

因為將此網站定義為展示型網站，展示妹妹的作品，
作品很多很多，還要整理、分類，我這邊的步調會快一些。
圖中的左上方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.....，
期盼可以讓各位
有心學習網站建置的人可以多一個參考的來源。

推薦~~免費的 CSS網頁版型下載~~好樣的

現今的網頁設計主流該是HTML+CSS+JavaScript，
過去使用表格加上巢狀表格的呈現方式，會阻礙搜尋引擎到你的網站拜訪！
如果你的網站已稍具知名度，當然不用擔心。

但是，新建立的網站最迫切希望的就是被網友是用關鍵字找到，
在這方面，CSS的版面呈現因為都是使用文字，占了先天優勢。
所以，以下提供幾個CSS的網頁版型下載網站，

http://www.freecsstemplates.org/
http://ramblingsoul.com/
http://www.oswd.org/
http://www.free-css-templates.com/

當然，如果各位可以持續強化自己的CSS控制能力，
這些版型到了你手上，可以有更多變化，加油！

下定決心要好好寫很多文章！

每次看到這個小天地的文章，臉上都有些發燒，因為更新的次數實在不給力的緊！
農曆年休假時，本就要開始好好地多加些文章，
可惜當時弟弟帶了可愛的姪子與姪女回來，所有心思都在他們身上。

所以這幾周好好想想要寫哪些題目，
基本上要求自己至少一周一篇，
也準備了麥克風，之後上傳的影片都會加入旁白以說明，
最慢下周開始，敬請期待與指教。

App

當初會將手機換成 HTC，出發點是為了試著設計一個自己感興趣的 APP，結果，一年後的現在才開始動工！花了很多時間找尋工具、軟體，現在決定要使用 DewamWeaver CS6來寫，內容是以 HTML + CSS + Javascript 做架構。

為啥？因為比較熟悉這個軟體，CS6又可以直接使用 PhoneGap Build 來寫，這是新的功能，與CS5有些不同。現在試著做一個跟咖啡有關的 APP ，上傳到 PhoneGap 網站再載回來，可以在手機上直接安裝、測試，感覺挺實際的，就是可以直接看到結果。

也因此，這陣子到處搜尋台北市咖啡廳的相關訊息，喝到不少好咖啡，見識很多不同的想法與做法，前幾天看到電視上有個問卷調查，結果顯示有七成多的人心中藏著一個夢想，就是開一家咖啡廳，

不過，建議有這種夢想的人，一定要認清一個事實，喜歡喝咖啡與經營一家咖啡廳是完全兩個星球的不同概念！

還沒成為電腦講師的十多年前，也曾經幫朋友顧過一家咖啡廳，當了一年店長，發現，自己雖然扛著業績，壓力不小，但畢竟不承擔盈虧，就算營業額不夠好，並沒有損失金錢之虞！

OK，等到這個 APP 正式上到 Google Play 時，會向各位報告，請大家踴躍下載大力用用看，也墾請大家多多建議。

Photoshop 色版運用於去背，錄製成動作

曾經好好地思考過，如果上課的內容一直重複、了無新意，
不僅會覺得對不起學員們，自己也可能會無聊到睡著，
在此，先感謝各位學員支持。

在使用 Photoshop 處理圖片時，應該會常常遇到重複性的步驟，
也經常在上課時介紹 "動作  ( Action )" 的好處，
剛剛在網路上搜尋依些毛筆字，找到一些JPEG的圖片，
試著將背景去掉，以便當作海報的素材，晚一點可以在 Illustrator 中置入使用，
做著，做著，突然想到也好幾個毛筆字要做，乾脆錄成一個動作，省事！

先觀察過，這幾個毛筆字的背景與位置都類似，試幾個字之後，發現可行！
於是就開始錄製一個名為"毛筆字去背"的動作，日後在有相同情況就可以節省很多時間了。
有興趣的同學們，可以看看影片，自己做做看，
同時，好好想想，自己平日在生活中或工作領域內，是否也有一些一直重複執行的動作，
規畫一下，通通錄下來，錄越多、省越多 ( 時間 ) ！

請看：

去年"摘取"相關文章錯誤更正

去年的6月8日曾有一篇文章講到CS4與CS5的摘取，有一半是錯的，真糟糕！慎重向各位道歉。

文中本提到要將"摘取"等舊版濾鏡放回軟體中，在CS4、CS5中是一樣的，
事實不然，
CS5的增效模組處理方式不同，下載網址：
http://www.adobe.com/support/downloads/product.jsp?product=39&platform=Windows

還是提醒各位，請先閱讀資料匣中的PDF說明檔。

抱歉，感謝。

星光寒令營_我妹妹是其中講師

以下課程中的"兒童捏塑"課程的講師是我的親妹妹，
若是家中有小朋友，不知道寒假該讓他忙什麼的話，參考一下吧！

星光藝術寒令營

親愛的家長您好，在一個特別的寒令中，安排一些讓自己身體暖和的活動吧來一個不同的藝術饗宴！
寒令中有更多豐富的課程可以讓你來選修。


讓您的孩子調整姿態，延伸線條！學習專業舞蹈！MV舞蹈、明星熱舞、現代舞、兒童舞蹈、瑜跏、中東肚皮舞、芭蕾舞，民族舞蹈、舞蹈技巧基本功、肢體調整、兒童捏塑、兒童美術、舞蹈自信開發等多元化課程!展現綻放自信與迷人光彩!

＊課程期間：1月20 - 2月11日(課程開放選課!)

兒童捏塑材料費

1/21~御飯糰磁鐵組1/24~好彩頭掛飾1/26~可愛熊獅開關面板1/28~甜點派皮memo夾(各100元)


2/8~法國兔筆筒 2/10~糕點熊相框(各180元)六堂(600元)

地址：內湖區成功路三段173號3樓
聯絡電話：0939-877711
(02)2792-8181

新生兩人同行，課程優惠(多贈送2堂價值600元)

幾堂課16堂課3600 12堂課3000 單堂課300元

新班陸續開課中，如上列時段無法配合您的需求，請告知老師，我們將儘快為您安排時間與課程！

超好用Flash模板

最近發現幾個網站與FLASH模板有關，可以免費下載，
只要稍作修改就可以直接使用在自己的網站內，效果相當不錯。
還有一個網站則是直接在線上建立純flash網站，基本上是要付費，但是免費版已經很棒！
再多搜尋一下，才發現這類網站還蠻多的，大家花點時間應該可以找到更多。 

1. http://www.flashmo.com

這個網站提供相當多(目前看到262個)flash模板，下載後修改即可使用，
重點是，這些模板都是與XML搭配，順便可以練習XML的修改，
也可以觀摩一下正確XML檔案的寫法，
換個角度講，除了學習檔案中AS的寫法，同時學到如何使用AS去讀取XML，建議各位好好利用。

2. http://www.wix.com

這個網站就是可以在線上直接建立純FLASH網站的地方，
事實上，前面介紹那個網站中也有超連結可以直接到這裡來，
先規劃好你要的網站架構，準備好文字與圖片，
到此網站後先註冊一個帳號，就可以開始了，
在建立過程中，邊上傳要使用的圖片，文字可以用貼上的，
不用多少時間就ok了，還蠻好玩的。

3. http://www.flashxml.net/

這個網站比較難一點，因為是直接使用xml，不過，值得好好研究一下，
網站提供免費版與付費版，付費版當然較強大，
不過建議從免費版開始，先弄清楚在flash中建立與使用這種元件，
再進一步學習如何修改，蠻不錯的喔！

不知道如何輸入這個中文字？

最近常與朋友或學生討論到，很多人名的中文字不知如何輸入？
才想到現在有很多人的姓名是去算過的，
偶而會看到過去沒看過的字，輸入法裡找不到！

另外再加上前陣子要上某些課程，
要用到漂亮的中文書法字，
奈何個人手拙，毛筆字怎麼練還是很遜，所以努力找到這個網站：
我們行政院主計處電子處理資料中心建置的"cns11643中文全字庫"。

進入這個網站後，建議先到左方的"全字庫介紹"看一看，
瞧一瞧這個網站的建置目標，內容還真不錯，大家先看看。
如果你在工作上常遇到無法輸入的情況，
請到左下方找到"應用工具下載"中的"個人電腦造字處理工具"，相信會對你有幫助。 

 

之後，到首頁左下方找到你的輸入方式，
我是用"注音查詢"，用滑鼠點一點就可以查字了。
查到要找的中文字之後，還可以到下方找到"歷代法帖"， 
先在左側"選擇法帖"，再選右邊的作者，
接著出現的畫面可以看到一些選擇，
(補充說明：要看你要找的中文字是否常出現在各大書法家的字帖中，不然，選擇性會較少)
有三種格式可以下載：PNG、EPS與WMF，
PNG是點陣圖可以交給PHOTOSHOP處理，
EPS與WMF則可以交給ILLUSTRATOR處理後再使用，真的好看。 

戀戀火金姑

"台北有一位菜販張博鈞，
平時深夜在三重批菜養家，白天就化身為生態攝影家。
他更花了兩年半時間，投入近200萬元經費，拍攝螢火蟲生態片「戀戀火金姑」，
為台灣留下珍貴的紀錄，更希望國人被影片感動，進而重視生態保育。"

我最大的喜好就是看書，從各式各樣的書中可以獲得好多好多的知識，
其中最喜歡的類別，是有關生態與自然這方面，
所以買了不少天下文化的科普書，
也最欣賞國家地理頻道與Discovery的節目。

看到這段影片，忍不住要在這裡跟各位介紹與分享，
如果你很久沒有仔細看過身邊的小昆蟲，
或者你從未看過，建議你仔細看看，很有味道的。

最新消息：
【戀戀火金姑】新片發表記者會及首映，將於7月16日下午2：30在信義誠品6樓視聽室舉辦，
歡迎大家前往觀賞，免費入場，請早入席以免向隅！