[技巧]直接用photoshop設計ico圖示檔

基本上要讓photoshop支援ico檔案格式，只要裝個外掛就好，以往我都是使用Axialis IconWorkshop這套軟體，他可以直接裝外掛到photoshop之中，然後由photoshop中直接轉圖案到IconWorkshop裡面存成ico檔，不過IconWorkshop這套軟體要錢，且我只用他來找ico以及擷取ico圖示轉成圖片來使用，這樣有點大才小用，所以就換成另外一種方式。

在xp及以上的作業系統下，我們直接在photoshop中把圖片存成png檔後，接著把副檔名改成ico，你會巧妙的發現，怎麼這樣也能變ico檔?!!太神奇了，恩～這樣神奇的事情就此打住吧，先不管上面的做法，我們還有第三種做法是可以讓photoshop直接把圖案存成ico檔，這樣不是更方便嗎?

首先請各位到這個網址http://www.telegraphics.com.au/sw/去選擇下載適合你系統的增效模組檔案

然後把下載下來的壓縮檔中的ICOFormat.8bi檔案解壓縮到photoshop安裝資料夾中的"增效模組"資料夾中(英文為Plug-ins\File Formats資料夾)

接著打開photoshop試著畫一個美美的圖案看看，畫完之後存檔，選擇檔案格式…挖!!!真的有ico檔案格式啦~~

存成ico檔案時會有一個對話窗問你，要存成ico還是vista下的png檔? 當然不要懷疑，就選擇ico吧~瞧瞧這張圖，透明的質感連背景都可以瞧見，多麼正點阿~~XD(這圖片是之前印表機用illustrator繪製給客戶的省電燈泡，不是照片喔~)

就這麼簡單~快去下載來玩玩看吧~

[軟體] 多版本IE測試解決方案：ieTester、Internet Explorer Collection、Multiple IE

在網頁設計這一塊領域，對於越來越多人學習的CSS來說，不同瀏覽器對CSS解讀與支援程度上面的差異，一直是網頁設計師致力於解決的問題，而其中最糟糕的就是IE瀏覽器，因為版本不同就造成CSS解讀上面的有所差異，這樣子的作法讓許多設計師都很頭痛，在這邊提供幾個可同時測試多版本IE的方案給各位，目前所知大概有以下三個軟體可以做到同時在一台電腦，一個作業系統下安裝多個IE版本或是模擬多個IE版本的方式

ieTester

下載網址：http://www.my-debugbar.com/wiki/IETester/HomePage

這一套軟體可獨立在一個模擬的畫面中開啟模擬多個版本的IE畫面，就目前來說算是很方便的一套工具軟體，但因為是模擬的，所以原本安裝在IE中的外掛會是無效的狀態，而在Dreamweaver中也無法直接以ieTester用預覽的方式來檢視開啟的網頁檔案，必須要用拖拉的方式，把網頁檔案拖拉到ieTester的視窗中，或是把網址貼到 ieTester的網址列才能開啟該網頁檔案，算是唯一的缺點，但目前實際使用新的版本時，似乎有不穩定的情況。

Internet Explorer Collection

下載網址：http://finalbuilds.edskes.net/iecollection.htm

這一套可以安裝多個ie版本在電腦系統中，包含原本ie有安裝的外掛也都可以用，但是對於ie8似乎會有些問題，且安裝時最好是系統安裝最新版本ie，再使用這套軟體來安裝低階版本的ie，才是正確的使用方式。

Multiple IE

下載網址：http://tredosoft.com/Multiple_IE

這一套軟體目前好像沒看到有更新，可以安裝的IE版本有IE6及更早坂本，算是最早期我使用的一個做法，不過目前我都改採用ieTester來測試了。

免安裝獨立版本ie

這個可能需要去尋找一下，目前ie6、ie7、ie8都有找到可免安裝的綠色版ie，但大都不是很穩定，所以就看運氣啦^^~

[資源]Dreamweaver CS4 CSS編輯器英翻中更新版3.2

經過一段時間的使用，發現一些翻譯上面及介面上面的錯誤，目前已修正，修正項目大致如下：

• [背景] Background Position (Y)使用圖片及翻譯錯誤
• [定位] Overflow翻譯錯誤
• [方框] padding、Margin項目翻譯色彩不明顯，更改為紅色
• 其他小項目，因此版本跳兩級，所以之前一些小修正我已經忘記啦>"<(原諒我沒列出吧～)

下載更新版本請按這裏

[影片]常見的PowerPoint錯誤

非常棒的一部影片，指出了許多人在設計一個簡報檔時所常犯的錯誤，像是之前我還在學校念書時，老師常常要我們用剪報來交作業，但是五網要報告的內容很多，而我們也沒有要上台報告，所以就貼了一堆文字上去，真是有夠無聊的作業跟做法啊 ~哈哈

常見的powerpoint錯誤

[資源]Dreamweaver CS4 CSS編輯器-英翻中

最近因為上Dreamweaver CS4網頁課程，想到很多學生英文都跟我的程度有的比，所以就做了一個Dreamweaver CS4 CSS編輯器英翻中的介面給他們比對，一來方便我上課，二來方便他們學習，在這邊就分享給廣大網友們一起使用囉，另外因為時間不多，原想做的比較完善一點(可以有詳細使用說明)的，退而求其次先處理翻譯跟設定項目囉，請各位網友下載後若是有覺得不好用或是有問題的地方，到BLOG上面留言，這樣好方便我做修改囉。

使用方式的話，請把滑鼠移到該CSS項目上面就會出現中文了，這樣可以讓各位多少學一點英文，也順便可比對中文，另外如果覺得這樣不好用，那麼就請點選畫面左下角的"切換中文畫面"，這樣整個介面就變成中文囉。

廢話不多說，現在就下載Dreamweaver CS4 CSS編輯器英翻中吧!!

[影片]Mac vs Pc 南方公園版

笑死我啦~哈哈哈，這真是太太太諷刺了，PC你要加油點阿~不過，MAC說實在的也沒那麼好吧~哈

[資源]ACA認證考題重點II Photoshop CS3考題重點(Adobe ACA認證)

有鑑於各位的愛護，本類型文章始終獲得廣大考友的注意，在這邊壞掉的印表機熱情大放送，再次提供有心準備考試的考有們考題準備方向，也希望各位有利用到這些資訊而考到ACA證照的人可以抽個空上來簽到一下，讓這篇文章可以造福更多有心想考ACA證照的人，廢話不多說，馬上來看看考試準備重點：

考題重點

• 選取工具 & 選取功能表內項目
• 各種不同圖層的特性及操作
• PHOTOSHOP的非破壞性編輯功能及工具有哪些，要熟悉其特性
• 檔案功能表中的"自動"  &  "指令碼" 裡面的功能最好都操作過，了解其功能跟特性
• 影像尺寸、版面尺寸、尺寸換算、尺寸更改等項目一定要熟悉
• 圖層選單的功能：新增填滿圖層、平面化圖層、新增調整圖層...等項目要會使用
• GIF、PNG、JPG、TIFF、EPS、PSD...等檔案格式的特性
• 版權、著作權...等法律知識，須知道最基本的就可以了。

選取功能

魔術棒、快速選取、選取畫面工具、顏色範圍、修改、相近色

非破壞性功能

調整圖層、智慧型物件、遮色片、智慧型濾鏡、形狀圖層

影像換算

2英吋x5英吋，解析度300ppi的圖片，其像素尺寸為?
高度2000px，寬度5500px，解析度100ppi的影像，其文件尺寸為何?
如何放大一張圖片卻不影響其畫面清晰度?
如何縮小一張影像卻不變更其解析度?

圖片檔案格式特性一覽

檔案格式	最大 色彩數	透明支援	適合用途
GIF	256色		web icon
PNG8	256色		web icon
PNG24	1600萬	漸進式	web icon
JPG	1600萬		web Photo
PSD	1600萬	漸進式	印刷、網頁設計階段
TIF	1600萬		印刷

版權、著作權

未經同意是否可使用他人的作品?
著作權必須申請後才具法律效力?
所有未經同意的作品都不可使用嗎?

以上是一些重點提示，讓大家有更明確的方向可以準備考試囉~加油! 祝各位也能順利征服ACA啦XD(有考到記得來簽到啦=^=)

[教學]超簡單 IE8 CSS hack + 所有瀏覽器一次解決

最近IE推出了IE8之後，想必不少人為了畫面呈現的問題抓破腦袋，在這邊我提供一個簡單的範例給大家參考看看，一方面也是幫自己做個筆記囉。

一般來說，我較常用的CSS寫法通常是先寫大家都一樣的，之後再寫不同的去覆蓋掉前面的設定，舉個例子來看

現在有一段文字，我希望他能在不同瀏覽器呈現不同的色彩，那麼我會這樣寫

HTML內容如下

<p>這是一段文字<p>

CSS則是像下面這樣

p {
color:#F00; /*FF & 所有 IE*/
color:#FF0\9; /*所有 IE*/
*color:#0F0; /*IE7 IE6*/
_color:#00F; /*只有IE6*/
}

就像是上面所看到的，如果你是用是Firefox來看這個網頁，那網頁文字的顏色就會是紅色的，IE8則是黃色，IE7則會看到綠色的字，而IE6看到的卻會是藍色的字。

這裡所見到最特殊的大概就是IE8要用到\9的寫法了，這個寫法能讓所有的IE都讀得到，Firefox卻讀不到，這樣就能很簡單的區隔出IE與Firefox的差異，之後我們再使用每個不同IE版本中所支援的CSS差異來解決畫面上的差異即可囉。

在這邊使用的IE8是正式版本 (8.0.6001.18702版)，測試版本的CSS Hack 我就不寫了，測試版本沒啥意思~這裡使用到最簡單的做法就是直接在一個class中就寫完全部的差異了，這樣修正起來快多了，也可縮減CSS檔案的大小，唯獨就是無法通過W3C的檢驗，但是這一點我是不在意啦~畢竟沒多少人會去掛那個標章，而修正的順序記得要依照Firefox → IE8 → IE7 → IE6 的順序喔~

[站務]部落格增加評價按鈕

最近有給他抽空邦部落格加了點東西，各位(有常來坐的)應該有發現畫面文章下面多了一個好文按鈕 ，如果各味覺得這篇文章不錯~就給他在 按一下吧，讓別人也能知道這篇文章到底是否有用囉，感謝各位啦~

[影片]設計師的悲哀

今天K傳來設計師的悲哀影片給我，看了真是超貼切的感受阿~我想每個作設計的都會遇到這種情況吧~而且旁邊那位每次甚麼都答應的人，簡直就是我們身邊常見的業務阿~一整個囧到不行~大家一起來感受一下吧~XD

[技巧]超快速! 利用調整圖層搞定彩色剪影人像

說到Photoshop教學，老早就做過問卷調查了，只是一直苦無時間做教學，今天就先把案子放一邊，來玩玩簡單快速的剪影人像製作吧~

步驟一

首先需要人像照一枚
 

接著我們用Photoshop CS4打開後，在圖層下方有一個半黑半白的小圖示 叫做[新增調整圖層]，請點選圖示之後選擇[臨界值](舊版可能翻譯為-高反差)，接著會出現一個設定視窗，CS3用戶可能看到的是一個完整的視窗畫面，但不影響調整的目的。

OK~請調整上圖紅圈處的滑桿到你認為最能表現剪影效果的位置，舉例來說，你不能整張臉都黑黑的吧~所以像印表機本身在調整時大都讓五官可以看的出來，臉也不會調的太黑的囉。

調整完 大致長的像是下面這樣，整個效果端看個人感覺囉，這邊僅示範這功能的做法嚕~

步驟二

OK~第一步驟已做完，再來第二步驟請一樣點選圖層浮動面板下面的[調整圖層]圖示，然後請選擇[漸層對應]

接著又會出現一個調整漸層的視窗，你可以點選漸層右方的三角形去下拉挑選軟體預設的漸層色，又或者直接點選漸層色塊去設定一下你想要的漸層色彩，舉例來說，我希望目前黑色區域變成藍色的話，我就用滑鼠雙擊下方畫面中左方的紅圈處的小方塊，並改變色彩為藍色，相反的，我想改變的是亮部位置(白色區域)的話，就雙擊右方紅圈處的小方塊，並改變色彩。

完成

OK~調整完了，這樣會不會太簡單了點(我是這麼認為啦)，太簡單好像顯得這教學很沒有程度，不過~我們其實可以發現目前畫面其實沒有很好看，主要是因為原始圖片作了[臨界值]的時候出現了不規則的點狀邊緣，這一點其實要避免的話~是可以在處理[臨界值]之前先利用其他工具或者是[曲線]等功能先處理好再來[臨界值]一下。

那為何要使用[調整圖層]呢? 主要是因為[調整圖層]強大的非破壞性編輯特性，以及他隨時可以去修改剛剛所設定的數值的關係，那如果不用[調整圖層]，而是用選單中的[影像/調整 / 臨界值]可以嗎? 答案當然是可以! 只是這邊設定的話，突然反悔要改就得重新製作了，這是最不方便的地方囉。

原理

看完了做法，我們來看看這兩個功能的特性

臨界值

一個影像的階調總共是256階，而[臨界值]正如同其名稱一樣，直接切開他的階調，位於[臨界值]所設定的點右方的所有階調通通全部變白色，位於[臨界值]左方的點的階掉則通通變黑色，就是這樣的原理造成整張照片就變成了只有黑跟白兩色，也就有了剪影的效果。

漸層對應

[漸層對應]可好用了，這又要講到色階啦~~一張影像的階調由暗到亮，正如同一個漸層色一般，由一個深色到另外一個淺色，而[漸層對應]則是利用這樣的原理，將影像的階調，改成由一個漸層色彩去對應，舉例來說，就像是我用漸層色彩中A這個顏色去替代掉影像中的深色，用漸層色中的B色彩去替代掉影像中的淺色，而中間色調呢? 則是漸層色中間這整塊漸層去對應到影像的各個中間階調，這樣應該很清楚了吧^^

而這個例子中，因為我們先利用了[臨界值]來將影像變成只有兩個顏色(黑與白)，所以後面套用[漸層對應]時，漸層色中間的階調就看不到囉~這作法簡單又迅速，要改色也很快，所以是非常方便的一個小技巧囉~有興趣的人就快去試試看吧^^

[日記]父親的眼淚

近日可謂是忙盲茫，一忙~工作上案子趕不完(有些是爛案子~利潤低~要求多~)，而父親大人身體狀況是日益低下，上週才從醫院出院，而身體上面的狀況還好處理，那看不見的問題就難了，這謂之盲~搞到後面都有些不知道該怎麼辦才能處理好這堆事情，這謂之"茫"~但總算到目前是有些頭緒了~也才有空來寫寫BLOG

父親的眼淚

昨天帶父親去佛堂，讓父親聽聽佛經，想說是否可讓他減輕一些身體上面的苦痛，誰知父親抬頭一見到上頭的佛像便開始情緒激動的開始落淚，這是我完全無法想像的狀況，打從娘胎出生到現在~我還第一次見到父親如此像個孩子般的落淚，就算是多年前在母親中風時，我也僅僅看過父親似乎在擦拭眼角，卻沒見過今日這樣的景況，可真是有點讓我驚訝，不知該對他說些甚麼。身旁的人開始詢問他怎麼了? 安慰踏要他放鬆，來佛堂應該要放鬆，放下一切，不要執著，放心的聽經，但父親的眼淚彷彿決堤一般控制不住的落下。

過了一下，身邊已擺滿了用過的"餛飩"，父親依舊一句話都不說，待講師說畢，我們要離去時，父親竟自動的走到佛像前跪下，開始對著前方的佛像磕頭，這動作讓我驚訝到一整個不行，因為父親是一位基督徒，從來不信佛，對於母親拿香拜拜總是嗤之以鼻，稱她太迷信，因為父親已年屆八十，家裡人都很擔心他會跌倒，所以外出都會顧著，以防他跌倒，平常很懶得動的他，這時卻每個動作都做得好好的，讓我有點不敢相信這景象是我眼睛出問題嗎?

擋不住的思念

離開了佛堂，回到家後，情緒慢慢平復的父親似乎又因想起剛剛的情景而開始落淚，一家人圍在他身邊問他怎麼了? 父親好不容易從他口中努力的說出三個字"老爺爺"，我才想說佛像也是長長的鬍鬚，是不是見到神明了? 後面詢問之下，原來是父親見到了他幾十年沒見的親人(不知是我的爺爺還是阿祖)，父親說他們都來看他了，父親沒再多說甚麼，也不願回應我們問的事情，只是似乎在想著他腦袋中的事情。我們也就不便多問些甚麼了。而父親究竟是因為見到親人因思念而落淚? 還是因為感覺自己的人生似乎已快走到一個段落而落淚? 這一點無法得知，只是一家人看著他如此像個孩子般的落淚，也跟著不忍而淚潸潸。

迷信?

近一個多月，父親的精神與眼神從完全失神到現在這樣的情形，讓我感覺有如洗三溫暖一般，我之前是一個很鐵齒的人，雖然會拿香去拜，但是卻不相信真有神，直到我自己遇到一些超神奇的情形(這些情形會在七月份應景的時候發表)，這次父親的情形，讓我更加驚訝，在醫院科學的檢驗之下，腦部有輕微出血而造成有些小中風的情形，而在宗教的檢驗下，我們的祖先來找我們，希望我們能夠祭拜他們(這也難怪啦~父親是隻身來台的外省人，大陸那邊是不拿香拜的)，因為沒有祭拜，所以父親的身體不好(這聽來是很玄啦，要講的話倒是會漏漏騰)，每次我帶去給"南斗星君"的處理，當天晚上父親精神狀況就完全恢復正常(比醫生開藥還要有效)，而帶去給"觀音菩薩"看過，也拿了"藥方"，當晚父親休息起來之後，竟跑來跟我們說菩薩對他說要他準備......等東西，對他身體會比較好，準備的東西不外乎中式的療法，食補與食療，這些項目我們知道是安全無虞的，所以也訝異怎麼不信佛的老爸，竟然會跟我們說菩薩告訴他(應是托夢)，要他吃些甚麼，真是又添了一樁我人生所見到的神奇事件。

是分享不是傳道

我是一個喜歡分享的人，所以有時候都會與朋友分享我所遇過的事情，但有些朋友有時會認為我是在傳道一樣，事實上，我相信像我一樣遇過這種事情的人不在少數，而沒有遇過的更是多到不行，其實，講真的不要遇到是幸福的，畢竟真的遇到了，而找不到解決的方式時，是很痛苦的，就像一道解不開的難題，想拋開卻無法拋開，不過說真格的，我這幾年遇到的怪事還真是不少，按照常見的說法，是我跟佛有緣(還是跟好兄弟有緣?)， 而那些不會接觸到的人，我想是無緣吧，不過無緣也好，畢竟真的遇到後，你要不信還真是很難~哈

人生

每每回想到父親潸然落淚的那一幕，我總會眼眶一陣濕，父親隻身在台灣，離鄉背井的人生，他的孤單可見一班，而我總會在他無理時跟他頂嘴~(遺傳了他的個性與脾氣~哈)，想想他也真的很辛苦，然而人生短短數十載，看到昔日身體硬朗的一個人，也變得如此脆弱不堪，人怎能不好好的活? 好好的過? 怎能不好好珍惜這短短能與家人相處的時間? 如果看到這篇文章的您也有這樣硬脾氣的父親，在這邊也希望您可以多體諒您的父親，因為有天你也會變成與他一樣的角色與情形，讓我們一同為天下辛苦為家奮鬥的父親們說聲，爸~您辛苦了~好嗎?

[徵求]你覺得Photoshop TQC最難的是?

正如同標題，你覺得photoshop TQC最難的題目是? 由於最近大家熱烈的希望可以繼續錄製TQC的解題教學，但是礙於我目前的時間有限，所以看是否可以挑重點來錄，目前希望得到大家的回應，看看大家覺得問題最多的題目是哪幾題? 最想知道解題的是哪幾題? 得到超過十個人的回應之後才會開始錄製，還請大家多多回應囉~^^

[彩蛋]Adobe CS4 全系列復活節彩蛋

這幾天剛好跟學生講到很多軟體經常都會藏有復活節彩蛋，所以就索性試了一下Adobe CS4的復活節彩蛋，沒想到剛好給我試出來了~哈~有興趣的人也可以去試試喔~

Photoshop CS4 彩蛋

這個彩蛋應該大家都知道的--巨石陣~只要按住CTRL鍵，然後去開啟"說明 / 關於Photoshop"就好了，巨石陣式Photoshop團隊在Photoshop測試版時使用的啟動畫面~

Illustrator CS4彩蛋

按住Alt + Shift 再去點選選單中的 " 說明 / 關於 Illustrator "就可以看到啦~為了避免有人點不出來~所以貼一張打了馬賽克的圖給大家看

Flash CS4 彩蛋

直接打開"關於Flash CS4"的畫面之後，點選畫面中箭頭所指的位置就可以囉

不過Flash CS4可不只一個彩蛋，另外一個彩蛋請點選下列圖片中被方框框住的4，就會發現另外一個彩蛋囉^^
 

Dreamweaver CS4 彩蛋

先開啟一張網頁，然後直接插入一張圖片，路徑不用管沒關係，然後點選到圖片之後，在下方"屬性列"會有一張縮圖，接著按住Ctrl + 滑鼠去點選選那張縮圖，你就可以發現有怪怪的人出現了~~自己試試吧~哈

Fireworks CS4 彩蛋

先開啟"說明 / 關於 Fireworks"然後按住CTRL並用滑鼠去點選畫面中箭頭所指之處，挖勒~~見鬼了....

In Design CS4 彩蛋

ㄟ~不知道這算不算是彩蛋ㄟ，不過還是說一下好了，按住CTRL候用滑鼠去點選"說明 / 關於In Design"就會出現了....這是甚麼東西=_=||.....畫面太醜~恕不貼圖*_*

[日記]咖啡杯集疊疊樂

歷經一段時間的趕稿，咖啡杯疊疊樂也告尾聲，如果你還沒看過第一篇請點這裡，扣除了沒有特別保留的杯子不算，剩下來的杯子最高疊到達四層，也由於已經到達四層了，所以只要到電腦桌前都要小心不要撞到桌子，不然就會看到杯子如同921的房子一般的搖晃，而為何沒有再往上疊呢? 也就是因為它"崩山"了，所以最後決定結束疊疊樂了~

結算咖啡杯啦~

結算時的杯子，總共是7(面)*4(深)*4(層)=112杯，喝過的咖啡牌子以7-11的City cafe數量最多，排名第一名，星巴克次之排名第二，之後是麥當勞的咖啡杯，再來則是85度c，最後一名是肯德基以及我家附近的雜牌咖啡杯-只有一杯。以上數量如果加上丟掉的杯子，基本上已破百杯啦XD

OK~想必大家都迫不及待的想看看這個成績了~(誰會迫不及待阿)，有圖有真相，請看下面實況圖

看得出來算一算真的花掉不少錢，所以最近為了小公主的奶粉錢~已經從良了，改喝自己沖泡式的，算一算價格，可以讓我多喝很多杯呢XD~~

景氣不好~勉勵大家還是多省點錢吧~~XD

[日記]金鐘影帝簽名入手

恭喜春捲與文文獲得金鐘影帝---雷洪親筆簽名照一張，因為影帝最近拍片太忙，所以簽名照比較晚拿到，還請兩位多多見諒，簽名照將於近期郵寄至兩位給我的地址囉，請耐心等待吧~^^

[技巧]解決Adobe CS4 憑證已過期問題

最近朋友再使用Adobe CS4遇到了一個問題，不管是使用Photoshop CS4 還是Dreamweaver CS4，只要一開啟軟體，就會出現"憑證已過期"這樣的畫面，接著軟體就不能用了~弄了好幾天沒辦法~於是跑來跟我求助，我馬上問了問G大神，總算看到一個似乎是能夠解決的方式，順便分享給大家這個"憑證已過期"的解決方式，如果你的電腦也出現了"憑證已過期"這樣的問題，請你按照下面的作法試試看，或許又能起死回生囉~

首先請將你的系統日期調整回尚未失效前的日期，可以是好幾個月以前啦~

接著開啟軟體，這時應該軟體都匯正常的被開啟，請點選軟體上方的"說明(H) / 取消啟用"

然後在跳出的視窗中記得勾選"清除這台電腦的序號記錄"後，按下確定。

於是取消完後你的電腦中已經沒有序號的記錄了，這時請關掉軟體後重新再給他一次新的序號(當然記得使用正版序號喔)

輸入完新序號之後，再把你系統的時間調回今天就好囉。

至於這個問題的原因是甚麼呢? 應該是某些人使用的序號機算出來的序號不夠好吧(所以會中"憑證已過期"這個獎)，所以換個序號給軟體就好囉~不過也請大家記得支持正版啦~像是某補習班就有報名上課就能以優惠價買正版軟體的方案，各位有興趣可以去看看喔~你們應該知道我講的是哪間吧~~哈

[日記]壞掉的印表機在Google搜尋結果前十名的熱門關鍵字

今天看到了米奇的藏寶箱有篇熱門關鍵字的文章，索幸也來看看我的部落格的熱門關鍵字是啥，在這邊把分站跟本站的熱門關鍵字都列出來，沒啥意思，只是想作個紀錄啦~^^

1. 印表機壞掉 (這個純粹是惡搞吧XD)
2. ACA解題 (G&Y第一)
3. ACA考題
4. ACA重點
5. 熱情講師
6. photoshop解題(G&Y第一名)
7. CSS透明解決 ( G&Y第一名)
8. 網頁不被暫存 (G&Y第一名)
9. CSS snippet
10. TQC photoshop(G第二、Y第三、四、五名)
11. 混合模式 (Y第二名)
12. CSS透明(Y第二名)

經過以上的整理發現~果然還是免錢的教學比較受歡迎拉~而且大家對ACA好像非常有興趣呢~可是…怎麼我的說明會沒人捧場呢Orz~剛好也搜尋到有人對我的TQC教學也很有興趣呢~看我過年能不能多擠一點教學影片囉~~請大家耐心點等等吧~~XD(謎之音~那個第一項跟教學好像沒啥關連啊~)

2009/1/22 又補上一些後面發現的熱門關鍵字

[日記]有障礙的無障礙網站標章

 
最近因為一個無障礙網站標章的案件，搞得我氣憤莫名阿(怎麼最近都是在氣阿?!)，起因是這樣來的，最近處理一個稿件是要申請無障礙網站空間2A標章的，在以往已經處理過不少的無障礙網站的案子了，雖不敢說是無障礙達人，但是卻也是個無障礙熟手了，所以這個案件一開始我就不把它放在眼裡，但從去年處理完申請標章後，開始一連串被退件的狀況發生，讓我真是傻眼到不行，先是表格少了標題列，這個就不能怪我了，我版型設計得好好的，但是配合的程式設計師因為沒有這方面的經驗，所以把原本的標題列(th)採用儲存格(td)的方式來作，所以造成被退件的情況，沒關係，這是小事，我跟程式設計師說明一下，請程式設計師改正一下就好。

圖片記得加上說明文字

再來就是圖片少了說明文字，這點也是小事，因為我的版型本來就有設定，也是程式設計不了解，所以沒加上這個，請他加上就好，問題依舊馬上解決。

popup menu

繼續就是主選單是所謂的popup menu，是由javascript所控制的，為了確保瀏覽器在不支援javascript的情況下也能正確看到被隱藏的內容，所以要加上一段noscript的內容。OK~這也簡單，馬上我就加了一段noscript的內容，直接把原來的選單內容加到noscript標籤中就好了，結果問題來了...

首先是我正常下的選單跟noscript標籤中的選單有著相同的一個快速鍵(Accesskey)，因為這樣會導致使用者不知道目前到底定位到哪個選單，所以要修改，這也是小事，我馬上給他改了一下，把兩個快速鍵改成不一樣的，並且在導覽說明中加上了"此快速鍵是使用於當瀏覽器不支援javascript時之替代性選單"，一送審，又退件...

替代性選單

這次退件的理由是"當javascript無作用時，畫面中出現了兩個選單，並且兩個選單的快速鍵不一樣，會讓使用者無法辨別哪個才是主選單，請改進"，挖哩~我都已經加註了如此明白的說明了，還會混淆? 而之前要我做的是"當javascript無作用時應提供一個替代性選單"，我提供了，卻跟我說這樣的替代性選單不行使用，這是啥道理? 查遍無障礙規範也沒這一條阿。於是撥電話去詢問"無障礙技術客服"，在此之前我也先去查了一下以往順利通過無障礙規費並標章的網站是否也有類似的選單讓我好參考的，結果發現令我訝異的狀況。

技術客服

打電話過去詢問了一下，詢問這次退件的理由是依據規範中哪一條退件的? 結果是沒有一個規範有寫不能這樣，但是一個令我傻眼的回覆是"規範不可能寫到很清楚"，"規範不可能寫到很清楚"這是啥回答? 難不成你們寫的不清楚的部分都要我們自己猜喔? 那先不管這，我想說問題要解決比較重要，技術上可以處理的，那都不是問題，所以既然是"技術客服"，那麼它應該見過很多的技術可以解決我目前的這個問題，所以詢問這位"技術客服"說他是否有我目前這狀況的解決方案? 結果他說沒有，但是可以參考某個網站的作法，並提供我網址，我說該網站與我的選單不大一樣，不適用相同的作法，而我與他表明說我有去找過目前已通過無障礙檢測的網站，看是否有類似的選單，可是怎麼看到一些在不到半個月內通過無障礙檢測的網站，竟然還有與我之前被退件相同的問題，這樣還能順利掛上去，真是令我傻眼阿~為何半個月內相同的問題，別人能掛標章，我們卻被退件? 對方回答說"不可能"，不可能都已經掛上去了，怎麼會不可能? 中間又是一堆無趣的對話~~恕略，不然真是打不完阿.......

規範的問題? 設計師的問題?

OK~討論了半天沒有甚麼建設性的對話之後，我就問了，"我依照規範去製作網站，那麼你們現在卻用一項規範內沒有的理由來退我的件，這樣不合理吧? 那你說規範不可能寫到很清楚，那寫的不清楚是你們的問題，為何卻變成是我們設計的問題? 應當是你們要去檢討你們做的不完善的地方，而不是用你們腦袋裡面的標準來退我們的件吧? 假設今天是我沒有依照規範製作，那是我的問題，我沒有資格拿到標章，但是我都依照你們的規範作了，你們也不給我拿標章，而別人有問題卻可以拿到，這樣是否有雙重標準? 那如果我今天因為你腦袋中的那把尺而拿不到標章，那這樣明列出來的規範的意義又在哪? 我們設計無障礙網站的依循又在哪?

我說不能掛標章，你就是不能掛!

我又問了~"今天是誰說不能掛標章的? 是檢測人員? 還是研考會?" 對方回覆是檢測人員，那我就建議了，"這樣的話，為何不能讓我先掛上標章，你們檢測人員再去跟研考會討論清楚我目前這種狀況(替代性選單與主選單一樣，但快速鍵不一樣，有提供說明文字的作法)是否要增列為不許可的新規範"，答案又是一個沒辦法，這作法就是不行，雖然規範中沒有明文說這樣不行，但是因為規範不可能寫得很清楚很仔細，所以就是不行。

嚴以律人，寬以待己~

好吧~跟他吵了兩天，一點建設性的作法都沒有，我自己再想想是否有其他解決方式，不過為何無障礙官方網站竟然身為一個官方單位，只掛個低階的A+等級標章? (中階是AA，俗稱2A等級，最高是AAA，俗稱3A) 對自己寬鬆，對別人嚴格? 這是啥道理? 除此之外，既然這麼愛推行無障礙標章，又為何官方網站只提供規範，卻要設計者自己想解決方案? 然後自己規範有問題就以一句規範不可能寫的很清楚來輕輕帶過! 這又是啥道理?

是推行還是嚇阻?

老實說，我不否認為這些弱勢族群營造良好的網路閱覽環境是很好的一件事，但"無障礙就是有障礙"這個說法卻在許多製作無障礙網頁的設計師以及客戶之間流傳著，我想，研考會這單位真是應該好好的自我反省一下才對，既然要推行這標章，就應該把該有的作為拿出來，而不是僅僅在那邊嚴格審核把關，讓別人不通過，這樣有啥推展? 不過只是在嚇阻別人不要那麼麻煩去搞個標章來滿足弱勢族群閱覽網頁罷了，一丁點所謂的"推展"都談不上，就我個人的經驗，也只有政府網站、學校單位會搞無障礙網站，民間網站根本沒人想做，這樣實在是失去了無障礙標章推行的意義。

檢測標準的公正性?

因為這次的問題，我看了"技術客服"小姐提供給我的範例網站，發現了一個問題，它採用了FLASH選單，因為FLASH選單不會過無障礙，所以在選單的左手邊又有一個連結是連到HTML選單的頁面(這就是替代方案了)，於是我點到HTML選單的頁面去看，竟然發現了在Firefox中無法以鍵盤開啟次選單的狀況，以我以往的經驗，無障礙要保證在大部份的瀏覽器中都能正常顯示，且不能只靠滑鼠操作，尤其是像主選單這麼重要的區塊，一定要保證用鍵盤也能正常操作，而目前全球瀏覽器使用量中，Firefox是繼IE之後排名全球第二多人使用的瀏覽器，身為一個檢測單位竟然連這一點都沒檢測到，真的是令人質疑該單位的能力跟腦袋，而他們所做的竟然只是IE通過就好，不過，這也只是我的電腦中發現這種情況，所以把該單位的網站連結提供給各位，如果各位去看的結果是跟我一樣的話，那無障礙檢測單位就真的確定有問題了。

有障礙網站標章

因為這樣的一次經驗，我想或許應該把無障礙的標章換個設計了，我想對於很多經歷過無障礙網站的網頁設計師或程式設計師來說，這應該很貼近大家的心聲，但是目前也沒有任何方式能對無障礙這個單位做任何的客訴或是讓他改進，所以我免費的幫他們設計這款新的無障礙4A標章，硬是比3A還要高一級，畢竟能讓這麼多設計師有相同心聲的單位也真是不容易，在此我深深的對他們一鞠躬，謝謝它們給我這個機會為他們設計新的標章。

新無障礙標章設計理念

無，嚴禁或沒有之意，障礙-就是有問題，倆倆搭配之意為"禁止沒有障礙"，白話一點~就是有一堆障礙啦! XD

右方的人腦，表達此作法有可能是由某些腦殘人士所構思出來，其目的應在於搞的網頁設計師與其一樣腦殘，這樣設計師就能深深體會弱勢團體的困擾，進而達到贊同無障礙標章單位的作法，並認真推行與實行。

而人頭面向"障礙"二字，表示千萬不要想輕易的搞定無障礙，因為越是想搞定，你就越接近腦殘的境界，這樣你也就越能體會有障礙的困擾，進而達到推行此標章的目的。

下方的4A-沿用廣告界中最棒的獎項4A，旨在表達無論如何就是要做出超高水準讓人腦殘的網站，如此就會世界大同了。

後記

這不是一篇口水文，而是表達眾多設計師的心聲，如果你也與我一樣遭受過如此莫名其妙的退件，歡迎你與我一同發聲，畢竟無障礙這單位真的不少障礙，我們也是幫他們找問題阿~~這不也是另一種幫他們達到推廣目的的方式嗎? 未來或許會針對無障礙網頁設計發一些文章吧~有興趣者可以多多留言啦~^^

2009/1/14補充

今天我同學跟我說，建議我把這個(上面那個)優良的標章，製作一個部落格版本，讓認同我的人可以串連，不知道大家意下如何? 有興趣的朋友留言一下吧^^

[日記]圖不要亂畫

圖不要亂畫? 甚麼意思? 就很白話~畫圖不要亂畫，怎麼說哩~我們先來看看多年前我畫的一張圖↓↓↓

OK~你們都看到了，這是一張非常苦命的趕稿圖，也是我多年前的寫照，而今~還是我日前狀況的寫照，多年前我剛退伍的時候，跑去考專科，考上了之後，開始過沒有假日的生活，白天在中興百貨上班，晚上在電腦補習班教電腦，下課後趕私下接的稿件以及學校的作業，假日則去台中上課(假日班啦)~當時的生活至真是有夠給他"充實"的，一點假日都沒有，而這張圖片就是當時畫的啦~不過~回題來看~怎麼多年前畫的圖竟然跟現在一模一樣，最近趕稿趕到又瘦了一圈(就已經夠瘦的啦~>_<)，近視又加深了一點，睡眠也少了一點，真是像極了畫中的人物，所以圖真的不要亂畫，搞不好就是你自己未來的寫照，所以~以後還是要多畫畫陽光一點的圖片啦XD