brad 的个人资料華山論劍室日志列表留言簿更多  |  工具 帮助 |
|
|
11月10日 味千拉麵 | 台灣 | www.aji1000.com.tw最近幾次修改後，再到Google Sitemap登錄後，台灣味千拉麵網站確定上線了! 在日本擁有悠久歷史以及老字號的拉麵品牌，經過這幾個月來與香香(台灣味千拉麵manager)不斷的討論設計的方向以及味千的歷史淵源後
我對於設計的表現有著較大的佈局，也就是我希望建立一個近100% XML管理的Flash網站，
不管是選單的Link、背景圖的載入與切換Fade-in-out動畫、餐點的內容與圖片、新聞訊息等這些若以傳統Flash製作的方法來作， 一般都會內嵌入flash裡，熟知這只是便宜了專案製作期，卻會苦了後續維護期..。 尤其這次的專案設計以Flash為主，但在規格上我期許可以做到RSS、SEO(搜尋引擎最佳化)的成果，達到Flash網站也可以像HTML般的被搜尋、被索引，甚至被RSS!
達到這些設計目的，皆要有XML這個傳遞資料才能完成。
Flash+XML其實老早不是件新鮮事，國內外許多的大型專案都可見，甚至我們也製作過由後台資料庫上稿，再輸出XML給Flash，全資料庫的作法已不稀奇!
只是，這樣製作的預算有一定的規模，要降低製作成本以及達到客戶的預算目標，若是由後台上稿再到XML再到Flash，這種百萬級以上的系統設計規模，恐怕就不是一般企業品牌或公司願意買單，再加上後續資料維護上的考量(快速更新文字資料以及更換圖片等)，不使用程式資料庫的高級規格，若是解釋到建議使用Dreamweaver、Flash Pro軟體等來維護時，就已經是民國幾百年了~
因此我們必須建立一個規格，也就是一個嶄新全面且有用的設計規格，他是動態的是Flash的base，也是XML的規格，即使製作上較困難許多，然而我們卻可以為客戶設計既能達到美觀的美學設計與品牌印象、行銷宣傳，又可以兼具資料搜尋、資料更新的維護概念，達到最有效率且有質感的網站設計。
值此經濟不景氣時刻，我們相信這樣的設計手法可以獲得客戶的支持與肯定，同樣的我們也會盡力為我們所有的客戶規劃最適切的表現方法，投入最適當的設計技術，呈現最好的設計。
這次的味千拉麵主軸雖是Flash為主，但是我們也投入許多心力在文案的撰寫以及企畫，一次又一次的內部創意開會，希望的就是能將日本各地知名的拉麵店網站的優缺點以及來自台灣的味千拉麵網站要呈現怎樣的風貌? 台灣民眾對於日本拉麵的印象為何? 使用網站的習慣為何? 哪一種美學設計是台灣的日式風格? 未來在經營行銷企劃上的考量以及餐點內容的抽換更新等是我們在設計內容安排以及瀏覽動線的邏輯，並希望保有全世界獨特的台灣味千拉麵網站Style，的確我們做了許多功課，也嘗試不同的作法與表現。譬如說配合日式風格的木板風格，如何做精緻的木板質感以及配合店內的設計如何呼應，手寫字型的反覆實作搭配、色彩氣氛的拿捏等，著實費了一番功夫。
結果是美好的，也符合原始設計稿的方向與預期效果，希望可以為台灣味千拉麵帶來一定的瀏覽量以及品牌信賴感，創造更好的佳績:)
味千拉麵真的很好吃，我們製作期間已不知吃了多少回，還是回味無窮，儘管這篇是置入性行銷，但還是強力推薦!!
   www.aji1000.com.tw
============================================================================ Design: 郭光耀 Brad Kuo /// Tools:Adobe Photoshop, Dreamweaver, Flash, After Efftect, xhtml, CSS, XML, XSLT Creative Team: Brad Kuo、Morris Chen、Elisa Huang、Zoe Wang、Alex Pai 11月4日 日月光國際家飾館 - 2008 新版設計
日月光國際家飾館是國內最頂尖的傢具領導品牌展示與銷售中心，裡頭擁有最頂尖、最高檔、最豪宅、最有設計力的各種國內外品牌家具商品，每年也投入許多的廣告與行銷提升國內家具採購的品質以及滿足不同社會階層的生活品位需求，這麼說好了，若是你正好想找一件別人都沒有的家具，或者你想找一件最有設計感的家具，或者你想找一套適合家裡氣氛佈置最佳的家具，走一趟日月光國際家飾館絕對會令你感到驚喜! (以上...不用懷疑! 正是一篇置入性行銷的內文@@) anyway~我們在接手新版的設計後，最棘手的正式如何提昇館內各家品牌以及商品以及台北、高雄樓層的辨識度，以及強化商品的搜尋以及與品牌的關連度等，我們也捨棄了許多過去版本中的內容，並且重新整合既有混亂無焦點的架構，拉出新的網站結構，並朝向"商品主題化"、"操作邏輯化"、"品牌視覺化"的主要目標前進。 而這整體的設計過程也不斷的修正、試煉、組合、並加入各種行銷可能的版位管理，並且也可考慮後續的維護與管理，因此新版的設計可說是功能與實用度CP值很高的，這雖是我們希望看到的成果，經由後來嵌入的Google Analytics數值，我們證明了這樣的規劃與策略是正確的! 因為流量以及商品、品牌的瀏覽量平均都是很高的，尤其令我們高興的是在網頁佇留率以及搜尋引擎進來的比例，每項都比舊版本相對提高很多很多，這的確是光沅創意投入的SEO優化的成績單，也獲得客戶的讚賞與肯定。 有空有興趣，走一趟日月光國際家飾館，台北高雄都有，絕對驚喜連連:)
www.AseHome.com Ray Gard Presentation Design
崔同學!有你的!! 真替你感到驕傲!
Ray Gard Presentation Design
9月24日 Photoshop 水彩效果Brushes這兩天需要找尋有毛筆質感的筆刷來設計圖樣，大家正愁著不知怎麼創見，或者自己動手來寫字時，Google問一下果然曙光一現! Free Hi-Res Watercolor Photoshop Brushes Set II My first set of Photoshop brushes (high-res watercolor) was pretty popular, so I thought I would feed you all some more. (examples and download instructions below) I’m beginning to make a lot of brushes for myself because I can’t find exactly what I want online. Of course, I would never do that without sharing them with all of you. I hope you like them!
In this set of brushes, I went a little more crazy with the strokes.
These brushes are more complex than the previous set and were painted
on a higher quality paper, so the end result is in fact, much better. I
hope you enjoy them, and I also hope you share your designs with the
rest of us in the BittBox User Showcase Group on Flickr.
Another brush in the set. (image below is about 25% of the full size) Download CS3 Version: (29.2MB)Includes: - Photoshop CS3 Brush Library (1)Download CS1 Version: (29.2MB)Includes: - Photoshop CS1 Brush Library (1)Everyone Else - PNG Source Files: (35MB)The CS Brushes Should work in CS2, but just in case, here are the PNG Source files so you can make your own brushes if you need to, and for all previous Photoshop versions. Includes: - PNG source files (20)Installation:1. Download the file and unzip it. 2. Copy the file (BB_watercolor_II.abr) to your Photoshop/Presets/Brushes folder. 3. In your Photoshop Brushes palette, click on the arrow in the upper right and click on “Load Brushes.” 4. Navigate until you find the file and load it (Photoshop/Presets/Brushes/BB_watercolor_II.abr ) Note: The next time you restart Photoshop you will not have to load the file, it will be in the list of Brush Libraries.
Related Posts: 7月24日 預防WinXP下IDE介面被由DMA傳輸模式被改為PIO模式最近我終於正式面對我那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 ===================================================================
7月14日 Termtek Computer這一兩個月公事、家事一起忙，好友小強的公司網站"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
7月9日 LaVeery - SCP 鯊髓膠原蛋白沒錯，小布最近在郭小寶出生之際，硬生生完成了一個美容醫學產品官網設計案
LA VEERY | Health & Beauty | www.LaVeery.com
這段期間承蒙客戶的包容與體貼，讓我在小美生產與月子期間，克服許多困難持續進行作品設計，以及有信諾的夥伴們的支持
讓我可以很直率的完成此案！
怎麼說是直率呢? 那就是客戶很尊重我的設計方向，並且讓我盡力發揮，於是我也就"玩"的挺過癮、挺過火!!
由衷的感謝如此好的客戶，才能在短期間作好一個專案設計。
LaVeery 是一個國外知名的美容醫學品牌，來自深海智慧的結晶產品，簡介品牌與產品如下: ====================================================================
SCP 鯊髓膠原蛋白~來自深海智慧的結晶 自然生命能量轉換形成再生活化因子 海洋是地球上生命的起源~它孕育著無窮的生命能量!! 生物在各自的環境下吸收陽光、空氣、水，因不同環境而調節自我體內的生存機制，以適應環境而成長茁壯，這種機制即是自然生命能量轉換的最佳表徵。 人類隨著歲月的增長，皮膚的膠原蛋白會破裂損壞並流失，皮膚會慢慢失去彈性，加上每日紫外線照射，黑斑和皺紋更是一一產生。在面對大量的工作壓力，混亂的日常作息，及環境污染等不利於健康的因子，更加速我們的肌膚出現「提早老化」的生理現象。 科學家相信海洋是地球上生命的起源，研究發現生存遠早於恐龍年代的鯊魚之所以能存活於地球上達三億五千萬至四億年之久，主要在於牠優異的生物特性機本上沒有太多的機體改變，例如高速爆發的行動能力、敏銳抗壓的感知能力、而身體組織的修復再生能力更是令人稱奇。鯊魚迴流層廣闊, 不受污染, 沒有人畜共通傳染病或抗生素及荷爾蒙殘留的疑慮。鯊魚軟骨髓 (shark cartilage marrow) 質輕柔軟且富彈性，堅韌細緻的膠原質能快速修補受損老化的組織。這些驚人的特徵，就是VITALITÉ SCP藍肽激活素從鯊魚軟骨精華萃取的主要原因。 ====================================================================    ============================================================================
Design: 郭光耀 Brad Kuo /// Tools:Adobe Photoshop, Dreamweaver, Flash, After Efftect, xhtml, CSS
Creative Team: Morris Chen、Elisa Huang、Zoe Wang、Alex Pai
4月18日 髮點子 電腦顯示器問世髮點子 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
髮點子 電腦顯示器問世 王建訓／雲林報導 電腦不只會選土豆，還會幫忙設計髮型！「竑點」科技公司研發的「髮點子」電腦顯示器問世，今後民眾不必再依賴美容美髮師代為設計造型，只要透過電腦就可以自己當造型設計師，並且能夠預見自己髮型改變後的模樣。
電腦網路化的時代來臨，雲林縣美容美髮同業公會為讓同業善用網路資訊及電腦設備，十七日在國立虎尾科技大學舉辦「美髮愛轉型」發表會，邀請竑點科技公司執行長孫明申博士演講，介紹該公司「髮點子」電腦顯示器及網路髮點子美髮工作站。
孫明申表示，髮點子美髮工作站是美髮史上第一部專為業者打造的電腦工具，結合網路髮型資料庫軟體與電腦顯示器硬體，可以為顧客素顏拍照，輸入電腦之後，再套上五百種以上的髮型及各種髮色供選擇。雲林縣美容美髮同業公會理事長林惠蘭說，利用電腦設計髮型的好處，是顧客可以在電腦螢幕上看見套用各種髮型與髮色的模樣，進而選擇自己最喜愛的髮型，也方便設計師幫顧客打理。數十名美容美髮業者觀看電腦的各種髮型變化，利用電腦與網路設計髮型是全新的體驗，業者感覺相當新奇，學習興緻高昂，對電腦軟體以兩百倍顯微鏡檢視髮根的健康情形，更感到新鮮。
孫明申表示，髮點子電腦顯示器尚未正式上市，昨天發表希望透過業者的實際操作，以了解是否有需要改善的地方。
================================================================================ 4月1日 大小創意新版上市
3月11日 IE6支援PNG透明背景 CSS設定最近為了需要在IE6、IE7、Firefox中顯示透明背景的PNG設計圖，即使IE7、Firefox支援PNG，但IE6就是硬生生不支援!
然而身為一個專業的設計師，小布怎麼可以忽視IE6族群瀏覽時的美感?(呵呵~說大話了..:P) 因此就找了許多可行的方案與資料進行測試，過程以為很簡單，網路上也有許多人提供不少的方法 有從js引入解決，也有從某不知名檔引入解決(例：xx.htc)，還有從CSS端解決等... 結果，果然如同waking這篇"也許是目前修正IE6的PNG透明度問題最簡單的方法"所寫，但我也搞了一個早上，最後還是無用><。。如下圖：
後來小布試過最好也最適合的方法就是透過IE的AlphaImageLoader的方法，將alpha效果套入所屬class的png圖檔中 【HTML】Kyart.htm裡的原始碼： 為了解決IE6，於是我加了一個IE6 hack用的CSS，並且在此加入AlphaImageLoader Filter filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=link_top.png,sizingMethod='scale',enabled=FALSE); 請注意，上述類別KyArtSet與【brad.css】的名稱相同，若有階層屬性也需要相同階層關係，如： 3月10日 IE7動態設定iframe，去除邊框與背景透明度今天為了設定一個在網頁中動態出現的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，去除邊框以及背景的方法。
以上紀錄希望對大家設計網頁時有所幫助:) 10月15日 Firefox下方出現紅色menu item字樣解決法對於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
=================================================================================
10月3日 大小創意，創意姚言最近有幸參與大小創意Web2.0的改版計劃，有幸認識姚仁祿老師，以及姚老師所帶領的精英團隊，
過程中讓我與冠榮、長安不僅在專案程序上以及討論互動中，皆倍增成長，也獲得前所未有的創意新領域 10/1日大小創意新貌登場，這是屬於創意激發的殿堂，也是大腦鬆綁的激發，在此小小廣告一下，大家一定要去看看:) ★屬於你的「大小創意」10.1開站！
================================================================================ 創意，如果有目的，就是透過食衣住行，塑造一個更美、更好、更文明、更開闊、更悲憫的人間地球。
我們相信：創意，絕對屬於尋常百姓，是平凡人生可以努力的事。   ================================================================================ 身為設計領域的工作者，每天都要想畫面怎麼設計，創意在哪裡，客戶要什麼，自己的養分也常常不夠去創造出好東西 這當然也是自己的格局不夠大，眼光不夠準確，甚且，要能說出自己想要做的，想要設計的，也只是支支吾吾，囫圇吞棗
我已經變成《創意姚言》所說，我大腦已經被綁架了!!!
是的，做設計是興趣的事，我有一百個理由說明我喜歡這行，但也有一千個一萬個我無法做到的事
專案也不是僅僅只有做設計，也因此我大腦已經被綁架，結案就好，就這麼做就好，就套版就好，客戶接受就好...
那麼這不就失去設計師的靈魂? 客戶找你設計也是希望你給予新的詮釋、新的想法、新的方向?
所以，推薦大家一定要看看 姚仁祿老師所寫的書《創意姚言》
釋放你的大腦，抓住我們的創意思緒! 小布節錄書中最喜歡的一段話如下：
================================================================================  未來，可長可短；不同的心靈鏡頭，聚焦在不同的距離。 關懷千年永續，是宗教情操…… 思索百年千載，是史家風格…… 尋常人家，能掛念的，也許只有今明昨日； 明年後年，說來實在沒啥把握； 百千萬年的事，更是，遙不可及了。 雖然如此， 未來，卻是必然來到，我們，或我們的後代，都要遇上； 既然如此， 面對未來，不應止於預測，而應積極塑造！ 塑造未來，是「創意心靈」的範疇。 創意，如果有目的，就是透過食衣住行， 塑造一個更美、更好、更文明、更開闊、更悲憫的人間地球。 創意，絕對屬於尋常百姓，是平凡人生可以努力的事。 ──姚仁祿 ★創意姚言搶先試讀！烏合之眾的智慧 ★《創意姚言》新書優惠搶購中！ ★立即進「大小創意」，豐富你的創意大腦！ 9月4日 Flash CS3 LiveDocs繁體中文最近有緣經Jeremy的介紹往Flex的領域鑽了進去，研究了大半月，看了一堆原文資料，對於CSS設計結構化的作法，本來很擔心如果用舊的Flash開發方法來做可能太笨，然而，曙光一現，周日加班時與長安已經找到了方法，也就是類似開發HTML的CSS-P方式，頓時覺得Adobe真聰明!
可以將設計與程式作如此完美切割，對於Flash的系統開發，用Flex結構來說，已經事半功倍!
這部份待進一步研究心得多一點，再來記錄屬於設計端的作法。
剛好，找尋相關資料時，發現Ticore's Blog發佈了Flash CS3的LiveDocs中文版，剛好小弟的版本是英文版，所以非常需要阿!!!
LiveDoc就是Flash很完整的說明文件，包括了每個AS以及範例，遇到問題卡住時，幾乎可以從裡面找到答案!
中文版本身已經含有，但如果你正是英文版，不妨下載來傍身參考參考! 真的很讚!
6月8日 設計的靈感怎麼來呢? 【大家來討論吧】剛好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
======================================================================== 你的看法呢?
讓我們一起分享^^
6月6日 網頁設計特效碼蒐集偶然間逛到了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"> <!-- Begin self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) // End --> </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> ===============================================
5月24日 【Web Design】遠雄建設 紫京城最近幾年房地產熱絡，屢屢上高點，相信最近買房子的朋友一定能對這個現象不陌生! 因此，跟友人推薦買房的地點，如果預算沒那麼多，又不介意一定要住郊區，那小布會想到一個好地方，就是"三峽"
而正好，去年小布為朋友的公司製作了遠雄建設 紫京城的建案宣傳網站，目前建案應該已經完成基礎建設，但還在蓋就是了
而這個區域卻是一個好風水的地方，也是遠雄極力推廣的區域，每坪價格目前仍在20萬以下，已經很棒了~
不像小弟買在新店湯泉，那時已經20幾萬了><(不過聽說，現在好像更高了，嘿嘿，突然也覺得有賺到的感覺:P)
anyway，剛好這個話題，紀錄一下去年所做過的案子，如果大家有興趣，不妨去三峽看屋去:)
  5月15日 【WebDesign】花酒蔵 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 :)
大家有空不妨去吃吃看，很棒的餐廳喔:)
  後記】===============================================================================================
感謝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拿掉就正常了:)
Client Server端資料就於下次內容資料更新時，一併更新:)
Thanks Tanjun :) 3月3日 Win2003 IIS的FLV媒體類型設定今天剛好手頭上的一個案子，客戶反應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
=================================================================
【原文】
9月5日 Flash文字框與設定透明屬性的矛盾最近手上的一個案子出現了一個棘手的問題，左右兩難...
那就是我要在Flash專案上不僅要出現輸入欄位的搜尋，
 還要嵌入兩個個iframe在Flash上方，以便長安所寫的.Net可以跟SWF溝通，呼叫iframe出來顯示資料，下圖左邊是內嵌Table，右邊內嵌Html 為什麼要那麼麻煩呢？因為Datagrid TD內的字元折行以及要播放wmv以及rm這些麻煩事，所以選擇了走iframe路線，
 因此必須設定透明屬性wmode="transparent"，再以css設定iframe的absolute屬性，如此就可以work了.. 但天算不如人算，竟然發現Flash的文字框輸入中文會出現bug!!!!!挖哩勒!!!這是怎麼回事...@@..救命ㄚ!!!!!!
於是問了Google大神，卻找不到答案與解決辦法...似乎網路上跟我遇到同樣問題的朋友，都只獲得取消transparent的屬性即可解決文字框輸入問題，
【
My advice: don’t use wmode=transparent.
哇!!!!這不是我要的結果阿，我就是要設定transparent阿!!!! 不設定透明雖然可以解決文字框輸入問題，但無法解決DIV浮在Flash上方的問題，面臨兩難@@...
真糟糕...只好埋頭繼續找尋去..
並請各位大大知道解決方法或蛛絲馬跡的方向，要告訴小布喔...
小布解決後，請你吃大餐!!^^
|
|
|
