華山論劍室: 小布的三兩三技術

預防WinXP下IDE介面被由DMA傳輸模式被改為PIO模式

Wed, 23 Jul 2008 16:30:24 GMT

最近我終於正式面對我那VAIO消失已久的光碟機，展開解救大作戰!

早已不知是何時消失的光碟機，令我痛苦很久...還好...我的工作大多沒用到它

但要是剛好有用到..就很心虛+懊惱...一台這麼貴的VAIO，怎麼早早光碟機不是挑片就是完全消失!!

試了好幾天，也測試過許多網路上熱心分享的方法，最後成功的是以下這篇所教導的!

很感謝! 因為小布的VAIO光碟機已經可以WORK了，雖然我不知道是什麼原理(也不想深入瞭解..)

只要可以work，那就謝天謝地了!!

茲分享如下，給同樣是擁有VAIO卻不知何時消失的光碟機朋友們參考! 起碼我試成功囉!!

===================================================================

徵狀:
當您連續多次暫停操作之後再重新回覆電腦，或發現硬碟的效能降低。如果使用 [裝置管理員] 來檢視此磁碟機所連接的 IDE 通道內容，[進階設定] 索引標籤可能會顯示：此磁碟機目前的傳輸模式為「PIO 模式」，並且無法以手動方式更改回DMA模式，相關microsoft說明可參考以下網站http: //support.microsoft.com/kb/817472/。

發生的原因:
Windows IDE/ATAPI 連接埠的驅動程式 (Atapi.sys) 總共收到累積六次的逾時或循環冗餘核對 (CRC，Cyclical Redundancy Check) 錯誤之後，驅動程式會降低通訊速度 (傳輸模式)，從最快速的直接記憶體存取 (DMA，Direct Memory Access) 模式，逐漸降低 DMA 模式的速度。如果驅動程式持續收到逾時或 CRC 錯誤，最後，驅動程式會讓傳輸模式降低至最低速的模式 (PIO 模式)。

預防方式：
您可以實行另一項較不具侵犯性的原則，在連續發生六次逾時或 CRC 錯誤之後，才會降低傳輸模式；而非逾時或 CRC 錯誤累積發生六次之後)。

警告：不當使用「登錄編輯程式」可能會導致嚴重的問題，甚至必須重新安裝作業系統。Microsoft 並不保證可以解決您不當使用「登錄編輯程式」所導致的問題，請自行承擔使用「登錄編輯程式」的一切風險。

請依照這些步驟執行，然後結束「登錄編輯程式」：
先更改主要 IDE 通道
1. 按一下 [開始]，再按一下 [執行]，輸入 regedit，然後按一下 [確定]。
2. 在登錄中找到並按一下下列機碼：
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Class\{4D36E96A-E325-11CE-BFC1-08002BE10318}\0001
3. 在 [編輯] 功能表上，指向 [新增]，再按一下 [DWORD 值]。
4. 輸入 ResetErrorCountersOnSuccess，再按下 ENTER。
5. 按一下 [編輯] 功能表上的 [修改]。
6. 輸入 1，然後按一下 [確定]。

再更改次要 IDE 通道
請依照這些步驟執行，然後結束「登錄編輯程式」：
1. 按一下 [開始]，再按一下 [執行]，輸入 regedit，然後按一下 [確定]。
2. 在登錄中找到並按一下下列機碼：
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Class\{4D36E96A-E325-11CE-BFC1-08002BE10318}\0002
3. 在 [編輯] 功能表上，指向 [新增]，再按一下 [DWORD 值]。
4. 輸入 ResetErrorCountersOnSuccess，再按下 ENTER。
5. 按一下 [編輯] 功能表上的 [修改]。
6. 輸入 1，然後按一下 [確定]。

ps:注意前面所列的數字子機碼，與包含單一 IDE 控制器之電腦中的主要和次要 IDE 通道相對應。如果您的電腦包含兩個 IDE 控制器，其每一組主要和次要 IDE 通道的數字子機碼可能為：
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Class\{4D36E96A-E325-11CE-BFC1-08002BE10318}\0002
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Class\{4D36E96A-E325-11CE-BFC1-08002BE10318}\0003
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Class\{4D36E96A-E325-11CE-BFC1-08002BE10318}\0004
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Class\{4D36E96A-E325-11CE-BFC1-08002BE10318}\0005
如果要驗證您是否找到正確的子機碼，請確認子機碼的 DriverDesc 值包含「主要 IDE 通道」的字串值，或「次要 IDE 通道」的字串值。

建立以上註冊表鍵值的目的:
以前的情況是，在每當"累積"發生的超時錯誤或 CRC 錯誤的總數達到 6 次時，IDE/ATAPI 埠驅動程式 (Atapi.sys) 將降低傳送模式。當我們建立以上註冊表鍵值實現新的策略後，Atapi.sys 僅在"連續"發生 6 次超時錯誤或 CRC 錯誤後才降低傳送模式。
※CRC的全稱為Cyclic Redundancy Check，中文名稱為迴圈冗餘校驗。它是一類重要的線性分組碼，編碼和解碼方法簡單，檢錯和糾錯能力強，在通信領域廣泛地用於實現差錯控制。實際上，除資料通信外，CRC在其他很多領域也是大有用武之地的。例如我們讀軟碟上的檔，以及解壓一個ZIP檔時，偶爾會碰到「Bad CRC」錯誤，由此它在資料存儲方面的應用可略見一斑。
已發生時改進方式:
如果磁碟機目前的傳輸模式已被WinXP改為「PIO 模式」則同樣以"登錄編輯程式"，找尋同一機碼
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Class\{4D36E96A-E325-11CE-BFC1-08002BE10318}並在其下0001或0002中找到下列字串
MasterIdDataChecksum or SlaveIdDataChecksum 將它刪除，重開機後，windows會重新計算CRC 錯誤累積次數，再於"裝置管理員"檢視此磁碟機所連接的 IDE 通道是否已改回DMA模式，如不是，此時應可手動更改回DMA模式，把它改回DMA吧！讓你的windows重新起飛！
相關說明請參考以下網址：http://www.michna.com/kb/WxDMA.htm

===================================================================

http://tw.myblog.yahoo.com/tongkashan/article?mid=331&prev=-1&next=330

Termtek Computer

Mon, 14 Jul 2008 06:47:39 GMT

這一兩個月公事、家事一起忙，好友小強的公司網站"Termtek Computer"還是完成了!

強董交由小布設計包裝，並且參予設計今年6月的Computex的展覽會場宣傳DM與海報

算是一個很完整的設計包裝案: 公司企業網站、產品形象DM、公司產品定位Poster!

很讚的案子，設計起來也很過癮，當然也感謝強董以及Termtek公司的支持!

以上在此紀錄。

天馳科技 www.termtek.com.tw/

============================================================================

Design: 郭光耀 Brad Kuo /// Tools:Adobe Photoshop, Dreamweaver, xhtml, CSS

Creative Team: Brad Kuo、Alex Pai /// Company: KyArt Creative 光沅創意 www.KyArt.com.tw

LaVeery - SCP 鯊髓膠原蛋白

Wed, 09 Jul 2008 05:37:39 GMT

沒錯，小布最近在郭小寶出生之際，硬生生完成了一個美容醫學產品官網設計案

LA VEERY | Health & Beauty | www.LaVeery.com

這段期間承蒙客戶的包容與體貼，讓我在小美生產與月子期間，克服許多困難持續進行作品設計，以及有信諾的夥伴們的支持

讓我可以很直率的完成此案！

怎麼說是直率呢? 那就是客戶很尊重我的設計方向，並且讓我盡力發揮，於是我也就"玩"的挺過癮、挺過火!!

由衷的感謝如此好的客戶，才能在短期間作好一個專案設計。

LaVeery 是一個國外知名的美容醫學品牌，來自深海智慧的結晶產品，簡介品牌與產品如下:

====================================================================
SCP 鯊髓膠原蛋白~來自深海智慧的結晶
自然生命能量轉換形成再生活化因子海洋是地球上生命的起源~它孕育著無窮的生命能量!! 生物在各自的環境下吸收陽光、空氣、水，因不同環境而調節自我體內的生存機制，以適應環境而成長茁壯，這種機制即是自然生命能量轉換的最佳表徵。
人類隨著歲月的增長，皮膚的膠原蛋白會破裂損壞並流失，皮膚會慢慢失去彈性，加上每日紫外線照射，黑斑和皺紋更是一一產生。在面對大量的工作壓力，混亂的日常作息，及環境污染等不利於健康的因子，更加速我們的肌膚出現「提早老化」的生理現象。
科學家相信海洋是地球上生命的起源，研究發現生存遠早於恐龍年代的鯊魚之所以能存活於地球上達三億五千萬至四億年之久，主要在於牠優異的生物特性機本上沒有太多的機體改變，例如高速爆發的行動能力、敏銳抗壓的感知能力、而身體組織的修復再生能力更是令人稱奇。鯊魚迴流層廣闊, 不受污染, 沒有人畜共通傳染病或抗生素及荷爾蒙殘留的疑慮。鯊魚軟骨髓 (shark cartilage marrow) 質輕柔軟且富彈性，堅韌細緻的膠原質能快速修補受損老化的組織。這些驚人的特徵，就是VITALITÉ SCP藍肽激活素從鯊魚軟骨精華萃取的主要原因。
====================================================================

LA VEERY | Health & Beauty | www.LaVeery.com

www.LaVeery.com

============================================================================

Design: 郭光耀 Brad Kuo /// Tools:Adobe Photoshop, Dreamweaver, Flash, After Efftect, xhtml, CSS

Creative Team: Morris Chen、Elisa Huang、Zoe Wang、Alex Pai

髮點子電腦顯示器問世

Fri, 18 Apr 2008 07:37:18 GMT

髮點子 SpotHair

近半年至今完成了一個結合實體與虛擬的專案【髮點子 SpotHair】，最關鍵的是採用Adobe Flex 新技術完成整個髮型設計的操作應用

也是首次於新硬體上開發軟體介面，並透過WebForm+XML方式，交換傳輸實體資料，完成最佳化的商務應用。
回顧期間，此案最棘手的莫過於對Flex 開發環境的不熟稔，再到Adobe從Flex2、Flex Builder 3 beta再到正式版問市，不斷隨著升級

以及調整程式碼，的確嚐了許多苦頭，還好期間有Jeremy大師的協助與引導，我們才克服許多障礙，完成專案開發

我想，這也是國內少有幾項算"中"型的Flex應用程式開發案了~ 也是我們的一個里程碑!

起碼，2008.03 Flex正式版發佈不久，我們已經擁有實績經驗以及技術。

大家有空不妨去看看玩玩:)

髮點子 SpotHair http://www.spothair.com.tw

================================================================================

中國時報報導

2008.04.18　
髮點子電腦顯示器問世
王建訓／雲林報導

電腦不只會選土豆，還會幫忙設計髮型！「竑點」科技公司研發的「髮點子」電腦顯示器問世，今後民眾不必再依賴美容美髮師代為設計造型，只要透過電腦就可以自己當造型設計師，並且能夠預見自己髮型改變後的模樣。

電腦網路化的時代來臨，雲林縣美容美髮同業公會為讓同業善用網路資訊及電腦設備，十七日在國立虎尾科技大學舉辦「美髮愛轉型」發表會，邀請竑點科技公司執行長孫明申博士演講，介紹該公司「髮點子」電腦顯示器及網路髮點子美髮工作站。

孫明申表示，髮點子美髮工作站是美髮史上第一部專為業者打造的電腦工具，結合網路髮型資料庫軟體與電腦顯示器硬體，可以為顧客素顏拍照，輸入電腦之後，再套上五百種以上的髮型及各種髮色供選擇。雲林縣美容美髮同業公會理事長林惠蘭說，利用電腦設計髮型的好處，是顧客可以在電腦螢幕上看見套用各種髮型與髮色的模樣，進而選擇自己最喜愛的髮型，也方便設計師幫顧客打理。數十名美容美髮業者觀看電腦的各種髮型變化，利用電腦與網路設計髮型是全新的體驗，業者感覺相當新奇，學習興緻高昂，對電腦軟體以兩百倍顯微鏡檢視髮根的健康情形，更感到新鮮。

孫明申表示，髮點子電腦顯示器尚未正式上市，昨天發表希望透過業者的實際操作，以了解是否有需要改善的地方。
================================================================================

http://tech.chinatimes.com/2007Cti/2007Cti-News/Inc/2007cti-news-Tech-inc/Tech-Content/0,4703,171702+112008041800307,00.html

大小創意新版上市

Tue, 01 Apr 2008 09:40:10 GMT

大小創意 dxmonline.com 更換新版了，小布也終於小小鬆一口氣!
這次推出新的設計版式，也推出新的資訊瀏覽與互動媒體經驗，
對於需要大量創意資訊的我們來說，是最好的養分獲取來源

這次的版本使用相當複雜的技術投入，前端設計技術就使用了繁密的double class CSS類別來鎖定版面，
以及為了加強SEO搜尋引擎最佳化，使用Accessibility 以及 hidden的 HTML Code來加以註記，
同時也加入加強瀏覽器解讀的HTML Tag，例如：捨棄<table>、<Div>與<li>的巢狀資料表格顯示模式，而採用傳統的 <dd><dt>來描述巢狀資料。

另外也必須解決不同瀏覽器的支援(IE6、IE7、FF2.0、FF3.beta、Safari)，這裡面最棘手的是對CSS寫法各陣營認定皆不相同，以及版面中PNG透明圖檔的支援性，為了版面美觀，這些都必須解決，並且考量最好的操作邏輯與使用者經驗。

請看新版大小創意，強化我們每天的創意養分:)

http://dxmonline.com/html/main.aspx

IE6支援PNG透明背景 CSS設定

Tue, 11 Mar 2008 05:25:21 GMT

最近為了需要在IE6、IE7、Firefox中顯示透明背景的PNG設計圖，即使IE7、Firefox支援PNG，但IE6就是硬生生不支援!
然而身為一個專業的設計師，小布怎麼可以忽視IE6族群瀏覽時的美感?(呵呵~說大話了..:P)
因此就找了許多可行的方案與資料進行測試，過程以為很簡單，網路上也有許多人提供不少的方法
有從js引入解決，也有從某不知名檔引入解決(例：xx.htc)，還有從CSS端解決等...

結果，果然如同waking這篇"也許是目前修正IE6的PNG透明度問題最簡單的方法"所寫，但我也搞了一個早上，最後還是無用><。。如下圖：

由於小布的網頁專案中全使用CSS架構設計，所有的class、類別id皆有階層相容屬性，有點複雜但卻有很好的效果與維護效率
網頁中的圖檔皆在CSS裡設定background引入，或者是js+CSS動態引入
因此小布必須從CSS中去解決在IE6裡的PNG透明背景支援!

後來小布試過最好也最適合的方法就是透過IE的AlphaImageLoader的方法，將alpha效果套入所屬class的png圖檔中
不過這中間必須注意在IE6與IE7時的瀏覽器判斷與加註hack指令，讓IE7與IE6各讀不同的CSS class檔
在此分享我的做法如下：=============================================================================================
【CSS】在【brad.css】檔裡的類別:
#KyArtSet{
background: url(images/bg_kyart.png) no-repeat left 0px;
}

【HTML】Kyart.htm裡的原始碼：
<head>
<link rel="stylesheet" type="text/css" media="all" href="brad.css" />
</head>
=============================================================================================

為了解決IE6，於是我加了一個IE6 hack用的CSS，並且在此加入AlphaImageLoader Filter
命名為【ie6BradHack.css】
裡頭樣式為:
=============================================================================================
#KyArtSet{
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_kyart.png', sizingMethod='scale');
}

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=link_top.png,sizingMethod='scale',enabled=FALSE);
sizingMethod有crop,image,scale三種。預設是image，也就是PNG圖片照原本圖片大小顯示。如果使用scale的話，圖片會依照div的尺寸縮放；如果用crop且圖片尺寸比DIV還大的話，圖片超出DIV的部分會被切掉。enabled是效果的開關，如果值是false或1，就等於整個濾鏡效果停用。【原文】

請注意，上述類別KyArtSet與【brad.css】的名稱相同，若有階層屬性也需要相同階層關係，如：
#body #KyArtSet{...}，那麼在【ie6BradHack.css】裡也要寫相同的階層，並注意圖檔的連結位置!
=============================================================================================
然後在【HTML】Kyart.htm加入新的Hack判別碼，將【ie6BradHack.css】嵌入
=============================================================================================
<head>
<link rel="stylesheet" type="text/css" media="all" href="brad.css" />

</head>
=============================================================================================
這段當瀏覽器為IE6時，會import【ie6BradHack.css】，並且以這個屬性為主，導入AlphaImageLoader Filter
如此在IE6時，CSS屬性設定的PNG圖檔就會顯現正確的透明圖了，如下圖：

以上是小布解讀八方大作的心得，結合我實作可行的方法，在此提供大家參考，不必在這個問題打繞太久!
希望對以CSS架構網頁的朋友們有所幫助。
有任何問題，歡迎隨時來信或留言討論:)

IE7動態設定iframe，去除邊框與背景透明度

Mon, 10 Mar 2008 10:47:48 GMT

今天為了設定一個在網頁中動態出現的iFrame，測試環境在IE7.0以及FireFox2.0，
預期效果為"無邊框"、"透明"、"不scroll"等，
結果Firefox2.0支援，但卻被IE7給打敗，即使小布不斷試不同方法，擠出我所能知道的CSS與HTML的各類Attribute
但...殘念!!...還是出現下列圖示的框線!!

小布的認知也如同大家的認知，就是設定iFrame的frameborder="0"，iFrame就不會顯示醜醜的邊框，或者於CSS設定 border:0px;也行
設定iFrame的allowtransparency="true"，iFrame背景會透明，或者於CSS設定 background: #transparent;
以下是小布的code，這個方法怎麼樣就是無法在IE下起作用!

======================================================================

var KyArtIframe = this.doc.createElement("iframe");
KyArtIframe.setAttribute('id','BradIframe');
KyArtIframe.setAttribute('name','BradIframe');
KyArtIframe.setAttribute('frameborder','0');
KyArtIframe.setAttribute('allowtransparency','true');
======================================================================

iFrame依然在IE7下顯示邊框、不透明，光這點就讓我頭痛不已，翻書翻到瘋!!
原來就是DOM模型的輸出模式寫法不同，
在IE下的DOM屬性會是大寫，也就是他會將我設定的var KyArtIframe = this.doc.createElement("iframe");
最後輸出HTML成<IFRAME frameBorder=0 allowtransparency=true...>

而IE只讀大寫，自然排除裡頭的小寫Attribute!

因此，必須設定區分大小寫的屬性，讓IE正確讀取屬性，小布找到的區分大小寫方法如下：
KyArtIframe.setAttribute('frameborder','0'，0);

只要在最後面再加一個"0"，就可以區分大小寫。
所以我重新改寫我的code如下:

======================================================================
var KyArtIframe = this.doc.createElement("iframe");
KyArtIframe.setAttribute('id','BradIframe');
KyArtIframe.setAttribute('name','BradIframe');
KyArtIframe.setAttribute('frameborder','0',0);
KyArtIframe.setAttribute('allowtransparency','true',0);
======================================================================

這樣設定後，就可以解決在IE7下，以動態Script 設定iFrame，去除邊框以及背景的方法。
以上紀錄希望對大家設計網頁時有所幫助:)

Firefox下方出現紅色menu item字樣解決法

Mon, 15 Oct 2007 08:22:55 GMT

對於Firefox下方出現menu item怪字樣的疑似中毒畫面困擾很久，也看了官方的討論區，好像也沒有很容易解決掉@@

可能是小弟愚笨的關係，終究懶的讀太深入專業的解決方案...... 終於，今天從永遠的真田幸村找到一篇非常好的解決文章，節錄於下，

希望永遠的真田幸村的方法可以為尚未解決的朋友一解憂愁阿!!

=================================================================================

Java Runtime更新後導致Firefox下方出現紅色menu item字樣解決法

托長輩提到這件事情的福，覺得這問題真的很嚴重，因為這真的是軟體史上，因為更新軟體版本卻影響其他軟體正常運作的有名教案了。XD

今天twitter上看到長輩傅瑞德提到Firefox 中毒嚴重的事情，驚訝了一下，想說：「哇！真的有bug或中毒事件的話，一定上國際新聞版面，我居然怎麼不知道，愧對看產業資料的自己，太丟臉了。」orz

後來想了5秒鐘，覺得不太可能，這應該是這幾天Java Runtime Environment 1.6（Java語言在作業系統中的執行軟體）自動更新後，其部份程式路徑寫錯，影響了Windows平台上Firefox系列瀏覽器的正常運作，會讓Firefox瀏覽器下方出現一排紅色的字樣，顯示「menu item xxx......」之類的，整個網頁瀏覽內容會被拉高4、5行。

畢竟今天才又幫人解掉過這個問題。XD

這不是中毒，那麼這個問題該怎麼解呢？

最簡單的方法是這樣，只要進到Windows作業系統的控制台，點選「Java」這個設定按鈕，打開Java軟體的設定視窗。

接著，點選「進階」，然後點選「瀏覽器支援」，將裡面Mozilla選項的前方打勾取消就好了。

這個「災情」先前已經發生過，因為有人更新Java Runtime比較早，或者是自動更新比較早所致，而這幾天剛好是Windows版Java軟體的密集自動更新期間，因為預設是一個月一次，很多人可能剛好是這幾天後發生的，所以才會造成Firefox的這項錯誤訊息。

控制台中取消Java對Mozilla瀏覽器的支援，就能夠解掉這個問題，但也不影響Firefox讀取java網頁的功能。

當初java 1.6版本2更新時寫錯才會這樣，下一版的Java 1.6 runtime更新後，應該就不會有這個問題。

要注意的是JRE 1.6版除了上網下載更新外，使用IE瀏覽器連線到需要Java的網頁也會下載，或者是安裝了需要Java執行環境的軟體，比方說OpenOffice.org或其他有的沒的。

其他平台或與語言版本的Firefox都沒有這種情況，真的是佩服上次更新java runtime的人還有Windows平台。呵呵

另一種解決方式就是到Java官方網站下載給Firefox安裝的Java套件（安裝後也同步支援IE等其他瀏覽器），點選安裝後會出現這個畫面，安裝完成後，重開Firefox瀏覽器即可。這是由於新版的jre 6.0 update2再度安裝後，就會把原先錯誤的路徑zh_TW改成zh-TW。

最後，如果想知道自己電腦裡面JRE的版本是不是最新的，可以點選這個Java網站提供的驗證安裝連結，就可得知電腦中的JRE版本。

=================================================================================

如上述方法仍不行，請再依照此篇文章的回應，依下列補充方式進行，即可解決：

=================================================================================
Java 1.6 會在 IE 和 Firefox 上新增一個 Java Console 選項，所以會放一個 extension 到 firefox 的安裝目錄裡以達到效果，由於是硬塞的，這個套件不會在列表中顯示，但是它不巧 zh-TW 的地方寫錯了，如果你想顯示這個選項，那麼你可以用文字編輯器修改
Firefox 安裝目錄\extensions\{CAFEEFAC-0016-0000-0000-ABCDEFFEDCBA}\chrome.manifest
這個檔案。
把
locale javaconsole1.6.0 zh-TW chrome/locale/zh_TW/ffjcext/
改成
locale javaconsole1.6.0 zh-TW chrome/locale/zh-TW/ffjcext/
存檔。
然後進到 FireFox安全模式後，再退出就可以了。

由 PeterPan 發表於 11:05, Sep 11, 2007 http://yblog.org/archive/index.php/java_runtime_update_firefox_tw_issue

=================================================================================

文：永遠的真田幸村
http://yblog.org/archive/index.php/java_runtime_update_firefox_tw_issue

大小創意，創意姚言

Wed, 03 Oct 2007 04:35:35 GMT

最近有幸參與大小創意Web2.0的改版計劃，有幸認識姚仁祿老師，以及姚老師所帶領的精英團隊，
過程中讓我與冠榮、長安不僅在專案程序上以及討論互動中，皆倍增成長，也獲得前所未有的創意新領域

10/1日大小創意新貌登場，這是屬於創意激發的殿堂，也是大腦鬆綁的激發，在此小小廣告一下，大家一定要去看看:)
================================================================================

★屬於你的「大小創意」10.1開站！

創意，如果有目的，就是透過食衣住行，塑造一個更美、更好、更文明、更開闊、更悲憫的人間地球。
我們相信：創意，絕對屬於尋常百姓，是平凡人生可以努力的事。

================================================================================
身為設計領域的工作者，每天都要想畫面怎麼設計，創意在哪裡，客戶要什麼，自己的養分也常常不夠去創造出好東西

這當然也是自己的格局不夠大，眼光不夠準確，甚且，要能說出自己想要做的，想要設計的，也只是支支吾吾，囫圇吞棗

我已經變成《創意姚言》所說，我大腦已經被綁架了!!!

是的，做設計是興趣的事，我有一百個理由說明我喜歡這行，但也有一千個一萬個我無法做到的事

專案也不是僅僅只有做設計，也因此我大腦已經被綁架，結案就好，就這麼做就好，就套版就好，客戶接受就好...

那麼這不就失去設計師的靈魂? 客戶找你設計也是希望你給予新的詮釋、新的想法、新的方向?

所以，推薦大家一定要看看姚仁祿老師所寫的書《創意姚言》
釋放你的大腦，抓住我們的創意思緒!

小布節錄書中最喜歡的一段話如下：
================================================================================

未來，可長可短；不同的心靈鏡頭，聚焦在不同的距離。

關懷千年永續，是宗教情操……
思索百年千載，是史家風格……
尋常人家，能掛念的，也許只有今明昨日；
明年後年，說來實在沒啥把握；
百千萬年的事，更是，遙不可及了。

雖然如此，
未來，卻是必然來到，我們，或我們的後代，都要遇上；
既然如此，
面對未來，不應止於預測，而應積極塑造！

塑造未來，是「創意心靈」的範疇。
創意，如果有目的，就是透過食衣住行，
塑造一個更美、更好、更文明、更開闊、更悲憫的人間地球。
創意，絕對屬於尋常百姓，是平凡人生可以努力的事。

──姚仁祿

★創意姚言搶先試讀！烏合之眾的智慧
★《創意姚言》新書優惠搶購中！
★立即進「大小創意」，豐富你的創意大腦！

Flash CS3 LiveDocs繁體中文

Tue, 04 Sep 2007 09:26:02 GMT

最近有緣經Jeremy的介紹往Flex的領域鑽了進去，研究了大半月，看了一堆原文資料，對於CSS設計結構化的作法，本來很擔心如果用舊的Flash開發方法來做可能太笨，然而，曙光一現，周日加班時與長安已經找到了方法，也就是類似開發HTML的CSS-P方式，頓時覺得Adobe真聰明!

可以將設計與程式作如此完美切割，對於Flash的系統開發，用Flex結構來說，已經事半功倍!

這部份待進一步研究心得多一點，再來記錄屬於設計端的作法。

剛好，找尋相關資料時，發現Ticore's Blog發佈了Flash CS3的LiveDocs中文版，剛好小弟的版本是英文版，所以非常需要阿!!!

LiveDoc就是Flash很完整的說明文件，包括了每個AS以及範例，遇到問題卡住時，幾乎可以從裡面找到答案!

中文版本身已經含有，但如果你正是英文版，不妨下載來傍身參考參考! 真的很讚!

Flash CS3 LiveDocs 繁體中文版下載位置：
http://rapidshare.com/files/41298410/Flash_9_LiveDocs_tw.rar.html

(資料引用與圖片來源:http://ticore.blogspot.com/2007/07/flash-cs3-html_06.html)

設計的靈感怎麼來呢? 【大家來討論吧】

Fri, 08 Jun 2007 05:16:25 GMT

剛好Holahola 分享了一個設計問題，小布也分享自己的經驗與感想，再此紀錄並且希望大家一起參予，分享經驗喔:)

Holahola ：

========================================================================

.....前幾個月我才跑去台北雅典買了一本 Web Design Index By Content (http://www.webdesignindex.org/publication/index.html)的外文書，但是看了完全沒感覺，就是看了一點靈感都沒有，是不是買錯了？姑且不論程式的技術性，要抓到像大大這樣的神韻，要怎麼辦到啊？
因為有人說過一句話，要成功就是模仿成功的路徑，雖然不能保證成功(因為還要天人時配合)，但至少不會太差。所以想請教一下這中間的訣竅，如果可以的話。........

========================================================================

小布：

========================================================================

小布篤信聞道有先後，術業有專攻
因此，我們設計人互相交流，增補見識，我想這比較重要的:)

你的問題，我以前也有遇到，即使到現在也仍存在，在此分享一下我的感想，也許有幫助~

我現在奉行的原則就是"設計:是沒有盡頭的設計"，這句話已經深深烙印在我心裡，並且常常在做新的專案時拿出來檢視，
以前一開始在做網頁時(純HTML)，以表格來排版的時代，方方正正的點線面切割法設計就是我開始信賴的設計原則，點線面的設計方法同樣也是平面設計的基本法則，運用妥當，通常作品就不會太糟糕，因為它已經構成版面基本的架構，剩下的只要將圖合成並且置入應有的位置就OK了，這樣的方式說簡單也不簡單，因為點、線、面(色塊)的組合百百種，尤其每個人對於色彩的掌握又都不同，因此我ㄧ開始就從我擅長且喜歡的藍色開始設計我所有的專案，藍色也就成為我最擅長的主色了，而圖像的合成就得看個人長期觀察的能力與美感，尤其是圖像角度的自我訓練與觀點很重要，必須逼自己挖掘圖像不一樣的角度，也許就有不一樣的說服力，而這些慢慢的在起初設計階段算小布運氣好，很順利度過不短的時間。

然而這中間我同時也有在進行新設計方法的servey與觀賞，並且找尋從藍色調出發到擴散其他色系的版面與做法，再找出我喜歡的設計，並且研究它，學習它，就像你所說，成功的起初免不了有模仿的影子，這點我很認同，因為這個社會已經有存在世人覺得成功的設計與方法，因此你可以學學這些方式或者潮流，抓緊一個切入，習慣後，再融入自己的創意，那時你會發現，多了很多招式可以運用，也多了很多想法靈感設計同一個專案。

只不過最後還是要靠自己的創意與混搭力，單純靠模仿是走不長久的:)
也許你應該找出你學習的偶像，像我，超級崇拜的偶像就是中村勇吾!
這有一種好處，就是你對自己的要求與品味會跟偶像漸漸拉近，而這樣你也漸漸建立自己的設計風格了!
到那時，對一件新專案的設計就很有想法與品味，知道什麼是重要的，客戶要的，以及自己堅持的，
實作時的龜毛與細心要求細節，這些就會令你做出不錯的作品了:)

好的設計小布認為分成兩種層面，一是底層的意涵，另一個就是視覺的表現
底層的意涵往往是大家一時抓不到的，也急不來的，這個我的方法是不斷的吸收新知，觀看不同的書籍以及電影或藝術文化的表現等，慢慢建立我的知識中心資料庫，不管是行銷、心裡、系統、互動、商業、文化等的層面通通要建立基本的認知與看法，如此你才會貼切的設計出客戶要的作品

因為小布認同"我們的設計就是商業的設計，而商業設計就是要滿足客戶的需求"!

漸漸地，隨著時代的進步，設計手法也多變，Flash、AJAX等Web2.0現象產生的網站，已是當初表格加點線面的設計手法所不同通用，這時你得學學CSS-P(css position)設計版面的作法，以及新的圖像混搭風格與多樣化的色彩組合與漸層表現。

現在好的設計作品通常會不規則的存在網頁上，傳統的表格建構已經不敷使用，更新管理效率上也不好用，CSS的設計手法不僅可以幫助你組織出Photoshop裡多層次複雜的圖像，同時也可以與程式配合作出不同的搭配。

另一點很重要的就是不同媒體圖像的運用，也就是你有可能需要使用影片裡的特效，圖片混搭的效果、實物照片的材質風格等，種種不同的圖混搭出新的圖像，你有沒有發現這是現在很多設計的方法?

但這點更難，不僅取決你對美術控制的能力，還得有點線面色彩控制的基礎，再加上你的中心思想，最後還得接受客戶的質疑，而得做最完善的攻防簡報，說服客戶等。

現在的設計師已經是全面化了，不再是單純的Graphic Designer或者Web Designer，而是使用者數位經驗設計師了! 要會的就需要很全面的，通才的運用各種技術來設計你的作品。

因此上述分享的是我的一些方法，然而這是不管技術層面的方式喔，畢竟技術層面的能力也是左右好作品的重要因素，而這些就是你得懂CSS設計、xml結構與運用、Javascript、Flash ActionScript、.net/php等應用程式的網頁邏輯，雖然這些對我們設計師來說像是無字天書般的煩，然而，多少認識它們，它們就能為你發揮最大的效益，幫助你做出更好的作品:)

以上是我的小小經驗談，還有很多層面可能沒談到，不好意思，也許下次我們一個課題一個課題慢慢聊:P
========================================================================

你的看法呢?

讓我們一起分享^^

網頁設計特效碼蒐集

Wed, 06 Jun 2007 10:08:38 GMT

偶然間逛到了wowboxBlog ，站長整理了相當多網頁設計的相關知識，真棒!!佩服阿!!

對於網頁設計領域能建立專業知識網站，對於我們在設計時，的確有很大的參考價值

尤其是遇到一時不能解決的問題，卻只要幾行程式碼即可解決的問題，更覺得有wowboxBlog 裡的知識真棒!!

==============================================================

控制橫向和縱向滾動條的顯隱？
<body style="overflow-y:hidden"> 去掉x軸
<body style="overflow-x:hidden"> 去掉y軸
<body scroll="no">不顯
--------------------------------------------------------------------------------
表格變色
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=''"
style="CURSOR: hand">
--------------------------------------------------------------------------------
禁止複製，鼠標拖動選取
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
--------------------------------------------------------------------------------
普通iframe頁面
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>
--------------------------------------------------------------------------------
iframe自適應高度
<iframe name="pindex" src="http://blogbeta.blueidea.com/index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight" ></iframe>
--------------------------------------------------------------------------------
IE地址欄前換成自己的圖標&可以在收藏夾中顯示出你的圖標
<link rel="Shortcut Icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
--------------------------------------------------------------------------------
字號縮放
越來越多的人長時間的泡網，眼鏡的普及率也越來越高，讓文字大點，讓更多的用戶看的更清楚。
<script type="text/javascript">
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">需要指定大小的文字</span>
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>
--------------------------------------------------------------------------------
select擋住div的解決方法
在div裡加入下面的代碼，根據需要調整就可以了。
<iframe src="http://blogbeta.blueidea.com/javascript false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;">
</iframe>
--------------------------------------------------------------------------------
iframe(嵌入式幀)自適應高度
填寫的嵌入地址一定要和本頁面在同一個站點上，否則會提示「拒絕訪問！」。對跨域引用有權限問題，請查閱其他資料。
<iframe name="guestbook" src="http://blogbeta.blueidea.com/gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no onload="document.all['guestbook'].style.height=guestbook.document.body.scrollHeight"></iframe>
--------------------------------------------------------------------------------
跳轉菜單新窗口
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<option value="http://www.microsoft.com/ie"> Internet Explorer</option>
<option value="http://www.microsoft.com"> Microsoft Home</option>
<option value="http://msdn.microsoft.com"> Developer Network</option>
</select>
--------------------------------------------------------------------------------
flash透明選項
<param name="wmode" value="transparent">
--------------------------------------------------------------------------------

添加到收藏夾和設為首頁
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.makewing.com/lanren/');">設為首頁</a>
<a href="javascript:window.external.AddFavorite('http://www.makewing.com/lanren/','懶人圖庫')">收藏本站</a>
--------------------------------------------------------------------------------
記錄並顯示網頁的最後修改時間
<script language=JavaScript>
document.write("最後更新時間: " + document.lastModified + "")
</script>
--------------------------------------------------------------------------------
節日倒計時
<Script Language="JavaScript">
　　 var timedate= new Date("October 1,2002");
　　 var times= "國慶節";
　　 var now = new Date();
　　 var date = timedate.getTime() - now.getTime();
　　 var time = Math.floor(date / (1000 * 60 * 60 * 24));
　　 if (time >= 0)
　　 document.write( "現在離"+times+"還有: "+time +"天")
</Script>
--------------------------------------------------------------------------------
加在HEAD裡
禁止緩存
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
--------------------------------------------------------------------------------
讓IFRAME框架內的文檔的背景透明
<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>
--------------------------------------------------------------------------------
打開窗口即最大化
<script language="JavaScript">

</script>
--------------------------------------------------------------------------------
加入背景音樂
<bgsound src="mid/windblue[1].mid" loop="-1"> 只適用於IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> 對Netscape ,IE 都適用
--------------------------------------------------------------------------------
滾動
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>滾動信息
</marquee>
--------------------------------------------------------------------------------
防止點擊空鏈接時，頁面往往重置到頁首端
代碼「javascript:void(null)」代替原來的「#」標記
--------------------------------------------------------------------------------
文字或圖片彈出指定大小的窗口
在body中加入
<script language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
彈出代碼
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0">圖片或文字</a>
--------------------------------------------------------------------------------
flash按鈕加鏈接
on (press) {
getURL("http://www.makewing.com","_blank");
}
--------------------------------------------------------------------------------
跳轉頁面代碼
<meta http-equiv="refresh" content="5;url=http://www.makewing.com">
--------------------------------------------------------------------------------
細線分隔線
<hr noshade size=0 color=#C0C0C0>
--------------------------------------------------------------------------------
網頁中的自動換行
<td style="word-break:break-all">就搞定了。
完整的是
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"
--------------------------------------------------------------------------------
消除ie6自動出現的圖像工具欄，設置 GALLERYIMG屬性為false或no .
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
--------------------------------------------------------------------------------
禁止頁面正文內容被選取
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()">
--------------------------------------------------------------------------------
不能點右鍵，不用CTRL+A，不能複製作!
<body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</body>
--------------------------------------------------------------------------------
IE瀏覽器支持一個 Body 屬性 bgproperties，它可以讓背景不滾動:
<Body Background="圖片文件" bgproperties="fixed">
--------------------------------------------------------------------------------
隨機變換背景圖像（一個可以刷新心情的特效）
<Script Language="JavaScript">
　　 image = new Array(4); //定義image為圖片數量的數組
　　 image [0] = 'tu0.gif' //背景圖像的路徑
　　 image [1] = 'tu1.gif'
　　 image [2] = 'tu2.gif'
　　 image [3] = 'tu3.gif'
　　 image [4] = 'tu4.gif'
　　 number = Math.floor(Math.random() * image.length);
　　 document.write("<BODY background="http://blogbeta.blueidea.com/+image[number]+">");
</Script>
--------------------------------------------------------------------------------
flash載入影片
on (release)
{
loadMovie("1-01.swf", "_root.loaderclip");
}
--------------------------------------------------------------------------------
圖片表單按鈕
<form id="form1" name="form1" method="post" action="">
<img src="http://blogbeta.blueidea.com/login.gif" width="62" height="22" onclick="document.form1.submit()" />
</form>
--------------------------------------------------------------------------------
左右陰影背景的CSS定義方法
body {
text-align:center;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
}
--------------------------------------------------------------------------------
劃過鏈接手型鼠標
style="cursor:hand"
--------------------------------------------------------------------------------
如何關閉層
<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display='none'">關閉層</a>
--------------------------------------------------------------------------------
關閉窗口的腳本
<a href="http://blogbeta.blueidea.com/javascript close"()>[關閉窗口]</a>
--------------------------------------------------------------------------------
如果文字過長,則將過長的部分變成省略號顯示
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;overflow: hidden; text-overflow:ellipsis">
<NOBR>就是比如有一行文字，很長，表格內一行顯示不下.</NOBR>
</DIV>
--------------------------------------------------------------------------------
進入主頁後自動最大化
<script>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>
--------------------------------------------------------------------------------
凹陷文字
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;">
<font disabled>
怎麼樣，我凹下去了吧？<br>
你不想試試嗎？<br>
<a href="http://www.lenvo.cn/">www.lenvo.cn</a></font>
</div>
--------------------------------------------------------------------------------
運行代碼框
<script>
function Preview()
{var TestWin=open('');
TestWin.document.write(code.value);}
</script>
<textarea id=code cols=60 rows=15>

===============================================

【原文出處：http://220.135.241.51/blog/article.asp?id=1769】

【Web Design】遠雄建設紫京城

Thu, 24 May 2007 02:51:49 GMT

最近幾年房地產熱絡，屢屢上高點，相信最近買房子的朋友一定能對這個現象不陌生!

因此，跟友人推薦買房的地點，如果預算沒那麼多，又不介意一定要住郊區，那小布會想到一個好地方，就是"三峽"

而正好，去年小布為朋友的公司製作了遠雄建設紫京城的建案宣傳網站，目前建案應該已經完成基礎建設，但還在蓋就是了

而這個區域卻是一個好風水的地方，也是遠雄極力推廣的區域，每坪價格目前仍在20萬以下，已經很棒了~

不像小弟買在新店湯泉，那時已經20幾萬了><(不過聽說，現在好像更高了，嘿嘿，突然也覺得有賺到的感覺:P)

anyway，剛好這個話題，紀錄一下去年所做過的案子，如果大家有興趣，不妨去三峽看屋去:)

http://www.housegogo.com.tw/H45/

【WebDesign】花酒蔵 Aplus Dining Bar

Tue, 15 May 2007 10:23:54 GMT

花酒蔵 Aplus Dining Bar

最近幫以前一同在T.G.I Friday的同事Eric，新開的一家日式創意料理餐廳花酒蔵 Aplus Dining Bar

規劃製作新的網站設計，所使用的方法以Flash為主，以一個HTML intro + 全螢幕的Flash畫面來呈現

而這個網站前端GUI設計重點就擺在全螢幕的Flash，怎麼開啟全螢幕、怎麼跨瀏覽器開啟、怎麼阻擋Google等攔截器開啟

還有偵測螢幕舞台大小與背景圖片的設定等，以上的重點合在一起，就是為了要表現出餐廳的特色與氣質。

起初了解餐廳的客戶定位與餐廳經營方向、特色後，再收集各類照片與文字資料稿，接下來再試做與蒐集資料

並選擇新的設計方法來設計本網站，反覆測試新方法的技術內容，Flash與JS的溝通(不得不說，這對設計師來說很痛苦><)

最後再調整每區功能的底圖與不同螢幕尺寸會看到的範圍，做整體的調整，最後再測試下載速度，DEMO與裝機、完稿!

也許網站的Flash設計表現有很多種方法，不過小布設計此Flash模式設計加上簡單的Fade-in、Fade-out的大圖片效果

整體的效果挺不錯的，在此介紹大家這次小布在花酒蔵的Process of Web design :)

大家有空不妨去吃吃看，很棒的餐廳喔:)

花酒蔵 Aplus Dining Bar

http://www.aplusdiningbar.com.tw/

後記】===============================================================================================

感謝Tanjun的提醒，這次我在FireFox2.0裡面沒有完整測試到，目前會有無法全螢幕以及flash擠在一起的現象

經檢查哪裡出問題後，果然是DOM(Document od Model)文件類型宣告搞的鬼><

【DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd】

因此將DOM拿掉就正常了:)

正確版本如下: http://www.kyart.com.tw/Project/Aplus/

Client Server端資料就於下次內容資料更新時，一併更新:)

Thanks Tanjun :)

Win2003 IIS的FLV媒體類型設定

Fri, 02 Mar 2007 16:14:24 GMT

今天剛好手頭上的一個案子，客戶反應Server無法順利播出FLV的視訊檔，

因此開始了一連串的除錯，看看連結是否錯誤、有沒有寫錯等..
後來發現都沒錯....突然我想到並問問是不是Win2003 Server? 答案正是Win2003，這麼一來，問題就很單純了，兇手就是IIS惹的禍!!

過去有幾次這種經驗，不過因為沒有天天去做，一時間自然就想不起來了><

這是因為Win2003的IIS的MIME的媒體類型預設是都禁止，除非你設定某媒體類型，才會開放瀏覽

因此只要在IIS裡面設定好FLV的副檔名類型，就解決囉:)

附上原廠Adobe所寫的設定方法，若你剛好有這個困擾，呵呵，不到一分鐘就解決囉^^

=================================================================

Reason
With IIS 6.0, Microsoft changed the way streaming media is handled. Previous versions of IIS did not require any modification to stream Flash Video. Microsoft IIS 6.0, the default web server that ships with Windows 2003, requires a MIME type to recognize that FLV files are streamed media.

Solution

1、On the Windows 2003 server, open the Internet Information Services Manager.
2、Expand the Local Computer Server.
3、Right-click the local computer server and select Properties.
4、Select the MIME Types tab.
5、Click New and enter the following information:
>>Associated Extension box： .FLV
>>MIME Type box：flv-application/octet-stream
6、Click OK.
7、Restart the World Wide Web Publishing service.

=================================================================

【原文】

Flash文字框與設定透明屬性的矛盾

Tue, 05 Sep 2006 03:00:34 GMT

最近手上的一個案子出現了一個棘手的問題，左右兩難...

那就是我要在Flash專案上不僅要出現輸入欄位的搜尋，

還要嵌入兩個個iframe在Flash上方，以便長安所寫的.Net可以跟SWF溝通，呼叫iframe出來顯示資料，下圖左邊是內嵌Table，右邊內嵌Html

為什麼要那麼麻煩呢？因為Datagrid TD內的字元折行以及要播放wmv以及rm這些麻煩事，所以選擇了走iframe路線，

因此必須設定透明屬性wmode="transparent"，再以css設定iframe的absolute屬性，如此就可以work了..

但天算不如人算，竟然發現Flash的文字框輸入中文會出現bug!!!!!挖哩勒!!!這是怎麼回事...@@..救命ㄚ!!!!!!

於是問了Google大神，卻找不到答案與解決辦法...似乎網路上跟我遇到同樣問題的朋友，都只獲得取消transparent的屬性即可解決文字框輸入問題，

【

Firefox wmode=transparent is completely screwy and breaks textfields 】這篇文章最後的結論就是：

My advice: don’t use wmode=transparent.

哇!!!!這不是我要的結果阿，我就是要設定transparent阿!!!!

不設定透明雖然可以解決文字框輸入問題，但無法解決DIV浮在Flash上方的問題，面臨兩難@@...

真糟糕...只好埋頭繼續找尋去..

並請各位大大知道解決方法或蛛絲馬跡的方向，要告訴小布喔...

小布解決後，請你吃大餐!!^^

Flash主動式內容更新

Thu, 31 Aug 2006 02:28:05 GMT

今天安裝了Flash 8 的更新補丁，主要針對最近IE的更新出現"點按以啟用並使用這個控制項"的程式更新，這個更新套件對於完成Flash並輸出後，即可在htm內嵌主動式內容更新的Javascript以及附帶完整的Script文件，如此一來對於設計師來說，不懂Script設定等細節，即可簡易的完成IE上不再出現"點按以啟用並使用這個控制項"的Flash網頁了，真好~　我就知道Adobe一定會出招的!!

相信各位的Flash啟動時的中間畫面即會通知更新訊息，點進去即可下載更新套件，或者進入下列網址下載
【Flash Professional 8 and Flash Basic 8 Active Content Update(繁中)】
其實已經在4/14/2006已經發布了，只是小布偷懶一直沒上去看^^~

這個方法挺便利的，下載完會有一個FlashActiveContent_tw.mxp以及說明網頁，全中文應該可以看的懂，直接在FlashActiveContent_tw.mxp按兩下就會出現安裝訊息，並依序安裝，以及重新啟動Flash 8 即可使用，這裡節錄重要套用方法，提供先行了解

=========================================

使用「主動式內容 HTML 樣版」發佈 Flash 內容

開啟要使用「主動式內容 HTML 樣版」發佈的 Flash 影片。
請執行下列步驟之一，開啟「發佈設定」對話方塊：
- 選取「檔案＞發佈設定」。
- 請在該份文件的「屬性」檢測器中，按一下「設定」按鈕 (即使您尚未選取任何物件，您仍能使用「屬性」檢測器)。
在「格式」索引標籤上，預設會選取 HTML 檔格式。請在該 HTML 檔的「檔案」文字方塊中，使用與您的文件名稱相符的預設檔名，或是輸入一個獨一無二的名稱 (須加上 .html 之副檔名)。
按一下「HTML」索引標籤，以顯示 HTML 設定。

從「樣版」彈出式選單選取一個已安裝的「主動式內容」樣版。「主動式內容更新」樣版如下：

主動式內容更新– HTTP	基本 HTML 樣版以顯示 Flash 內容。
主動式內容更新– HTTPS	在 HTML 中顯示 Flash 內容，並指示未安裝 Flash Player 的使用者，至安全的 HTTPS 伺服器。

這部份小布補充如下：
發布樣板設定項目於下拉式選單內選擇你要的樣板，一般來說，選取主動式內容更新– HTTP 即可

如需完成其它「發佈設定」選項，以及發佈 Flash SWF 檔的相關資訊，請參閱 Flash 說明文件。
按一下「發佈」按鈕以發佈 HMTL 檔。
從「命令」選單執行「套用主動式內容更新」。
這樣會將 AC_RunActiveContent.js 複製到 HTML 的輸出資料夾 (包含所發佈 SWF 檔與 HTML 樣版的資料夾)。
您只需要對每個資料夾執行這個動作一次
將 SWF 檔、HTML 樣版與 AC_RunActiveContent.js 檔上傳至您的網站。

=========================================

"點按以啟用並使用這個控制項"的HTML設計端移除方法

Thu, 17 Aug 2006 02:44:46 GMT

小布過去在4月21日發表了一篇【移除討厭的"點按以啟用並使用這個控制項"】後，由於是屬於系統移除方法，因此在客戶瀏覽器中還是會看到，除非他也移除，因此想說應該有直接設定在網頁中，給網頁設計師的移除方法，也許是Script，也許是套件等，哈哈，這樣的想法果然沒錯，果真在無意間發現了解決方式，而且還很簡單，更妙的是，所設定的網頁在IE或者Firefox裡，Flash或者Active等皆不會再出現"點按以啟用並使用這個控制項"字眼了。

OK，話不多說，小布馬上來分享這個好方法給此刻正煩惱這個問題的網頁設計師或有興趣的朋友!

以下是針對製作一個網頁內嵌Flash的HTML 原始碼設定流程：

移除的方式是設定一段Javascript code，再由網頁引入，code如下

　
var objects = document.getElementsByTagName("object");

　for (var i=0; i<objects.length; i++)
　 objects[i].outerHTML = objects[i].outerHTML;

將上述Script，放進記事本，存成一個xxx.js檔案，譬如說小布的例子是存成 fix_ieflash.js

接下來，在你的網頁<head>..</head>裡嵌入：

<script type="text/javascript" src="fix_ieflash.js" defer="defer"></script>

SRC注意目錄的路徑即可，另外一定要包括 defer="defer"這個Tag標籤，有關defer標籤的解釋可以參見：
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/defer.asp

這樣就大功告成，你可以在網頁裡愛嵌入幾個Flash都沒關係囉~

來看一下小布的Demo

【Demo】【Demo下載】

(感謝天天大師所設計的Flash遊戲支援)

最後試試IE或者Firefox，看看是不是都解決那個討厭的"點按以啟用並使用這個控制項" 囉

華山論劍室: 小布的三兩三技術

預防WinXP下IDE介面被由DMA傳輸模式被改為PIO模式

Termtek Computer

LaVeery - SCP 鯊髓膠原蛋白

髮點子 電腦顯示器問世

大小創意新版上市

IE6支援PNG透明背景 CSS設定

IE7動態設定iframe，去除邊框與背景透明度

Firefox下方出現紅色menu item字樣解決法

大小創意，創意姚言

Flash CS3 LiveDocs繁體中文

設計的靈感怎麼來呢? 【大家來討論吧】

網頁設計特效碼蒐集

【Web Design】遠雄建設 紫京城

【WebDesign】花酒蔵 Aplus Dining Bar

Win2003 IIS的FLV媒體類型設定

Flash文字框與設定透明屬性的矛盾

Flash主動式內容更新

"點按以啟用並使用這個控制項"的HTML設計端移除方法

髮點子電腦顯示器問世

【Web Design】遠雄建設紫京城