ASP網頁的include

雖然我不寫ASP類型的網頁，但公司伺服器卻使用微軟的系統來搭建並採用ASP作為伺服器互動的機制。正因為如此，我莫名其怪的學會了「Include(將外部程式包進來)」方法；當然，前提是你得有ASP伺服器才行。

之所以會有include方法，就是因為我們常會發現部份網頁的特定區域或程式是一模一樣的；如果客戶要求我們修改這些特定區域的時候，我們可能得一頁頁的修改這些一模一樣的網頁原始碼，會很費時費力！ASP的include則提供了另一個聰明的方法，就是把這些一樣的網頁原始碼的「片段」存放到另外一個不同的小檔案中(類似載入外部CSS檔)；之後我們只要修改這個外部的小檔案，ASP伺服器就會自動更新修改過的檔案的程式片段。當網頁很多的時候，這方法就會變成一個很有力的方法！

Include的方式其實不難！只要將網頁原始碼的程式片段「剪下」再「貼」到一個新的文字檔裡(ex: sample.txt)，並將文字檔的副檔名由原來的txt更改為inc，變成.inc的include檔(ex: sample.inc)。此時，在原來被剪下的程式片段位置改為底下的程式碼，ASP伺服器就會知道這是include，於是ASP伺服器會將這個外部的程式片段自動載入，然後才顯示組合後真正完整的網頁原始碼：

<!-- #include file="sample.inc" -->

換言之，ASP伺服器只要看到上面的程式碼，就會自動載入程式碼所指定的檔案(ex: sample.inc)，並完全的取代掉上面的程式碼。

值得注意的是，這個include檔的路徑不能是「絕對路徑(absolute URL)」，只能是「相對路徑(relative URL)」，否則會沒有作用。

另外一點就是，當你的程式使用了太多的include之後，你會發現…這網頁很容易變成只能用ASP伺服器修改，因為太多的include檔早已讓你看不清網頁原來的樣子！所以include還是要謹慎使用呀！

AS2：在Flash 8用同一個影片組件播放不同的影片

雖然現在Flash已經有CS4的版本，而且已經發行很久了；但不可否認的，還是有一些人仍然在使用Flash 8的版本，一樣在使用ActionScript 2.0。今天，我就遇到一個我很久沒在用的東西：影片組件。

影片組件可以很容易的把單一影片在swf檔案中播放，只要在參數視窗裡面，將空白的"contentPath"欄位指定影片的位置即可。但如果我想要點選不同的按鈕，讓同一個播放影片的影片組件播放不同的影片，又該怎麼做呢？

Adobe Flash的線上參考說明提供了一篇文章：Playing multiple FLV files，有相關的做法可供參考。其範例如下：

import mx.video.*;
my_FLVPlybk.contentPath = "http://www.helpexamples.com/flash/video/clouds.flv";
var listenerObject:Object = new Object();
// listen for complete event; play new FLV
　listenerObject.complete = function(eventObject:Object):Void {
　　if (my_FLVPlybk.contentPath == "http://www.helpexamples.com/flash/video/clouds.flv") {
　　　my_FLVPlybk.play("http://www.helpexamples.com/flash/video/water.flv");
　　}
};
my_FLVPlybk.addEventListener("complete", listenerObject);

其中，最值得注意的就是「contentPath」，指的就是影片路徑，用以告知影片檔案在何處。假設我們指定播放影片的影片元件的實體名稱為「my_FLVPlybk」，那麼只要在後面的contentPath指定影片位置，即可更新影片元件播放的內容。換言之，只要設定按鈕在按下去之後，指定新的contentPath給影片，就可以讓影片播放新的影片內容了。

貧民百萬富翁 (slumdog millionaire)

今天和小瑜欣賞了一場星期一午後的電影：貧民百萬富翁 (slumdog millionaire) 。雖然這部片的劇情看似就像平常電視上猜題拿大獎的節目，但是當我看完之後，則是完全對它改觀！我覺得這部片真的是一部非常值得欣賞的電影！

一開始主角賈默(Jamal)就被印度警察嚴刑拷打；我剛開始還覺得很怪，怎麼會一開始就這樣子？！後來才知道電影用倒敘的手法，一題一題的將賈默答題的「心路歷程」呈現在觀眾的眼前；最後，再回到殘酷的現在，將劇情繼續下去，直到結束。

看完之後，我覺得這不是一部「猜題拿大獎」的電影，這是一部「愛情片」！賈默並不是一心想要成為百萬富翁才參加這個遊戲的，他參加這個遊戲的目的只有一個，就是讓他心愛的女孩拉緹卡(Latika)看到他！因為當時全印度的人幾乎都在瘋這個節目。賈默從小就不是有錢人，他出生在印度貧民窟，小時候母親就被反對回教信仰的人殺死！他和哥哥薩林(Salim?)逃了出來，後來用各式各樣的方式討生活；雖然薩林誤入歧途，但有時候還是會良心發現，最後為了讓拉緹卡離開壞蛋馬曼的身邊，把自己的命都送上了！

貧民百萬富翁反映出幾個印度人從小到大悲慘的成長與求生存的過程，在電影中看到了很多在我們所身處的環境中一般人都無法接受的情況，也看出了人類為求生存的韌性與各種人性！不論是那些讓賈默答題的感慨過程，或是主持人對賈默是倒茶小弟的身份的歧視、不尊重與錯誤的引導，甚至到電影最後結束時演員們的載歌載舞，反映出來的都像是活生生的印度文化，一整個「印度就是這樣子」的情境！

全劇讓我曾一度眼睛泛著淚水的地方，是賈默終於答對最後一道題目，但之後他卻依然在車站默默等著拉緹卡的現身；而在拉緹卡終於現身時，他們相擁在一起！原本以為賈默和拉緹卡會接吻，但賈默卻吻了拉緹卡被刀劃過留下傷疤的臉頰！那是拉緹卡不想讓人看到的傷痕！這代表了賈默的真心，而且他用吻撫慰了拉緹卡心裡的傷痕，好像用無言的方式告訴著她：「不管妳變成什麼樣子，我都會永遠深愛著妳！」我真的覺得很感動！整個電影的過程，賈默從很小的時候就喜歡拉緹卡，甚至長大了也一樣，他會一直愛著她到生命的最後一刻吧！即便拉緹卡曾因倆人沒錢可過生活而無法選擇和賈默在一起，但賈默贏得了二千萬盧比的獎金，不但有錢可以和拉緹卡一起生活，同時也成就了印度人人都想擁有的富豪夢！這真的是一部值得去電影院欣賞的好電影！

我的第一張國際認證：ACA - Photoshop CS3視覺設計認證

今天終於收到Certiport的國際認證了！上個月我去新莊參加Adobe Certified Associate - Visual Communication Photoshop CS3的認證考試；考試完馬上就看到自己的分數：果然是「高分過關」呀！只不過，要拿到這張認證的證明書要等上一個月左右的時間，所以等這張認證還等真久呀！這個Photoshop視覺設計的認證書，代表被認證的人在使用Adobe Photoshop CS3的視覺設計能力具有一定的程度。雖然台灣也有辦TQC的認證考試，但TQC的效益可能沒有這張國際認證來得有力，因此我還是選擇考ACA國際認證；或許將來有一天我在國外工作，這張認證一樣具有同等的效用！

手動叫出Dreamweaver程式碼的提示選單

Dreamweaver是個很聰明的軟體，它會在你需要輸入某些程式碼時，自動出現下拉的提示選單讓你直接選用，避免打錯字或忘記程式碼的情況；只不過這「提示選單」有時會被我們不小心按掉，於是我們還是得重新手動輸入程式碼。有沒有方法可以「手動」叫出程式碼提示選單呢？

答案當然是有的。在PC只要按一下「空白鍵(Space Bar)」，在Mac則要按下「control + 空白鍵(Space Bar)」，即可叫出Dreamweaver程式碼的提示選單。

你別小看這個小功能，雖然它看起來並不怎麼樣特別，但有時候還真的是很方便！

酷酷嫂

最近不知怎麼回事，一直在「酷酷嫂」！咳個不停！連晚上睡覺都會酷酷嫂！睡得很差！剛開始還以為是感冒，但去看耳鼻喉科的醫生卻說我是「支氣管過敏」！雖然我們家族都沒有人有過敏的現象，但醫生還是開了三天的藥給我吃。只不過，今天已經吃到第三天了，雖然我也有喝熱楊桃汁、熱金桔檸檬，但我的狀況似乎沒有什麼好轉！還是一直咳，都咳到頭痛了…真難過！看來得再回去看醫生了…

天然竹製環保鍵鼠

這個是今天GoHappy電子報上的產品：「天然竹製環保鍵鼠」。這是個有創意的商品，而且之前就曾聽說過這類的東西，但是，它讓我看了很…不知道該說什麼比較好！竹製品理當是比較環保的產品，畢竟竹子生長的速度比一般的樹木要快很多；但這樣的材質所呈現的造型，似乎讓人覺得這像是個紀念品之類的東西？也許應該再思考一下，如何設計得更符合「竹」所代表的意涵？或者，不見得要得把竹的材質太過表現出來？

多五秒反悔的時間：Gmail Labs(實驗室)把寄出去的信收回！

ZDnet的一篇「Gmail新功能：信寄出可收回」文章，讓我想到自己的Gmail是不是真的有這個新功能，只要在五秒鐘之內，都可以「取消傳送」任何Gmail訊息，統統都可回收？！

只不過，我在自己的Gmail裡面怎麼看都沒有出現任何有「Labs」或「實驗室」相關的字眼！這到底是為什麼！？原來，要使用Labs新的「實驗」功能，得先把Gmail使用的語言改成英文(English)語系，你的Gmail才會有使用這些新功能的設定。設定完之後，再改回中文語系，一樣可以繼續使用Labs的新功能(可能只有少部份新功能無法使用)。

重灌狂人的「Google推出Gmail Labs實驗室版，開放13種新功能！ (上)、(下)」有很多Gmail Labs新功能的介紹，中文的應該比較親切，喜歡嚐鮮的人可以去學學新玩意兒唷。

Dreamweaver網頁模組(Web Widgets)

最近jQuery滿流行的，Adobe也在Dreamweaver的「Dreamweaver Web Widgets」頁面提供了各式的網頁模組(Web Widget)給Dreamweaver使用者下載(需先申請免費帳號才能執行下載動作)；這些模組架構包含了jQuery、Spry、Google、Yahoo，以及MooTools等。如果能善用這些Ajax類型的模組，可大大增進網頁的互動效果！同時又不致於讓網頁的檔案過大，加快使用者瀏覽網頁的速度，功能相當強大！

另外，jQuery UI提供了一些使用者介面(User Interface)的設計，「黑暗執行緒」在「邊做邊學」系列教學(觀賞影片需安裝微軟的SliverLight)也放了jQuery教學給有興趣想學習的人。Ka-Yue.com在「優秀jQuery插件17個」也提到不少關於jQuery外掛程式與模組的連結，雖然這篇文章是2007年寫的…時間有一點久遠。

依樣畫葫蘆：iPhone OS 3.0

Apple發表了號稱最先進的手機作業系統軟體(的預覽)：iPhone OS 3.0。雖然我沒有買iPhone，也沒有使用iPhone作業系統軟體的經驗，但它的網頁上所使用的「藍圖」畫得還滿不錯的！所以我也「依樣畫葫蘆」地用Illustrator畫了一個類似的向量藍圖，樣子應該還滿不賴的吧？

好的設計其實很容易讓人想模仿！但還模仿得跟別人一模一樣還真不容易呀！不過從模仿的過程之中，也可以磨練自己的技術。也許哪一天，你會發現Apple網站上的圖其實就是我畫的也說不定，呵呵…

用Flash晾衣服

這是我最近看到最酷的衣服！也許你說它不過是塊布而已，但因為它的成份是「Flash」組成的，它可以擁有各種不同的樣貌！有哪件衣服這麼棒，可以隨時換不同的圖案、顏色、甚至影片！？這衣服真的是很有創意！只是以目前的科技看來，要拿來當衣服穿的話…可能要再等等。現在你能做的，是好好欣賞這件晾著的Flash布，它的左上角與右上角都被夾子夾住，按住夾子可以移動布的上緣兩端；一移動夾子，它就會跟著被拉扯的唷！

Flash平台其實有很多的應用面，還有哪些特別的Idea呢？「Adobe Flash Player in action」提供了許多已經實現的Flash創意！基本上，連這個網頁自己本身的呈現也都是Flash的創意呢！

讓Photoshop背景圖層立刻變成一般圖層

Adobe Photoshop隱藏了無數的快速鍵與各種方法可以完成你想要的動作！有時候我們在處理Photoshop的影像時，常需要將背景圖層(Background)變成「一般圖層」，如此才能在該圖層影像的後方(下方)加入其它的背景或圖形。Photoshop的快速鍵就是同時按住「option(PC:Alt)鍵」，以「滑鼠左鍵」點擊背景圖層最右邊的小鎖圖案！點一下，背景圖層馬上就會變成一般圖層，圖層名稱則會自動被命名為「圖層0(Layer 0)」：



當然你也是可以在背景圖層的圖層名稱上面點兩下，就會出現圖層對話視窗，進一步設計這個圖層；只不過，使用快速鍵可以省下更多時間，方便多了！

Google工具列(Toolbar)在FireFox 3.1 Beta 3失效？

更新至FireFox 3.1 Beta 3後，發現Google工具列也跟著失效了！？不知何故，以前都可以透過Google工具列即時翻譯的動作，現在卻不行了？難道是要強迫我們降級安裝Beta 2版本嗎？至少這情形在Beta 2沒發生過…有人知道如何解決這個問題嗎？

如果沒有的話，希望這個問題不會發生在Firefox 3.5正式版上面…

Google快訊(Alerts)

Google推出「快訊(Alerts)」服務已經好一陣子，Google快訊設立的目的是一旦Google在網路上發現符合你設定主題的新聞文章時，會自動寄電子郵件給你。例如：追蹤正在發展中的新聞報導、掌握競爭對手或企業的最新動向、取得某些知名人士或重要事件的最新消息等，只要填個簡單的表單就可以建立快訊唷！

不過，要小小注意的一點是：建立太多快訊的話，你的電子郵件信箱可能每天就裝滿一堆「Goole快訊」…預設的快訊是「一天一次」，但你也可按照自己的個人需求選擇「即時」或「一週一次」。底下是簡單的快訊範例：

繪製連接圖：Motor Runner B

憑著操作Adobe Illustrator的技術，今天把Bill希望我幫利基應用科技繪製的連接圖完成了！雖然先前不確定他們想要的是什麼樣子的圖，但今天寄給他們的這個連接圖，確實讓他們老闆吃了一驚！比他們期望的樣子要好很多，所以Bill說他老闆給的評價很好！我當然是聽了很高興！可是，最重要的是，這樣的連接圖對他們來說，值多少錢？或者說，你願意付多少錢來買這樣子繪製的連接圖？

先不管這圖值多少錢，我只問自己：「我有沒有辦法畫得比他們給的圖棒？」如果我畫的圖與之前比較，並沒有很大的差異，他們以後憑什麼要找我畫？！

所以今天這張圖花了比較久的時間。不過，我相信雖然現在花比較久的時間，但未來會因為「熟能生巧」的關係，並且因為各個元件圖案的建立，畫這樣子圖的時間只會愈來愈短，而且愈來愈好！

史丹佛大學的向量魔術(Vector Magic)

如果你沒有Adobe Illustrator，也沒有CorelDraw，要怎麼把照片變成向量圖案呢？史丹佛大學的「向量魔術(Vector Magic)」給了你另一個答案！

你可以直接在線上做轉換成向量檔案的動作，或者是使用他們提供的轉檔程式。只不過…原本是不用花一毛錢的Vector Magic，現在已經開始收費…你可以選擇一次付295元美金購買合法使用版權，或每月付7.95元美金使用這項服務。用email註冊的話，可以免費轉換兩張向量圖案。