InterMax

好樣的!!

2009-12-25T14:46:00.000+08:00

08安錫國際動畫影展參展片：91公分之外

2009-11-20T09:27:00.010+08:00

91公分之外 Skhizein

隕石凌空而來，把亨利的形象與肉體之間硬是砸出了91公分的鴻溝…
導演 : 傑瑞米克萊潘(Jeremy Clapin)。
國別 : 法
年份 : 2008
片長 : 14min
規格 : 35mm
得獎紀錄 : 2008安錫動畫影展觀眾票選獎、2008坎城影展柯達短片獎

《看上去很美　小紅花》

2009-06-27T10:53:00.003+08:00

網上的影評節錄

《看上去很美　小紅花》幼兒園裡的暴力寓言

「再小的小孩，都有一個獨立的靈魂，幼兒園雖然是小朋友的世界，但其實也是大人社會的折射與縮影。」　—張元

在大陸集的是小紅花，而在台灣，在我的童年時期集的是星星、乖寶寶章、小卡。這一朵朵小紅花，就像是小孩的虛榮心，他們並不懂為何要行為端正，他們只在乎能不能拿到小紅花，誰拿到最多的小紅花，誰就可以當班長。就像大人辛勤的工作到最後，也忘了當初工作的目標和理想，而只是渴望得到加薪、年終吃紅、甚至升遷。

【電影】小紅花的世界真的只是“看上去很美”

不知道生活究竟旨在教會我們什麼？也許是經歷風雨，忍受創傷，然後學會成長。看清真相，發現本質，然後愛上它。這就是生活，與這個四歲孩子眼中所看到的沒有什麼不同。只是因為我們已經開始變得堅強，有足夠的勇氣去抵禦暴雪風霜。

觀看這部片的時候一度讓我想起德國片『惡魔教室The Wave』—同樣都是在說明獨裁下的環境，一種我們生活在資本主義世界下難以想像的世界，偶爾會讓我覺得獨裁世界下的規則某些並不是那麼完全討厭。

小紅花這片中，一個小男孩反社會的心態是如此的堅定!!但卻也更突顯其孤獨的無力感。

另外，雖然說不管是小紅花那文革時期的社會或是惡魔教室所營造出來的獨裁社會，我發現某些橋段跟小時候生活的環境有些相似，這抑或是所謂動員戡亂時期所造成的獨裁錯覺？

《紀子，出租中》

2009-06-21T11:16:00.022+08:00

網上的影評節錄

漂浪。島嶼--munch:《紀子，出租中》--家庭的幻滅

《紀子，出租中》，算是一部奇情片，片中那種集體跳軌，刺來殺去並不恐怖，恐怖的是一種無奈的氣氛快速蔓延，在虛構的劇情中，卻又真實的讓人不安。

當電影虛構五十四位女高生集體跳軌，其實那不恐怖，恐怖的是成千上萬的心靈，在將近覆亡的家庭功能中，像懸絲的遊魂，風一吹，就斷了人們曾經深信的關係，種種憂慮隨時浮現！

影劇摩人：Sean Woo:紀子，出租中

在那迷幻的世界，女孩們找到了屬於她們自己的自由與意義，至少她們是這麼相信的。

而烏托邦之所以有意義，正是因為其並不完美、而且根本不存在，即使在劇中人眼中這烏托邦體系是如此地牢不可破，事實上，它仍建築在成員逞強、恐懼、迷失與不滿的前提上──紀子如是，步上紀子後塵的妹妹由佳如是，甚至她們的前輩，久美子也是。

Nintenblo:紀子の食卓(台譯：紀子出租中〉─眼不見為淨

為戲盡責到死、虛假著美夢與笑臉，只要彼此你不深入我不看，即使菌絲以深入根部漸趨腐化，只要眼不見為淨，再補上厚厚的粉可稱上是『粉飾太平』。

P.S 劇中所使用的『廢墟』網站。

如果說『猶山節考』談的是過去封建，社會窮苦日子的家庭悲歌；那這片『紀子，出租中』是否可以代表現在每個現代化國家，豐衣足食下的家庭殘酷物語？*

以我所看見的個性設定出發，不管是個性略有反差的紀子或是由香，兩者在平凡的家庭中都渴望著新的波浪，踏出了無法回頭的一步。

為什麼無法回頭？即使看遍了大城市繁忙的無情，即使它們的父親展現了十足的誠意是圖挽回，最終卻還是不願意。

片中出現滿多次的台詞「我想重頭開始」，變成是出租家庭成員最不削的話？抑或是代表著早知如此何必當初的反擊？

如此充滿著許多過於悲觀的無奈的劇情，有很多我還想不透，也許再看一次想法又不一樣。

這片有很多很有趣的對比配置：從兩代之間關係的隔閡；微微日報的輕鬆報導跟東京報紙的集體自殺新聞；平實的小鎮跟充滿著心情缺陷，人潮人往的都市；故事的配置中，扮演著各式出租家庭成員，甚至是扮演被殺死者，真的死去的女性成員，與不斷的說「我想重新開始」的承租男客戶。

尤其片末爸爸徹三與出租家庭核心成員由美子，還有已經無法回頭的兩個女兒之間的互動，更讓我本來就認為女性是個神祕生物的觀念更加加深了......

*楢山節考這片我沒看過，還在找，印象還停留在網路上收集到的影評，也因此這感想也許在看過之後又會被我改變。

97%大學錄取率的感想

2007-07-24T11:32:00.000+08:00

導讀

我看了兩位設計界的前輩發表的感嘆後，最近面臨開始尋找新工作的十字路口，我發現不少廠商擠乎都要你會做平面也會做網頁，動畫，程式。我在想，如果今天是我給Jas9面試，排開外型不討好這個缺點，即使是工作三年的經歷，我也沒辦法正確答出大紅色的CMYK吧......

回想起大學聯招，我考的那一次，是最後一次，還有學科術科之分的考試(我記得我考的那一屆之後就換了另一種聯招方法)，我靠著補習班惡補來的考試用素描技術，在術科得到了不少的分數，正好那個時候學校也開始多了起來，所以終於有學校可以唸。

那時我還不太懂，懂素描為什麼就可以唸產品設計，同梯的還有很多是學木工，金工，陶瓷的推甄高手，當他們在四大專攻教室的時候所綻放出來的才能實在刺眼！跟我笨拙的雙手形成強烈的對比。

我門產品設計系只是個新系，所有的設備都還沒完整，所以只能好幾十個人共用一個大機器，當要交作業的時候，怎麼可能有機會去好好摸索大型硬體？比方系上只一台CNC跑個模型要一天兩天，失敗了還得重做，如果是設計平面還可以去外面的輸出中心印出，但外面要找所謂的CNC輸出中心很難，價錢更不是一個學生可以接受的！一個作業要怎麼讓一班四五十個學生通通繳得出來？

我記得系主任積極的想突破硬體不足的窘境，想出可能的話盡量以建教合作的方式來安排每個課程，可是，本來社會上的廠商跟公司根本就不是慈善事業，怎麼可能會有那個閒功夫陪學校玩？

那個時候的我，對於要做出一個實體的東西很感冒，我只能在電腦軟體上尋求精進，寄望著可以無限放大縮小的軟體補足我那不夠纖細的缺憾。久而久之，雖然我念的是產品設計，學校課程注重實體的產品，但我在求學期間卻對網頁與FLASH設計越摸越熟。也因此畢業出來便積極的尋找網頁美編的工作。

到目前為止我呆的設計公司都是屬於工作室性質的，在外面，業務都吹捧著說"我們有個三到四人的設計團隊"，實際上，整個工作室只有我一個"美工"單打獨鬥，去滿足兩三位業務帶來各種不同客戶的需求。視覺設計、動畫製作、排版、鑲入程式、甚至連幫客戶登產品全部都得我做；說真的，光設計網頁就來不及了，哪還能做甚麼平面設計？

經過三年的打滾，我能了解一個出身視覺設計的人，在追求感覺的同時，還要去顧及。由一堆程式設計師弄出來的，不人性的原始碼以外，還有眾多沒完全相容的瀏覽器間打滾有多累！更何況平面設計的領域還得去跟印刷廠對色彩得精細度花時間來調校。再加上如果跟客戶間的互動有所不順，公司的製作流程有所缺陷，其實每一件案子對設計師來說，都是縮短壽命的一場戰役！

我發現，在這個小島上，其實一切都很貧乏。所以學校的課程看似精彩卻壓縮了一切。而廠商們自然認為你學過這些就要有100%絕對的專業，從這樣的體系造就下來，到底有幾人是能滿足廠商的需求呢？

我在想，廠商們與學校之間的溝通還是不夠，所以即使大學普及，每年畢業的學生還是不足以滿足廠商們質精的要求。雖然廠商們不是在做慈善事業，但我想，放長遠來看，對學校或對廠商，這並不是一件單純的付出而沒有回報的事情吧？

當idea變成事業（上）用戶數量怎麼估？

2007-07-21T07:37:00.000+08:00

◎估算是為了實戰

看著由Web 2.0 所掀起的網路創業風潮，許多年輕朋友們摩拳擦掌，躍躍欲試。在不少Blog上常看到許多新奇想法以及評論，包含對傳統網路公司的老概念以及初創網路公司的新把戲，十分熱鬧。

然而，評論是容易的。我們可以讚嘆於某個新網站對於使用介面的高超設計，或者對用戶行為的極端理解，然而我們卻很難知道經營者背後真正的思考，甚至他們所面對的各種妥協與不得已。

「我有個點子」是容易的，甚至很容易找到技術團隊馬上開工。但是要把點子經營成事業，卻是需要估算的。特別是在「用戶數是代表收入還是代表成本」都搞不清楚的網際網路產業，估算起來更不容易。

前陣子有間美國知名上市網路公司即將進入中國市場，筆者朋友任職其中，透過MSN 來詢問「從零開始，用戶數應該怎麼預估？」其實，當你打算開始一個網際網路事業時，首先要面對的就是這個題目。

他把美國幾家上市網路公司的用戶數成長曲線畫出來，想套用在自己公司的中國事業。但是這些公司花了10年成長，當年的背景肯定不能用於未來；而且其實他也找不到與他公司同類型的公司，很難類比。

他把所學的統計學全部搬出來，什麼貝氏區線，什麼回歸，看得我兩眼都直了。最後只能告訴他，這種書呆子算法只求學理上的精確，一點都不實用啊，我們這種搞實戰出身的，自然有一套實戰算法。

◎沒有行銷廣告就沒有用戶

網際網路事業的估算，有幾個重要概念。首先，它不求精確，也不可能精確；其次，重要的是估算過程，你會很清楚知道這個事業值不值得做，有沒有你想得這麼樂觀，以及該用什麼節奏來發展這個事業。

用戶數的估算，有幾個重點：1)你不花錢就不會有第一批用戶；2)你可以不花錢就取得第一批用戶，但是你成長會比人家慢；3)如果你手上有打廣告的預算，應該集中在前三個月花完，而不是攤在12個月。

筆者曾經做過許多網站，相當恐怖的經驗是，如果不打廣告，一天連一個訪客都沒有。現在的網際網路市場跟10年前不同，網民的選擇實在太多，要期待他們不小心逛到這裡，非常困難。

而打廣告的用戶取得成本很容易估算。最簡單的廣告聯盟或是Google Adwords廣告，點擊率，轉換率，甚至平均取得一個用戶要多少錢，業界都能夠問得到。因此，你初期有多少預算，就會有多少用戶。

如不想花錢，透過公關炒作也能瞬間拉到一群人。而公關稿件操作，甚至擠上電視新聞報導或者新浪新聞的首頁，又或者有知名Blogger 專文推薦，能夠幫網站帶來多少流量，業界也都是有經驗值的。

因此，當月份的行銷活動決定了「當月新增用戶數」。然而，這種搞法不就是一直燒錢或炒作嗎？幸好，網際網路事業有個絕大的特色，可以讓你稍微喘口氣：那就是「網路效應」（Network Effect）。

◎網路效應的特性

你的既有用戶可能會有意識的向朋友強烈推薦你的網站，也可能只是按下某篇文章上面的「轉寄給朋友」，讓他的朋友不小心來到你的網站；也可能是在你的精心設計下，無意識的幫你做了病毒式傳播。

「不靠行銷廣告，從你的既有用戶中能自然產生多少新用戶」，筆者稱之為「網路效應係數」。例如網路效應係數為 1.1的網站，如果本月底有10萬用戶，則下月底不靠廣告就可以多增加 1萬名用戶。

因此，這個網站到下個月底時，就會有「11萬再加上本月進行的廣告行銷活動所帶來的新用戶」這麼多用戶數。以這個數為基礎，再乘上網路效應系數，又可再預估下下個月底的自然新增用戶數，以此類推。

發現了嗎？你越早期就擁有越多用戶，透過每個月的網路效應係數如滾雪球般的發展，你的發展動能越強！這就跟存款一樣，拿10萬塊錢去存的人每個月可以得 1萬塊利息，而拿 2萬塊的人只能得 2千塊。

現在知道筆者為什麼說，如果你手上有廣告預算，應該一口氣三個月花完了吧！越早取得用戶數越有利！事實上，若網站類型相同時，用戶數越多者其係數越大。換言之，錢越多的人其賺錢能力越強！

一般經驗，若是內容型網站例如新聞網站，或者工具型網站例如搜尋引擎，係數預估為 1.0到 1.1；若是社群網站（Web 2.0 網站大都屬此），係數可預估為 1.2到 1.4，看你的網站病毒式傳播的能力而定。

◎估算，創意與實際的差距

網路效應係數在用戶數很少的時候，幾乎是趨近於 1的。大部分的網站都是在用戶數突破某個數量級以後，才呈現爆炸式的增長（用戶數曲線會陡增）。在那個關鍵點上，網路效應係數才會開始爆增。

此外，對於一個飽和市場或者是老牌網路公司來說，網路效應係數是穩定而微小的。而這不在本文的討論範圍內，本文最主要是討論初創的網際網路事業該如何估算用戶數的成長。

如果您看到這裡，已經迫不急待打開Excel 想算算要在12個月內取得百萬用戶需要多少錢，筆者相信您算完之後會昏過去。事實上這個年頭要在網際網路上創業，多少要使出一些非常手段才行。

取得用戶難道就值得高興嗎？實際上用戶數跟收入相關，也跟成本相關。這系列的文章不是要嚇你，事實上，任何創業者在編輯一份創業預估的事業估算的Excel 文檔時，思前想後，都將會變得更加實際。

附註：在本系列文章的最後一篇，筆者將提供一個Excel 文檔，給網際網路創業者下載試用。（文：黃彥達)

V怪客的電子商務怪談: 加班超過9點要有罪惡感

2007-07-06T10:18:00.000+08:00

V怪客的電子商務怪談: 加班超過9點要有罪惡感

由於我身處在工作相當失衡的崗位上，因此，我也曾有過不斷加班的日子。只是，工作環境離住家遠，沒理由像上面一樣加班到11點多。只是，我也有一年多沒有加班了。原因是我沒有理由為了公司失衡的工作配置而喪失我應該有的健康，尤其身為美術職位的我，更沒有理由喪失我應該有的休閒。我認為那根本就會慢慢讓我的美術觀點消失掉。

運氣不錯的是，也因為這樣的工作失衡，造就我目前無法替代的地位，變成大家都得看我臉色。不加班變成我的專權。雖然薪水不見得更好，但，經過我媽的事件之後。我並不在乎我現在賺到多少，我只在乎我可以怎麼樣好好對待我的健康。這才是長久之道。

讓15個成功人物搖頭的壞習慣

2007-06-24T08:23:00.000+08:00

來源網址：http://eddyt7878.blogspot.com/2007/06/15.html

01.不講信用 02.沒有好奇心 03.自負 04. 勝而驕、敗而餒 05. 犯錯不敢講，不懂裝懂又不問 06.不從根本解決問題07. 把公司的光環戴在自己頭上 08. 低EQ，擺臭臉 09.開會遲到 10. 亂跳槽11.太過嚴肅的專業臉孔 12. 穿著邋遢13. 挑工作做14.公務員心態15.沒效率

01.不講信用信義房屋董事長周俊吉：不講信用是工作的壞習慣，「人無信不立」，在工作職場上更是如此，小到與人有約要守時，大至生意上幾千萬、幾億之金錢交易，都要信守承諾，不講信用的人不僅讓人看不起，更無法立足於社會之中。所以在信義房屋，要求大小集會都要守時，因為守時就是守信的具體表現，集會遲到就罰站，遲到幾分鐘就站幾分鐘，從董事長到一般同仁都一樣。

02. 沒有好奇心ING安泰人壽總經理陳丕耀：在工作上，不是你有speed（速度）或是服從目標，就能夠讓你在未來發展有滿意的空間，最重要的還是你的思維。例如，以前工作時常常接到客戶的抱怨，我在思考解決問題時，不是光想如何安撫解決它，而是去 check它所有的舊檔案，看看客戶說的問題是新問題還是老問題的延續，重新思考重點，而不是按老方法做事，讓自己在處理這件事情時能展現更高的附加價值。你要做到這樣，就要有「好奇心」，因為好奇心會讓你去想更多，且想要做更多。如果年輕時沒有就養成這種態度，以後要改就不容易。

03.自負大宇資訊總經理李永進：現在產業競爭的環境愈來愈激烈，愈來愈需要團隊合作。在團隊合作的過程中，最討厭的就是有人特別自負，沒什麼本事卻十分自以為是，這種人不僅聽不下去別人的意見，也會阻礙團隊合作順利進行。

04. 勝而驕、敗而餒智冠科技總經理王俊博：在遊戲軟體中，正面臨產品生命週期不斷縮短的挑戰，因此遊戲廠商開發產品的速度要不斷加快。我最討厭整個團隊的情緒，受到一款產品的成功或失敗而大起大落，成功就驕傲、失敗了則氣餒，這對後續的產品開發並沒有好處，最重要的是，要從已經開發的產品經驗中學到教訓。

05. 犯錯不敢講，不懂裝懂又不問瞻博網路大中華區副總裁于肇烈：做業務的，最忌諱犯錯不敢講，想辦法抹粉。或是怕別人知道你不懂，聽到別人說：「這個 infrastructure 非常好」，你就跟著說非常好，這樣別人永遠不知道你不懂，你又不主動學習的話，就永遠不知道它的內涵。長久下去，對訊息的掌握度不夠，會讓公司做錯誤的決策。

06.不從根本解決問題台灣肯德基總經理吳美君：我們不希望員工隻會頭痛醫頭、腳痛醫腳，在還沒掌握問題根本之前，隻去治標不治本。為了尋求問題的本質，找出問題的根源，我們發展了一套 "High Impact Coaching（高效能輔導方法）"，透過不斷地追問，讓員工自行找出問題的根本，進而讓工作計劃臻於完善。

07.把公司的光環戴在自己頭上萬寶龍總經理顧吉濤：精品業在舉辦很多活動的時候，經常要邀請、接觸名人，有些人沒辦法分辨自己到底是「粉絲」，還是專業經理人，甚至會誤以為自己也躋身名流。在這樣的迷思下，你可能得到了關係，卻得不到工作的核心競爭力。要分清楚別人尊敬的是你的公司和品牌，而不是你個人。千萬不要把歷史的皇冠戴在自己頭上，而是要小心地捧在手上。

08.低EQ，擺臭臉劍湖山集團總經理蕭柏勳：服務業要和人近距離接觸，一舉一動客人都看在眼中，所以情緒管理格外重要。若心情不好就馬上反映在臉上，服務品質馬上大打折扣，顧客看你一張臭臉，哪還肯再上門來？

09.開會遲到福特六和汽車人力資源處副總經理葉慶煌：福特六和身為外商公司，經常需要與美國或日本等國進行電話或視訊會議，在各國時差因素影響下，會議準時開始顯得格外重要。許多年輕上班族認為遲到個 5分、10分鐘並無大礙，這樣的習慣卻透露出「對別人不尊重」的態度，任何人都可能因為你的遲到延誤了他接下來一天的行程。主管也容易對你的專業、工作品質打折扣。

10.亂跳槽台灣微軟MSN事業處副總經理林燕：網路新興的工作機會特別多，因此從事網路這個行業的年輕人，工作穩定性相對比較不足，經常會因為一些小小的誘人條件而輕易的跳槽，這點是很忌諱的。提醒年輕人在跳槽前，千萬要評估聘雇公司長期的發展及自己的生涯規劃，不要貪一時的小便宜，而影響了下一份工作的職涯發展。

11.太過嚴肅的專業臉孔書田醫院副院長林乾坤：長久以來醫生為保持專業形象，以及成長背景或許比其他人來得順遂，在看診時習慣以專業用語、嚴肅臉孔面對病人，較少使用諸如「請、謝謝、對不起」的禮貌性用語。事實上醫生應該把病人當作客人，從顧客的角度重新思考醫療服務，聲音放輕、面帶笑容。書田醫院為求服務差異化，安排護理人員每天早上 10點與下午3點半「奉茶」，以舒緩院內顧客的等待時間，就是希望從環境與制度改善以往醫院診所的嚴肅氣氛。

12. 穿著邋遢廿一世紀公關顧問副總經理丁立宏：現在的年輕人喜歡展現自己的個性，常常會穿著太邋遢。在第一線帶人最常碰到的問題，就是年輕人急於表現自己，想要在穿著上搶眼、突出個性，往往忽略最基本的服裝禮儀。每個不同性質的工作都有它必須具備的專業形象，公關顧問是幫企業包裝活動和形象的角色，穿著整齊合宜、讓大多數的客戶都能接受才是最重要的。

13. 挑工作做無印良品副總經理王文欣：職場上重視團體工作，而團體工作不是每件任務都很有趣、輕鬆，或你喜歡做的當你被指派做某件你不想做的事，還能全力以赴達成目標，就容易增加主管對你的好印象。不管原因為何，這都是主管給你的機會。因此，你不停挑工作做，很容易失掉表現、學習、累積經驗和能力的機會。最後就算你很想做某件重大任務，你也沒能力去承擔重任，而且主管會不願意再給你機會。

14.公務員心態中華電信協理石木標：最忌諱員工殘留過去民營化前的公務員心態，上班時喝茶、看報、聊天講電話，下午 4 點一過就開始整理包包等著下班，這些都是舊公務員時代留下的惡習，現在電信業競爭激烈，不能再像過去一樣坐著等顧客上門、缺乏主動服務客戶的熱忱，反而要更積極培養實力，以免到了公司人事精簡的時候，自己成了被開刀的對象。

15.沒效率萬事達卡資深總監楊雅婷：金融業競爭激烈，許多事務需要即時溝通，尤其是現在手機、 email十分普遍，合作對象也都熟悉高效率作業了。如果員工動作慢，回個信就要一個小時，工作進度一定沒辦法如期達成。

[新聞]3學生騙倒4電視台虛構新聞計誘報導凸顯媒體疏查證

2007-06-20T14:21:00.000+08:00

報導網址：http://1-apple.com.tw/sharp/index.cfm?Fuseaction=Article&ArtID=3574851&showdate=20070620&SecID=2959717

腳尾米完整影片

就是需要這樣子當頭棒喝，大家才會正視這個問題!!

UNIQLOCK

2007-06-17T10:48:00.000+08:00

網站位置:
http://www.uniqlo.jp/uniqlock/

音樂 x 跳舞 x 時間＝ UNIQLOCK

你也可以把他們網站裡面有趣的時鐘放置在你的部落格上。可以點此切換動畫/圖片狀態，來觀賞放置在部落格上會如何呈現

要等整個完整呈現需要稍微等候一下，這個時鐘動畫可不只有時鐘在跑喔！！

Coke+Faithless

2007-06-15T16:41:00.000+08:00

網站網址：http://www.faithless.coca-cola.com/

可口可樂+Faithless 是個可以讓你放肆設計可口可樂瓶的創新網站

還可以看見迷人的、視覺的、詩意般的、無限幻想的廣告"I Won't Stop"，以及拍攝過程。

如何修改MSN帳號密碼？

2007-06-12T10:45:00.000+08:00

昨天我大嫂發現他的帳號被盜，想修改MSN的密碼，發現找不到帳號介面可以進入，愛玩網頁的我馬上就發現是怎麼回事，因為微軟在進行LIVE整合的關係，所以想要做帳號修改就不可能再去www.msn.com.tw(也是可以，但是會找比較久)，因此，我就在這裡寫下怎麼做會比較快速又簡單的進入帳號修改介面的方法。

1.請到www.live.com網站，並點選畫面右上角的登入

2.進入登入頁面後，先點選頁面下方的"帳號"

3.你會發現畫面重讀之後還是停留在登入頁面，這是正常現象，請在此時輸入帳號與密碼。

4.登入成功你就可以看見你的帳號內容頁面，在這個頁面您就可以進行相關修改了。

[轉載]英國人的超級星光大道！

2007-06-12T09:33:00.000+08:00

劉大最近看到一則影片，內容是英國人的節目，類似台灣的超級星光大道然，這個節目叫做Britain's Got Talent。節目的內容也是有人上台唱歌比賽，後有評審給分數來決定參賽者是否晉級。這個節目最近也出現了一個鬼才.......

看不見上面影片的，這裡有youtube版

這才叫人不可貌相！墊墊吃三碗公！黑矸仔裝醬油！詳細介紹請至劉大與小淳的Blog: 英國人的超級星光大道！

只能相信一半的世界

2007-06-11T13:51:00.000+08:00

從很久以前我就認為，新聞報導的標題只能相信一半，尤其是標題還掛個問號的。這種報導最為可疑！那有新聞可以掛問號的？新聞應該是要盡力去找到解答，而不是胡亂猜測擾民，不是嗎？更糟糕的是為了達到自己想傳播的目的而去操作數據讓報導有一定的可性度的，難道不應該再更嚴謹的探討嗎？

尤其今天再看過了辛可的城市尋寶記這個blog，我更相信這句話。它裡面針對了幾則有數據的新聞加以懷疑並提出問題，對於我這個天生"背骨"的小孩看的真的是想鼓掌叫好！我甚至很擔憂一些不愛看文字的人，或是阿公阿嬤沒看到這樣的論點應該怎麼辦才好！

當然，我並不是完全相信他寫的所有東西，但我認為，對任何的事情抱持著懷疑的態度去了解是最好的，包括去看"辛可的城市尋寶記"或是看我的blog懷疑裡面的內容。這都是對的！正確的內容應該值得起考驗，而所有寫出東西來的人也應該去虛心接受自己不足的地方！不是嗎？

AIDIAS：沒有不可能

2007-06-07T19:55:00.000+08:00

網址：http://www.impossiblestory.com/

在AIDIAS新一代的廣告行銷「沒有不可能(Impossible Is Nothing)」之下，所誕生出來的活動網頁，閱覽者可以上傳相片到替身身上，然後透過預設的動畫創造出屬於自己的「沒有不可能」故事，創造出來的動畫可以寄給你的好朋友，讓他來觀看你超人的能力！對於愛現，或是帶給想要人打氣，這個網站會是個不錯的選擇！

因為在這裡，每個人都是巨星！

P.S：感謝可愛的model讓我試用這個網站的功能～～

我看『校園瘋神榜!MAX』與台灣媒體

2007-06-04T14:42:00.000+08:00

『校園瘋神榜!MAX(学校へいこう！MAX)』是JET日本台週六下午七點播放的日本綜藝節目，我想大家最而熟能詳的應該就是在網路上找到B-RAP的軟式GLOBE，或是七龍黃金蛋。其實，上面的節目單元乃改版前『校園瘋神榜!』的節目。這節目從97年開始播出，因為TBS電視公司想製作正面的校園節目，鼓勵學生上學，所以叫「到學校去！」。有關舊版的節目內容，可以在這個網站看到一些介紹。

引述珍野苦沙彌的客廳對於校園瘋神榜的介紹：「校瘋」所描繪的校園是熱血的、爽朗的、有笑有淚的，就像是一齣青春洋溢的校園劇，四平八穩極端適合全家觀賞。去年進化為『校園瘋神榜!MAX』之後，整個節目的主軸就更完全指向日本目前的學子身上。目前主力單元為『日本學生的煩惱』。簡單的說，就像是蘋果日報一樣，派了很多狗仔隊到日本各地學校訪問學生有什麼困擾，經挑選剪輯幾個之後，再經由V6選擇後去訪問這位困擾的學生，協助解決。

6月3日JET播放的校瘋MAX是，替要考日本東大的學生加油最後一章，內容訪問兩個想考東大卻又毫無信心的學生，節目單位透過官方網站設立BBS(留言板)讓大家替他們加油打氣，分擔解憂。其實，舊版也不只一次的替大學畢業生加油打氣，甚至，過去的節目還比較勁爆(如果沒考上志願校就得與女友分手的不成文規定)。新版的校瘋變的樸實很多，對於習慣舊版的人，可能就會覺得變的不好看。

我看著6月3日這個替考生加油的單元，霎時，跟幾個台灣新聞媒體的畫面與內容一閃而過，我突然覺得，原來我們台灣這麼多新聞台的內容，竟然比不上一個日本綜藝節目的內容來的有意義。

當台灣新聞媒體繞著政治人物轉，繞著天災人禍轉，繞著八卦轉，甚至新聞廣告化等等。24小時不斷重復播放。每天看這樣的腥羶色進入眼簾，我們心中得到了什麼？台灣有不少的綜藝節目總是開著避重就輕的黃腔，或是刺激視覺的美少男美少女選拔等。看完了到底過了隔天，你記得的是什麼東西？

雖然校瘋的內容並不比過去那樣刺激又好笑，但是，看著學生們努力的為社團打拼，從只有4人的合唱團直到獲得全國第二名；雖然沒考上志願校，但卻說出:「我想這一年來得到的比我想像的還要多。」；灘六為了在面臨大學考試的前一年想留下青春的回憶而要再學園祭中跳V6的舞而特訓；或是想打職棒的女國中生...其實都是小到不能在小的東西，隨處都可以看到的故事，但我想不只是這一代的年輕學子，甚至是過了學生時代的我們，都會去回想起一些東西，激發心中的漣漪，深深的感受到製作單位想表達的東西是什麼。

我想，比起聳動或是血腥的畫面與震撼度，瞬間麻醉每個觀眾的腦袋。不如多去看看，簡單但是會讓你心中久久不能自己的節目來的好很多，我還滿希望校瘋可以繼續以「日本學生的傳聲筒」，創造出更多更有意義的單元出來。讓大家可以持續懷抱著那充滿希望與熱血的感覺

[轉貼]北京學生課堂不斷用骯髒京罵侮辱老師

2007-05-29T13:19:00.000+08:00

文章來源:http://news.wenxuecity.com/messages/200705/news-big5-408092.html

重慶晨報5月27日報道 25日下午4點，網絡上出現一段4分55秒的視頻錄像，視頻中的課堂上20余學生各自為政亂成一團，渾然不顧教授地理的老師還不算，竟然有學生不斷用骯髒京罵侮辱頭發花白的老師，甚至還兩度跑到講台上對老師動手。

這段被稱為“這就是偶們的課堂”的視頻，引發網民憤怒討伐，並欲發出網絡通緝令，通緝侮辱老師的學生，並給其所在學校及班級予以曝光。

學生拽掉老師帽子

這個長度只有4分55秒的錄像，其過分的程度堪比周星馳主演的《逃學威龍》的劇情，以至于引發網友紛紛憤怒的討伐聲。

劇情比較簡單，但傳播出的行為和思想確實讓人不敢苟同︰

一堂地理課上，一班大約20余名學生，睡覺的，說話的，打鬧的，亂成一團，還有人無聊的在全課室走動拍攝錄像。

第一排右一是一名瘦弱，皮膚黝黑的男生，左耳戴著耳環。他背後的同學邊對其拍攝邊說，“這就是×××地理課。看表演啊。”

戴耳環男生隨即走到講台上，挑釁正在講課的約六旬的老師———一把摘掉老師的白色帽子。全班學生哄堂大笑。

但老師對此並沒過多理會，繼續授課。

戴耳環男生將老師帽子（白圈處）打落。（視頻截圖）戴耳環男生指罵老師。（視頻截圖）戴耳環男生左手揮向老師頭部。（視頻截圖）

辱罵調侃地理老師

拍攝角度轉向其他同學，似乎在逐個介紹班上的同學，幾個女生見此紛紛對鏡頭做著各種姿勢。期間幾個男學生互相用京罵中的“傻X，丫的”相互戲逗著對方，學生發出一陣陣肆意的狂笑。

倒數第二排的男生接到帶耳環男生投擲過來的礦泉水瓶後，隨即擲向正在講課的老師。

戴耳環男生右手指著老師，對著鏡頭用京腔喊︰“那就一SB！弄死他。”

全班哄堂大笑。

老師回應說︰“你罵我？你上不上課？咱們一再講，你們不要影響別人。”

戴耳環男生說，你講課吧。

老師生氣地厲聲呵斥︰“你這樣，我怎麼講課？”

戴耳環男生回說，“甭管我，您講吧。”“我們這兒講話，腦子在動著呢。”

全班又是哄堂大笑。

上講台要毆打老師

半分鐘後，戴耳環男生突然對老師連續高喊，“老師，老師，問您一問題”。還有學生幫襯著支持，“大點聲，大點聲。”

在老師沒有作答情況下，戴耳環男生再一次沖向講台，將手向老師頭部揮去（網友認為扯下了老師的耳塞），並推攘著老師做出打人的姿勢。

地理老師對此沒有畏懼，兩人開始簡短對峙。

跟蹤拍攝者在一旁說，別鬧了，別鬧了。

戴耳環男生在其他學生的喝彩中走向自己的位置，臉上露出一種驕傲的微笑。

發視頻者為女學生

網友匿名人士95241在26日下午1點發帖說，25日下午4點，一個網友將視頻發在某網站個人空間里，並起名為“超級搞笑……這就是偶們的課堂……哈哈哈哈……天天笑聲不斷，全能班無所不能”。3個小時後，該視頻訪問量達5000多人次，憤怒的留言上百條，晚上7點多的時候視頻被刪除。

據稱，網站空間主人就是視頻里的某個女孩，當時其空間內還有個人的電子相冊，但隨後也被刪除。

視頻真實性受質疑

“我竟然沒有憤怒，有的只是悲哀。現在的中學生，確實太不像話了”。多數網友表示對視頻的真實性並沒有異議，掀起一片憤怒討伐之聲。

有高中老師表示，他的學生和視頻學生差不多大，“感覺我們這里的孩子比較純樸。只有兩次學生和我頂撞，後來都被我說服了。如果有一天我面對的學生像視頻里的這樣，我能接受得了嗎？怕怕！”

網友譴責說，尊重老師，尊敬長者是為人最基本的道德，如果連這點都沒有，能叫自由和自信嗎？那是野蠻粗俗。

但也有網友提出質疑，“不排除有人組織表演惡搞視頻的嫌疑”。

網絡通緝當事學生？

不少網友建議發出網絡通緝令，尋找畫面上戴耳環的男生和他的學校，以便懲戒以敬效尤，“至少要他們為自己的行為負責。”

但有網友對此表示異議，“他們還是孩子，即便通緝到了又能怎樣？追究教育環節整體的責任才是眾網友作為社會輿論力量應該做的事！”

“教師其實是在培訓應付高考的機器而已。有時候學校對差生采取縱容的態度，只要不出大事情，愛理不理。這樣的後果不僅僅是對老師的一種傷害，其實更悲哀的還是這群什麼都沒學到的學生。”網友的觀點表達了一種悲觀。

甚至有網友建議國家設置教育法庭或專門的青少年處罰機構進駐學校，並采用澳大利亞的紅黃牌制度︰學生三次違紀罰出教室，並傳喚其監護人和孩子到專門設置的隔離室進行隔離教育。累計三張紅牌就得用行政手段對其家長予以經濟制裁。

本站加入NHK!!(別誤會)

2007-05-24T14:43:00.000+08:00

引用網址：http://sdkfz251.blogspot.com/2007/05/nhk-nhk.html

你曾經被放置過嗎？你的發言總是被置之不理嗎？沒有人故意要忽視你，可是你的聲音，自然而然地隨著時間而沉沒到深不見底的討論串底部嗎？

現在，終於有關心這種社會問題的一群放置人民，成立了日本放置協會(Nihon Houchi Kyoukai)。這是一個專門為網路上受到忽視的普通人聲援所成立的組織。入會手續極其簡便，只要在自己的網誌或網站貼上以下貼紙便可入會。由於有許多人誤會協會是屬於將別人置之不理一方的組織，該協會特別澄清他們是站在被放置者的立場而成立的。

如果，不論是與家人或朋友間當面的對話，或者是IRC頻道或BBS裡，你的存在感都極為薄弱；在個人網站或BLOG裡張貼的文章、開設的討論串都沒人回應 ──並不是被刻意、惡意地無視，而是即使你作出回應，這些討論就像自己根本不在場或沒打過字一樣，自然且順利地進行著，便是所謂的「被放置」了。

入會資格僅有一樣限制，便是「頻繁地被放置」。這個頻繁的標準隨個人有所變動，但我們婉拒沒有良好的被放置紀錄的朋友加入。

一起抬頭挺胸地被放置吧！21世紀是放置的新世紀！

[轉貼]一張小抄‧一個阿嬤的勇敢故事

2007-05-23T15:57:00.000+08:00

一張小抄‧一個阿嬤的勇敢故事

原文網址：http://www.wretch.cc/blog/clairehsiao&article_id=9736795&page=2

2006年12月14日，深夜11點24分，
我和攝影小咼在美國洛杉磯國際機場，排隊等通關。

從薩爾瓦多飛來這，很自然地，隊伍幾乎都是拉丁美洲人，
除了我、攝影小咼，
還有那位排在隊伍前頭、揹著一個貼有“徐鶯瑞”字樣的歐巴桑。

她那張大大的A4紙，實在很難不引起他人注意，
原因不只是白紙黑字太過醒目，
更是因為那張A4紙，是用細細的透明膠帶，綑了幾十圈，
狠狠地黏在她的黑色包包上。
很“俗”，可不是？
“一定是大陸客”，我心裡這樣想著。

那位“徐鶯瑞”不時回過頭來，注意著我和小咼，
而我和小咼兩人嘴裡聊的是宏都拉斯的採訪心得，
心裡卻同時注意到這位有點“俗”的阿嬤。

隊伍是以S型的方式前進，
在一個轉彎處，“徐鶯瑞”和我們有了最近的距離，
這時，她突然轉過頭來問我：「你會不會說國語？」
我點了點頭，
她立刻把一張紙遞到我手上，同時，指著營光筆畫的一行字：
『我要在洛杉磯出境，有朋友在外接我』
“徐鶯瑞”問我，過海關是不是應該比這一行？

當我看到那張小抄的當下，
我的眼淚差點飆了下來....

眼前的這位，原本我以為“很俗”的阿嬤，
其實是一位為了探視女兒，
帶著小抄、換了四班飛機、闖了半個地球的“勇敢的台灣阿嬷”！

被揉得爛爛的小抄，每一行中文字都會用綠色營光筆標示出來，方便阿嬤閱讀；
小抄第一行，用中文寫著『我要到哥斯大黎加看女兒，請問是在這裡轉機嗎？』
接下來的一行是英文翻譯，第三行則是西班牙翻譯。
第二題的中文是『我要去領行李，能不能帶我去，謝謝！』
然後又是英文及西班牙語的翻譯。

這張像是考前重點提示的紙，明顯地告訴我，
這位夾在拉丁美洲人群中的阿嬷，
是帶著這一張小抄，獨自一人從台灣飛到哥斯大黎加！

台灣怎麼飛哥斯大黎加？
首先，搭十二個小時的飛機，從台北飛美國，
然後再從美國飛五個多小時到中美洲的轉運中心--薩爾瓦多，
接著，再從薩爾瓦多飛哥斯大黎加，
如果再加上這位阿嬤先從台南飛桃園機場，
那麼，她一共換了四班飛機。

薩爾瓦多和哥斯大黎加講的是西班牙語，
這也就是為何女兒給的小抄，還得附上西班牙語。
只是，很多時候，遇到的狀況，小抄上找不到題目。

阿嬤指著另一邊的隊伍，告訴我，
『我剛剛排旁邊的隊伍，結果他們比這邊，我才又趕快來這邊排隊，
我排這邊對不對啊？』
我笑一笑，向她解釋旁邊是持美國護照，這邊才是旅客的隊伍，
遞回小抄，我輕輕拍了一下她的臂膀，告訴她，
「沒問題了，現在只剩下美國飛台北的回程班機，講台語也會通呦」。

沒有兒子的“徐鶯瑞”告訴我，
十年前，女兒跟著女婿移民到哥斯大黎加，
這十年來，女兒只回過台灣一次，是孫子一歲時，
現在，女兒生了第二胎，“徐瑞鶯”特地飛到哥斯大黎加幫女兒坐月子，
一解思念女兒及孫子的情懷。
原本，女兒坐完月子要陪著媽媽到洛杉磯轉機，
結果因為買不到機票而作罷。

至於那張寫著大大“徐鶯瑞”的白紙，
是因為回台灣的華航班機是隔天下午，
而我們抵達L.A.的時間是晚上十一點多，
所以女兒特地請洛杉磯的朋友來接媽媽住一晚，
為了方便相認，徐瑞鶯特地在包包上貼了斗大的A4紙...

知道“徐瑞鶯”的旅程，有多麼困難重重嗎？
首先，從台北飛洛杉磯轉機時，必須先步出入境航廈，到隔壁大樓，
而那棟大樓是一棟非常長的建築物，
你必須沿著大樓走廊的告示牌：KLM、NW、TACA、AA，等等英文縮寫前進。

KLM是荷蘭航空，NW是西北航空、TACA是中美洲航空、AA是美國航空公司，
儘管出國經驗頻繁的我，對這些指示都不成問題，
然而，當我從台北飛洛杉磯，準備轉往宏都拉斯採訪時，
我和小咼吹著冷風，走在看不到盡頭的長型建築物，
心中不斷提醒自己只有一個多小時的空檔可轉機，
卻是怎麼走，都找不到TACA(中美洲航空)的櫃台，
那當下，腦中冷靜的我和挫敗的我，幾乎要大打出手。

我一度懷疑自己會就此迷失在L.A.機場，
更遑論這位完全不懂英文、遑論西班牙語的老阿嬤，
她一路從台北飛哥斯大黎加、再從哥斯大黎加飛回台北，
這整路會是怎樣的艱熬？

看著眼前這位一度被我誤認為“很俗的大陸客”，
不懂英文、不懂西班牙語，
為了女兒，勇敢地闖了這麼多關，飛越半個地球，
我的眼淚差點奪眶而出...

故事，還沒結束...

徐鶯瑞耐心地排隊等著過海關，
因著記者的職業病，我拿起相機，拍下她的身影。
為了不讓小咼發現我眼眶裡打轉的淚水，
我一邊低頭盯著數位相機，一邊對小咼說，
“她真的好勇敢哦，
海關看到那張紙條，一定會讓她快速通關的。”
沒想到，我話還沒講完，
徐鶯瑞已經被帶到遙遠的另一端....

到底發生了什麼事？
排在隊伍後方的我和小咼焦急了起來，
卻，無能為力。

只能遠遠看著老阿嬤的我，順著隊伍慢慢前進，
過了海關、到了行李提領區、等待領行李。
這時，一位年輕的機場工作人員看見我，朝我的方向快步跑了過來，
“Do you speak Engilsh？”滿頭大汗的他用急促的音調問我，
“Yes,”我的話還沒說完，只見他的表情由慌張轉為開懷，
同時，右手輕輕拉著我的手臂，左手指向海關區的另一個角落，
然後，用很快地速度引領著我。

我的心情，頓時，也輕快了起來，
因為我發現，他要帶我去的方向，正是徐鶯瑞被“扣留”的地方；
這位工作人員一定是因為徐鶯瑞這位亞洲人完全不懂英文，
把他弄得七葷八素；
所以當他發現這偌大的機場裡，有我這位唯一的東方女子，
而且還點頭表示聽得懂他講的語言時，
那位機場工作人員如獲救星般地興奮。

而我，比他更興奮，
因為終於可以去“解救”那位老婆婆了。

我終於知道，
原來，徐鶯瑞只是少填了一張藍色的入境申報表。

好心的海關，按著徐鶯瑞的護照，幫她填好表格裡的基本資料，
但是，“有沒有帶毒品，有沒有帶違禁品”，海關是不可能幫忙代填的。
“阿桑，莫要緊，甘吶幾個問題，填一填就好了”
我安慰著因被“扣留”而略顯慌張的徐鶯瑞，
一邊快速閱覽藍色表格上的題目。

說真的，我從沒好好仔細研究過這些題目，
凡是出過國的應該都有經驗，
那些題目，就是連看都不必看，一路勾“NO”就是了。
問題是，機場工作人員站在我旁邊，等著我幫忙翻譯表格裡的問題，
我只得乖乖的一題一題地問：
“阿桑，妳甘有帶水果？
“沒”她邊回答邊搖頭。
我在表格“NO”的小框框裡打勾，同時繼續問著，
“那妳有帶肉來美國嗎？”
“沒。”
老阿嬤像是小學生回答老師問題般，戒慎恐懼。

問了兩三題之後，我想到一個妙招，
反正身旁的機場工作人員聽不懂中文，至於台語，更是莫仔羊，
所以我就告訴阿嬤，
“我現在問你什麼，妳通通搖頭就對了，
因為這(表格)問的東西都是違禁品，
我幫妳填，妳只管搖頭就行了。”
“好”徐鶯瑞點頭，
我嚇了一跳，深怕工作人員看見徐瑞鶯點頭，誤以為她帶了表格上的違禁品。

總之，我們倆開始演戲。
我嘴裡不停地假裝問問題，其實說的全是要徐鶯瑞放心的話，
手中的筆順著表格的題目，一項接一項地勾“NO”；
聰明的徐鶯瑞則是不斷、不斷地，用力搖頭。

OK！終於填好了表格，
我幫徐鶯瑞整理她手中厚厚的一疊資料，
只留下護照、入境申報表、以及小抄，交到她手上，
我告訴她，別擔心，這次絕對沒有問題！

後來，徐鶯瑞再度過海關時，
不管海關問她什麼問題，
她都非常用力、非常用力地搖頭。

很好笑、
也很讓人感動。

一張小抄‧一個勇敢的台灣阿嬤。

DESIGN - YAMAHA "SCENE OF TONE"

2007-05-11T08:34:00.000+08:00

網址：http://www.yamaha.co.jp/design/milano_salone_2007/

Yamaha第一次參予米蘭設計展，展示會位於義大利，展出對於未來的新成果，概念與創意。整個網站用FLASH製作，眼尖的人一看就可以看出，整個排版就是不斷的利用黃金比例無限的分割，視覺上創造出類似海螺殼一樣的美感，利用線性的方式觀賞從展出的第一天到最後一天的情況；可謂是相當經典的網站呈現。

(トミカ)TOMICA火柴盒小汽車

2007-05-08T09:03:00.000+08:00

最近開始迷上TOMICA火柴盒小汽車(トミカ) ，最初是在公司附近的扭蛋機看到的，那種車子不會跑，但可以發光。買了第三款發現重覆就不想買，想起7-11有賣可以跑的，就自此無法自拔。現在幾乎每天上班路途都會想去買壹台，然後上班邊做網頁邊把玩。

可能是為了滿足小時候想玩這種小車車但又不敢開口的那種慾望吧！！

其實現在只買了四款，這種車大同小異，不過有的時候車子會有一些小零件可以動。而且TOMICA似乎從1970年代就開始賣火柴盒小汽車至今，比起77元贈品，我覺得還比較有珍藏價值

話說回來，在7-11買這種車比起在網拍買略貴，不過如果真想從網拍買又會少了那種衝動就買不下手，又，照我這種虎頭蛇尾的個性，也買不齊，更不願意把我的財產投資在這上面勒。

[轉載]下班本來就是應該的

2007-05-04T08:24:00.000+08:00

下班本來就是應該的

前言
企管專家認為，不管辦公室有多少工作，時間到了最好就離開，不僅如此，最好五點就下班。
「怎麼可能？那麼事情更做不完」你心裡不以為然的想。先別急，聽聽專家的理由是什麼。

理由1. 讓你更有效率
‧ 多數的辦公室工作十分繁瑣，沒有明確的開始與結束。正由於事情千頭萬緒，你很容易這個做一點、那個進行一半，結果沒有一件有結果，迫使你以加班來趕工，一方面也安慰自己的心理。
‧ 但是，如果你的下班時間是五點，那麼你就得盤算一下，在一天有限的時數內，該先做那些事？
‧ 少和同事聊天，多用點時間思考都好！一昧埋頭長時間工作而不思考，容易做虛工，而且會失去看事情的整體觀。

理由2-對你的上司有教育作用
‧ 不要過度擴大上司對你的期望；如果你常常讓上司看到你留下來加班，他會開始認為你很願意加班，久了就變成你應該加班。
‧ 不要讓上司以工作時間的長短來評估你的表現。

理由3-對你的屬下有教育作用
‧ 讓你的屬下學著在有限的時間內，分配工作的優先次序。
‧ 明確的表示你下班就會離開，到時候他們應該完成的工作或報告，就應該交到你桌上。

理由4-迫使你釐清價值觀
‧ 想清楚你生命中最重要的是家庭或是工作？當然不加班、不拼命工作，可能讓你失去許多表現機會，錯過加薪與升遷。
‧ 但是你不會辛苦工作像條狗似的，到了四、五十歲，突然覺得愧對家人、愧對自己的生命。

理由5-讓你走在時代尖端
‧ 企管顧問觀察到一個趨勢，這兩年愈來愈多的人認為，生命中比工作重要的東西還有許多；工作時間長的人不再被視為英雄，反而被看成不懂生命的人。
‧ 現在懂得拒絕長時間工作的人，將是未來的領導人物。

理由6-讓偶一為之的加班變得有趣
‧ 常常加班，同事之間會生膩，合作的興奮感也全無。
‧ 如果大家平常準時下班，碰到緊急狀況或工作時，大夥晚上一起留在辦公室；有人從外面提了便當走進來，一邊吃飯、一邊討論，這時候很容易顯出團隊合作的革命情感。

理由7-讓你免於枯竭的惡性循環
‧ 你愈加班，愈覺得事情做不完；愈覺得事情做不完，工作就拖的愈長。
‧ 這樣的惡性循環遲早會讓你崩潰。

理由8-讓你善用休閒時間
‧ 工作之餘的時間不應只是休息、睡覺，以便讓你第二天有精力繼續工作。
‧ 何不培養些興趣？
如果你五點下班，你可以有時間去學外語、去彈吉他、參加才藝活動，
這會讓你成為一個更活潑、更有能力、更有趣的人。

理由9-會讓你更健康
‧ 並不是抽空去打球、上健身房、跳韻律操才叫使身體健康，人的身體也需要其他的方式來維持活力。
‧ 比方說，好整以暇的喝杯茶、慢慢的品味一個甜美多汁的水蜜桃、靜靜擁抱你喜愛的人等等。
‧ 而這些都不是每週工作五、六十個小時的人所能做的。

理由10-讓你更懂得去愛
‧ 你是不是很久沒有和三、五好友一起說笑狂歡了？
‧ 你是不是每天都和另一半、和孩子或父母匆匆打個照面？你是不是難得和所愛的人交換生活的心情？
‧ 五點一到，放下你的工作，多接近那些對你很重要的人。
‧ 以後他們記得的不是你的升遷、你的成就、而是和他們共處的時光。

宇宙豆漿霸王 King Of Soya-bean milk

2007-04-27T09:17:00.000+08:00

源起：

話說其實開在永和的鼎鼎大名的永和豆漿其實他並不叫永和豆漿叫做世界豆漿大王，跟大學同學小白就這樣聊開之後，他就把它的MSN暱稱改成"宇宙豆漿霸王...加盟中!"，引起我另一個大學同學的誤會，就此，我們開始唬爛的一發不可收拾

(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
小莉相信我們要合夥開宇宙豆漿...
engine 說:
哈哈哈
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
還很認真跟我討論店面與資金的問題
engine 說:
這他可有經驗了
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
我說我跟老大都正在學做包子
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
看來小莉還是一點都沒變
engine 說:
不過這名字夠響亮
engine 說:
可以想像"宇宙豆漿霸王"罐裝豆漿放在自動販售機
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
８成機會能上新聞
engine 說:
罐裝豆漿畫上2搞的那個外星人入侵
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
不過這名字　會一直讓我想到機器人大戰
engine 說:
機器人大戰好ㄚ
engine 說:
魔神Z 喝宇宙豆漿霸王補充精神力
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
哈哈
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
有搞頭嗎
engine 說:
可以拿來做視設系提案
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
我原本想的不是販賣機
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
而是店面方式
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
跟現在的永和　四海作區隔
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
主打宇宙科幻時尚路線
engine 說:
店面作區格阿
engine 說:
那旗艦店要開在月球才行搂
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
喝豆漿　不一定要很傳統
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
嗯...還可以湊集點卡集滿送一趟月球之旅
engine 說:
嗯
engine 說:
人家喝豆漿是裝在杯子插吸管喝
engine 說:
我們也插吸管
engine 說:
但不是插在杯子上
engine 說:
式吸管直接從月球接到地球去
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
好!!
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
蘿蔔糕蛋餅請太空人現做現煎...是吧
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
那可能要去NASA問看看有沒有人想來賣豆漿
engine 說:
不用啦
engine 說:
我們有得來速
engine 說:
吸管都能從月球接到地球了
engine 說:
我們也可以像必勝客做燒包機車
engine 說:
就可以看見月球到地球之間有一條絲路
engine 說:
都是燒包機車在飛來飛去
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
好壯觀呀.....(望著天空)
engine 寫:

engine 說:
黑色線段是吸管
紅色虛線是絲路

(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
地球引力是月球6倍.....所以可以想見豆漿到地球的時候是高速射出來的
engine 說:
活像演A片
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
我們真的要讓客人用嘴巴接??
engine 說:
噴的滿臉
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
我剛也在想這
engine 說:
這張預想圖怎麼看都像隻大蜘蛛在地球上撒尿
(老太陽) <396> 宇宙豆漿霸王...加盟中! 說:
哈哈哈用尿液入侵地球
engine 說:
嗯這篇我把它貼在blog上

另一位小莉開的店的無名部落在此，藉此感謝他不進入狀況的情況下，讓我們有這一次神來之筆的討論

也許哪一天真的開的成吧，也許....

MAKIBISHI COMIC (內附流程攻略)

2007-04-24T15:59:00.000+08:00

網址：http://comic.makibishi.co.jp/

一個很有趣的FLASH解謎網站，遊戲故事是要找尋六個藏匿起來的忍者，點擊畫面中的物品或是場景來進行遊戲。

整個流程很有RPG的味道，又有FLASH解謎要素，畫面相當有風格，值得一玩。破關後會記錄你的破關時間與等級，並且還有排行榜可以看。

故事的結構頗為複雜，你可以繼續往這篇的文章往下看，檢視最速破關流程，不過，建議還沒玩過的人還是先玩過在看攻略會比較有趣

最速流程攻略

請點擊此處打開攻略

畫面開始點選出現橘色驚嘆號的忍者，然後他們就會全部躲起來，再來就是選擇各區塊進行搜尋
找到的角色可以在"手配書"中查看

小枝隱れ
場景是一個很大的樹枝，你可以看見忍者軍團跟猴子軍團正在對峙...
1.點選站在前線，雙手舉高跳躍的三支猴子，他們便會跟忍者打成一團
2.點選猴子老大，他會衝過去把正在扭打的忍者跟猴子打倒
3.點選右方忍者陣營的綠色忍者(頭上停支烏鴉的)，烏鴉會起飛
4.點選烏鴉，烏鴉會往畫面右方飛去，呼叫豪豬將猴子老大打跑
5.再點選綠色忍者，會看見綠色忍者被爆走的豪豬撞飛
6.點選場景左上方的一個尖銳樹幹(或該稱石頭？)，會出現一個隱匿忍者，會移動到畫面左下方準備阻止爆走的豪豬
7.點選已經移動到畫面左下角的石頭忍者，他會擊中蜂巢，蜜蜂會一擁而出纏著豪豬
8.點選豪豬，豪豬就會被擊倒。
9.猴子老老大出現。
10.畫面右下角有一個跟背景不合的一個正方樹幹，點擊撕開他，又會出現一個草綠色忍者。
11.點擊猴子老老大與草綠色忍者讓他們對話，然後再隨意點擊後方的猴子嘍囉，然後再點擊猴子老老大，便會使出"瞬獄殺"攻擊。
12.點選已經被瞬獄殺攻擊到奄奄一息的草綠色忍者，他會呼叫招喚獸
13.點擊招喚獸攻擊猴子陣營，本以為死傷慘烈的戰爭已經結束，但這時猴子老老老大出現了。
14.點擊畫面中的鹿，又會出現一名胖胖的忍者。
15.再次點擊，胖胖的黃色忍者會變大與猴子老老老大抗衡。
16.點擊猴子老老老大，他便會使出香蕉雨攻擊，一時天搖地動。
17.就在天搖地動的同時，黃色忍者的上方處就會出現マシラ，點擊マシラ將之捕獲，結束此場景。

童子數多
你會看到一個巨大的身體，從屁股不斷的放出一個一個的忍者嘍囉

1.點選巨大身體的耳機，點擊致耳機壞掉為止。
2.點選深綠色忍者，他會去修理耳機。
3.騷擾正在修理的綠色忍者，就會修理失敗，整個巨大深體會180度翻轉。
4.依序點選畫面上的四個角色。深綠色忍者便會從天而降。
5.點選深綠色忍者，他會很火大的去踢巨大身體的頭部，然後一個一個忍者嘍囉又蹦出來，然後你會看到茜丸也飛了出來。
6.茜丸落地後會在巨大身體的漆蓋到肚子部分不斷的露出頭又躲藏，點擊她便可以捕獲茜丸，結束此場景。

三吋壕
畫面開始是一個有巨大蓋子的地方，蓋子的兩邊站有警察。

1.點選蓋子，把蓋子打開後，畫面就可以向下捲動。
2.畫面移動到一個有水的洞穴房，點選最大的魚的眼睛三次，他會吐出鑰匙。
3.拖曳著鑰匙到一個有寶箱的洞穴房，打開寶箱，得到鐵撬。
4.拿著鐵撬到場景上方，有一個大石頭貼著符咒的洞穴房，敲壞時頭，青蛙變會跑出來。
5.跟著青蛙到一個有很多小忍者的洞穴，你會看到這個洞穴有一個人會跟你說一個音譜，而其他人則會唱出一個音階。
6.依序點擊C.D.E.F.E.D.C.E.F.G.A.G.F.E，成功的話，青蛙會變成蝌蚪。

然後暫時離開這個洞穴

7.在離出口最近的一個洞穴房，有一個B05的機器，點擊B-05的艙門，會跑出一個屍體與幾支小蟲
8.這時點選在這個洞穴房的紅色忍者，他會拿出殺蟲劑噴殺蟲子。
9.拖曳殺蟲劑往畫面下方移動，直到看到一支大蟲，還有幾個正在挖洞穴的人的一個洞穴房，放開殺蟲劑讓殺蟲劑起作用。
10.大蟲會被殺蟲劑趕到畫面邊緣，露出一個電力開關，把電力開關拖曳至ON的地方。這時電力便會傳送到最下面機器人研究室。
11.到機器人研究室打開機器人的嘴巴，會跑出一個忍術捲軸。
12.拖曳這個忍術捲軸給變成蝌蚪的青蛙，就會跑出蝦蔓太夫，點擊將之捕獲，結束此場景。

近松庭

1.點選場景最右上，站在樓頂的ムヅナ，他便會使出分身術逃逸。
2.點擊場景中的一個浮遊時鐘，時間會轉換成下午3:40分。
3.點選朱鷺倭莊的窗戶，會跳出一個小視窗，進入一個房間。你會再這個房間中找到一張紙，畫著奇怪的符號，請記下這張紙所記載的符號順序。
4.關閉小視窗回到場景，點擊畫面中央下方有一個紅色的，長一顆大樹的涼亭，會跳出一個小視窗，進入涼亭。
5.拖曳著涼亭中的澆水器對著剛冒出芽的樹葉澆水，直到樹長大，然後畫面出現數支蝙蝠在飛為止，就可以離開涼亭。
6.在場景中點擊一個正在吐大菸的房子，會跳出一個小視窗，進入澡堂。
7.在澡堂中，點選最右邊的水龍頭放水，就可以離開澡堂。
8.回到場景，場景的上方有個很大的日式城堡，點選閣樓上面的圓圈，會跳出一個小視窗，進入日式城堡。
9.把兩邊拉門給拉開，與城主說話：
第一題答yes
第二題答no
第三題答yes
第四題答yes
第五題答yes
第六題答yes
10.然後就可以拿刀砍亡靈，砍到一次畫面背後的背景就會被切爛，你就會發現ムヅナ的蹤跡。
11.點選ムヅナ，他會變成人形，點選人型收集起來。
12.回到場景，點選在畫面中游移的大恐龍嘴巴，會跳出一個小視窗，進入恐龍的胃部。
13.從恐龍胃部凌亂的垃圾中可以找到ムヅナ的蹤跡。
14.點選ムヅナ，他會變成人形，點選人型收集起來。
15.回到場景，點選浮游時鐘，讓時間回到am6:00
17.點選朱鷺倭莊的窗戶進入。
18.在房間右方點擊牆邊紅色開關開燈。
19.請依照白天看到的那張紙的順序，依序點選按鈕，最後點擊桌上的紅色鈕。
20.圍繞在ムヅナ的電流會消失，點選ムヅナ，他會變成人形，點選人型收集起來。
21.回到場景，到長大樹的涼亭去。
22.你可以在很多蝙蝠的地方找到ムヅナ，他仍舊會變成人形，點選人型收集起來。
23.回到場景，到澡堂去。
24.你可以在大澡盆中找到ムヅナ，依照慣例他還是會變成人形，點選人型收集起來。
25.回到場景，我們已經收集到五個人行，你就可以在畫面的下方，涼亭的下面看到ムヅナ，點擊將之捕獲，結束此畫面。

アカシキ

這個場景是左右互通的一個小星球。

1.有個工人在敲擊摩艾伊雕像後面的勃子處，點選這個摩艾伊雕像的尾巴，就可以得到一個寶石。
2.畫面向右捲動到正在用力製作年糕的玉兔，並且幫他敲擊，就會爆炸，得到第二個寶石。
3.畫面向右捲動到一個準備要啟用爆炸器的工人，幫他把線接起來後引爆。
4.本來被石頭擋住的探索車這時就會往畫面左邊開，請跟著這個探索車把畫面往左移動，就會看到探索車撞倒外星人，得到第三個寶石。
5.然後畫面向右捲動到一群對著大石頭的猴子群，點擊大石頭上的七個點，有六個很明顯可以一眼就看出來，第七個點位在大石頭的基底部，當你滑鼠移過後會變成手勢，就可以找到第七個點，得到第四個寶石。
6.畫面向右捲動，看到一個猴子面對著一個機關。拖曳地上的骨頭給猴子，再點選猴子，他就會啟動機關。讓一顆淺藍色的球掉入一個基座

中。
7.基座右邊有三個淺藍色按鈕，點選最靠近基座的那個按鈕，就可以把淺藍色的球變成寶石並且取得第五個寶石。
7.畫面向右捲動，你可以看到一個大型機器人在一個關閉的入口前。
8.點擊入口將之打開。
9.點擊機器人讓機器人敲擊，飛彈便會從入口飛出。
10.跟著飛彈就會看到飛彈往一個山口炸，飛出第六個寶石。
11.畫面向右捲動，你可以看到一個工人在操作鑽地機，點擊讓鑽地機鑽地幾次，就可以得到第七顆寶石。
12.畫面向左捲動，你可以在機器人那邊的下方看到一個老虎鉗，拖曳老虎鉗往左邊繼續移動。
13.持續移動到看到一個倒過來的太空人，把老虎鉗給他，他就會開始修理太空船。
14.正再修理的太空船右邊有一個衛星，點擊衛星變會發射電波，得到第八顆寶石。
15.到鳥居處點選嫦娥，就會呼叫神龍出現。
16.點擊神龍的嘴巴處，捕獲鳥居，結束此場景。

再已經捕獲五人的最初場景中，右邊溫泉處點擊一支黑色青蛙，然後他就會移動，再點選一次，秘密人物撒菱齋就會出現。

THE END

[轉載]一位關鍵字廣告玩家的經驗談

2007-04-19T13:39:00.000+08:00

會想寫這篇文章，主要還是為了我的「客戶」，但我想對於某些網友也會有幫助。智邦生活館自從2005年5月轉型網站代管(web hosting)產業後，目前已經有9000代管客戶。我們主攻的客群是中小企業，有一部份說是「微型產業」更傳神。在智邦生活館買個網站很簡單，大部分客戶一年1000元就解決了，還送免費網址、免費留言板、免費版型等一推服務，甚至還有免費教學課程。

可是，客戶更在意的，是如何行銷他的網站。大部分中小企業沒有什麼廣告預算，買關鍵字廣告是唯一可行的解決方案。但對大部分小公司、微型產業來說，雖然他們最需要高效益的關鍵字廣告，但也最欠缺廣告經驗。想請公關公司、關鍵字廣告經銷商代操，又會因為金額太低，得不到像樣的服務。客戶不知如何行銷，公司倒了、網站關閉了，自然也不會續約買網站。所以我想我應該貢獻一下我的經驗，讓更多人減少學習的障礙。

這篇文章對關鍵字廣告的定義

這篇文章對「關鍵字廣告」的定義是「論點閱次數計費，且必須設定關鍵字」，所以包括Yahoo與Google的搜尋關鍵字廣告、內容比對廣告(Yahoo Content Match與Google Adsense)、酷比廣告、中時CI、DotMore廣告都包含在內。

我的經驗

我從2005年初開始買Google關鍵字廣告，2005年5月左右開始買Yahoo關鍵字廣告，已經累積兩年多經驗，並協助智邦生活館客戶數從2005 年初的2000，成長到現在的9000。現在智邦生活館一年繳給Yahoo與Google的廣告費，一年超過500萬。我目睹過許多激烈的「關鍵字大戰」，有豐富的經驗可跟大家分享。此外，我有酷比與中時CI廣告的使用經驗，也曾買過其他網站的banner廣告、EDM廣告以及各式各樣的文字連結廣告。

中立性

智邦生活館並未跟任何一家販賣關鍵字廣告的網路公司簽約（其他網站代管同業多數是Yahoo搜尋行銷的經銷商），同時我本人曾在台灣多家知名媒體長期撰寫網路專欄。我會盡力以「消費者」與「網路評論家」的中立角色，帶領大家走入關鍵字廣告的世界。

為什麼我應該買關鍵字廣告

關鍵字廣告是最精準、效益最高的廣告形式之一。如果你的產品在超商、大賣場、各大連鎖店隨處可見，你應該購買大眾媒體廣告，引發消費者的購買慾，迅速產生廣大的消費需求。但如果你販賣屬於小眾、地域性、特定族群的產品，關鍵字廣告可以用極小的預算讓你的產品達到一定的曝光率。

什麼公司適合買關鍵字廣告

對中小企業來說，關鍵字廣告是最好的行銷通路。由於關鍵字廣告在一段時間內能接觸到的消費者有限，所以大型消費品牌還是會以大眾媒體通路為主。不過，有些大眾品牌辦活動時，仍會購買關鍵字廣告，因為即使公司規模大，但單一活動的行銷預算可能只有5萬元，關鍵字廣告是最好的選擇。

我是中小企業老闆或高階主管，應該親自操作關鍵字廣告嗎？

如果您是25人以下小型公司的高階經理人，我會建議您試著自己操作。以我操作Google跟Yahoo關鍵字廣告的經驗，雖然很快帶來業績，但也導致廣告預算快速膨脹。這時，除非高階經理人親自操刀，對關鍵字廣告有很深的瞭解，很難決策是否要繼續支付高漲的廣告支出。

對許多小型企業來說，使用關鍵字廣告會帶動整個公司轉型。所以你應該把這件事情當成公司最重要的事情之一。也許不一定永遠由你操作，但你應該要徹底瞭解關鍵字的所有細節。

要找關鍵字廣告經銷商嗎？

這沒有標準答案，主要得看你的廣告預算。如果你一個月只花10000元廣告費，Yahoo關鍵字廣告經銷商只能分到1000~1500元，你想你能得到多好的服務？

如果你有「只要能賺錢，多少廣告費我都捨得」的氣魄，就很適合找關鍵字廣告經銷商（如跟智邦生活館有合作關係的「威妮爾」），由他們為你規劃各種廣告方案。或者，你也可以在摸索一陣子後，找關鍵字經銷商一起討論，也可能會帶來一些不同的想法。

Google在台灣還沒有正式的關鍵字廣告經銷商，這部分你恐怕得自己來。當然公關公司也會幫你代操Google關鍵字廣告，不過，以中小型企業的廣告預算，通常請不起公關公司。

關鍵字廣告改變公司型態？怎麼說？

當你大量使用關鍵字廣告後，你的網站就會需要依據會上網搜尋的潛在客戶的特性進行改版，甚至針對不同關鍵字設計不同的網頁內容。你必須去摸索這些客戶的特性，重新訓練客服人員、規劃客服流程。同時，你還必須注意跟你一起買關鍵字廣告的同業有誰，如何突顯出自己的特色。甚至你必須為新開發出來的客戶群設計新產品。唯有提昇公司面對搜尋客戶時的競爭力與品牌形象，才能穩定帶進客戶。

別忘了，不是只有你會買關鍵字廣告，你的同業也會。關鍵字廣告會將你們湊在一起，彼此競爭，為了爭奪來自關鍵字廣告的客戶帶動不同形式的轉型。

我需要準備多少廣告預算

這其實要看你的產品類型與競爭力。如果你操作關鍵字廣告後，發現廣告費當月就可以賺回來，這時候，你自然會希望越多客戶來點廣告越好。但有些產業類別當月很難把廣告費賺回來，必須長期培養客戶，等客戶續約、長期購買時才能賺回廣告費。這時，就必須衡量你的現金流量來節制廣告費用。

以我的經驗，若在Yahoo購買競爭激烈的關鍵字廣告，不管是搜尋廣告或內容比對，一個關鍵字一天花上500~3000元是稀鬆平常的事情。同樣的買法，在Google大約只會花掉20~30%的錢。所以量力而為是很重要的。

當然，你也可以設定廣告預算上限，減少廣告出現的次數，也可避免廣告支出拖垮財務。

好，那我怎麼開始？

Yahoo奇摩是台灣最大網站，如果你要把事業做大，最後一定要攻入Yahoo奇摩。但一開始，你可以從Google關鍵字廣告累積經驗，因為 Google關鍵字廣告不用人工審查，你輸入資料10分鐘就上線了，可以隨時修改。在台灣，Google關鍵字廣告的競爭性比較低，點選廣告的人也比較少，可以避免讓你一下子就花很多錢。而且你還可以購買Google Adsense廣告，讓你的廣告一瞬間在許多知名部落格與中小型網站出現，但可能一個月也只花掉幾千元而已。

Google關鍵字廣告可讓你學習基本技巧，以便面對更大的挑戰：兵家必爭之地的Yahoo關鍵字廣告。不過，這兩個搜尋引擎的使用者不太一樣，對不同產業會有不同的意義，有些微妙之處要從經驗中體會了。

所以，你應該先申請一個gmail帳號，準備一張信用卡，然後就可以開始進入關鍵字廣告的世界了。

先建立帳戶

不管買Yahoo或Google關鍵字廣告，一開始你都必須申請帳號、先付基本費用，廣告才會出現。最好的付款方式是用信用卡，預付款項快用完時，系統就會自動幫你刷卡，不用擔心廣告中斷。你也可以用ATM轉帳方式付Yahoo的費用，但比較麻煩。

如果你每個月的使用量超過一定程度（我是超過10餘萬之後），Yahoo就會有專人跟你聯絡，以後你在Yahoo就會有專人擔任你的窗口，可以得到更好的服務，可以開支票（不用先付現金），還有機會比一般網友更快得到一些新產品的訊息。

Yahoo會寄發票給你，Google則可從網路上列印收據，讓你可跟公司報帳。

我需要考慮購買酷比、中時CI、DotMore等廣告嗎？

如果你希望短時間內有效率地獲得新客戶，Yahoo與Google關鍵字搜尋廣告一定是第一個要考慮的。但在搜尋關鍵字時，你同時要面對其他同業的競爭，如果你的產品競爭力不夠強、品牌不夠亮，潛在客戶點選廣告後，未必會選擇你的產品，很可能花大錢擠在排頭，卻沒有相對的回饋。這時，酷比、中時CI、 DotMore就有優勢了。雖然這三者內容比對的方式不如關鍵字搜尋精準，但你無需面對同業的競爭，而且，價格便宜。

如果你要辦短期的網路行銷活動，也很適合在這三家刊登廣告。一個click3~5元的價格，比一般banner廣告的效益好許多。買酷比廣告可登入聯合新聞網，買中時CI可登上中時電子報，則是這些廣告的附加價值。

但這三家台灣本土廣告公司的問題是：後台的功能與訂單追蹤的機制不如Google，是否有能力應付點擊詐欺也令人質疑。但相對的，有許多國際海盜會針對Google進行點擊詐欺，但目前尚未有人控訴在這三家發現大規模的攻擊事件。

第一步，先買公司名

買關鍵字廣告，絕對不要忘了買自己的公司名。因為會用你的公司名搜尋的網友，很可能就是聽了朋友介紹，最有可能買你產品的人。如果到這一關卡，他卻找不到產品網頁，那就很可惜了。

買關鍵字要先建立一個重要觀念：別認為網友一定會用你認定的關鍵字來搜尋，也別認為網友找得到你的關鍵網頁。好比說，找智邦生活館的網友輸入的關鍵字大部分是「智邦」，小部分是「智邦生活館」，還有「智邦生活」、「智邦生活網」、「智邦生活管」。而搜尋引擎出現的網頁，不一定會是產品網頁。如果你的網站名氣不大，然後名字又很普通，很有可能搜尋引擎會把別人的網站排在前面。那很抱歉，你垂手可得的訂單就不見了。

另外，你的競爭對手也可能會用你的公司名來買關鍵字（Google允許這樣的行為，Yahoo不允許）。所以，一定要買公司名。

一開始探測關鍵字廣告的世界時，你可先從Google開始。但在買公司名稱這件事情上，Google跟Yahoo一開始就要買。我每天都可以偵測到三筆左右搜尋公司名後點選關鍵字廣告進來隨後購買的客戶，如果捨不得花這筆錢，成交機率最大的客戶群，就有迷路流失的危險。

同樣道理，你也應該為你的知名產品買關鍵字廣告。如果你是Wii的台灣代理商，顯然你應該買Wii這個字，因為在搜尋引擎上輸入Wii，很難預料哪些網站會排在前面。

第二步，思考潛在客戶對你的產品的想像

你的客戶會用什麼名詞、形容詞或動詞來敘述、形容或想像你的產品，就是他們會在搜尋時輸入的關鍵字。如果你能聯想到更多關鍵字，就表示你能網羅更多潛在客戶。這也是為什麼廣告主一定要參與關鍵字廣告的操作，因為沒有哪一個關鍵字廣告經銷商會比你更瞭解你的客戶。

比如說，你在花蓮海洋公園附近開民宿，「花蓮民宿」可能會是你第一個想到的關鍵字。但「花東民宿」、「東海岸民宿」、「海岸線民宿」也要列入考量。「花蓮旅遊」、「花東旅遊」，甚至「花蓮」、「花東」、「東海岸」也不能捨棄。民宿附近的景點，比如「海洋公園」、「鹽寮」、「牛山」，甚至附近的知名旅館如「理想大地」、「遠來」，都是可以買的關鍵字。

買這麼多關鍵字，會花很多錢嗎？如果是跟你的產品高度相關的字，就值得花較多預算。相關度低的字，就不要出價太高。如果你的民宿就開在牛山附近，當然，「牛山」跟「牛山民宿」你一定要買，「花蓮民宿」、「花東旅遊」則不用出價太高。但如果遠來飯店辦活動要買關鍵字，就得優先買「花蓮」與「花蓮旅遊」了。

（以Wii為例，除了『Wii』要買外，『玩Wii』、『打Wii』、『買Wii』、『Wii軟體』都是網友可能會輸入的關鍵字，可以多想一些來買買看）

第三步，修改網站

隨時要注意：競爭激烈的關鍵字，同時可能有好幾十家競爭者。如果消費者對你的品牌不熟悉，就不會只點選你的網站。他可能同時點選五六家網站快速掃瞄，每一家網站可能只有幾秒鐘的時間來獲得青睞。所以，你必須讓你的網站能快速打開，並在第一個畫面就清楚顯示出產品的特色。

關鍵字廣告有「黃金三秒鐘」，如果三秒鐘內沒辦法凸顯自己，被深入閱讀的機會就會大大降低。你不需要在第一個畫面塞入許多文字，清楚的網站形象與簡單的標語就足夠了。

第四步：思考，你的產品特色到底是什麼？

搜尋關鍵字廣告會有一小段文字敘述的空間，這是讓廣告主展現自己的機會。你的特色是什麼？有什麼競爭優勢？消費者憑什麼要買你的服務、而不是買其他人的服務？

想清楚特色的另一個理由是：熱門的關鍵字廣告成本不低，出價超過50元的不在少數。也就是，網友點一下就50元了。如果是不適合你產品的網友，最好別讓他來點你的廣告。比如有些廣告內容就會強調比別人貴，想撿便宜的人不要來。如果你經營旅行社，你的團費比別人貴，但是不會推銷名產、導遊不用給小費、領隊有文化導覽訓練，這些都可以寫入廣告內容，協助你篩選客戶。

重點在於：你能用來介紹你的產品的空間不多，只有簡短的標題，以及三十幾個字的文字空間。你必須字句斟酌，在有限空間裡標示出你與其他同業不同的地方。針對不同的關鍵字，你的廣告內容有時還必須略做調整，比如輸入「Wii」跟輸入「任天堂」時跑出的廣告，可能就得用不同的敘述方式。

有時，產品特色得靠客戶來發現。比如說，從客服電話中，我得知除了老客戶滿意推薦朋友使用外，讓完全陌生的客戶決定買我的產品的原因是「智邦科技」帶來信任感，以及「中華電信」的品質保證。所以我就會在公司的關鍵字廣告裡強調這些品牌。根據客戶反應修改關鍵字廣告很重要，這是另一個你必須親自玩關鍵字廣告的原因。

我的去背術(Photoshop CS2為例)

2007-04-15T10:57:00.000+08:00

使用擷取濾鏡取代顏色與遮罩來做去背

使用imageready建立html樣板

2007-04-07T12:19:00.000+08:00

偷懶了很久沒有寫教學了呵.....

Google的愚人節: Gmail Paper

2007-04-01T19:37:00.000+08:00

內容轉載自：Hsin's Journal 新誌: Google的愚人節: Gmail Paper

還記得Gmail在去年的愚人節推出什麼東西嗎? 我忘記了. 不過反正式跟信箱容量有關係的服務. 不過今年的愚人節, Gmail推出了一個怪怪的服務, 叫做"Gmail Paper". 是一個可以把使用者在gmail裡頭的信件, 由Gmail列印出來, 寄送到家裏的服務, 換句話說就是把原本電子世界的email轉換成實體的郵件.

郵資是完全免費的, 這個費用來自於實體郵件背後的"red, bold, 36 pt Helvetica"文字廣告, Gmail同時強調你不會看到彈出視窗跟閃耀的動畫廣告, 畢竟這是不可能在紙上實行的. 附件的部份, 相片會以高品質被列印出來, 但是mp3跟wav這一類的音效檔並不會被寄送, Gmail認為把這些檔案保存在Gmail裡頭會是比較好的. 除此之外, Gmail Paper是沒有上限的, 也就是說你可以要求Gmail寄送一封, 百封, 甚至是上萬封郵件都可以.那環境保護怎麼辦? Gmail的說明頁最頭提到了這個問題. 所有的信件用紙都是符合環保的材質(甚至是對環境有易的!?).

對我來說, 這真的是一個蠻奇怪的服務, 可是Google卻做了. 真的是很特別, 雖然目前還不知道這個服務的實行性. 如果是我的話, 頂多是偶爾印一點資料, 可是用印表機來列印不是更快速嗎? Google畢竟是深不可測的, 誰知道他在打什麼如意算盤.

後記: 可是大家都知道, 今天是愚人節, 真的還是覺得怪怪的.

Josh's Note: 利用JavaScript加密文章內容

2007-03-27T22:53:00.000+08:00

Josh's Note: 利用JavaScript加密文章內容一篇給blogger使用的不錯的網誌加密方法

中國第一部動畫電影 : 鐵扇公主

2007-03-21T17:08:00.000+08:00

1937年，美國卡通片《白雪公主》在上海放映，觀眾上座歷久不衰。萬籟鳴和萬古蟾兄弟二人經過慎重考慮，決定繪製動畫長片《鐵扇公主》，這是亞洲也是當時繼美國的《白雪公主》、《小人國》和《木偶奇遇記》之後的第四部動畫長片，標志著當時中國的動畫藝術已經接近世界先進水準。1941年該片完成，以中國聯合影業公司名義發行上映，受到人們的喜愛，並在亞洲引起巨大反響。日本動畫大師手冢治蟲曾說他正是看了這部動畫片後放棄學醫，決定從事動畫創作。

小時後的電視廣告(台灣篇)

2007-03-16T13:54:00.000+08:00

真是千呼萬喚始出來，老是看別國的珍藏廣告，台灣的終於出來了，真是要感謝lizating大大的分享

引述：這是台灣在 1980年 11 月, 電視上所播放的一些食品廣告影片集錦. 從每一個角度來看, 無論你今年是幾歲, 這個集錦所記錄的, 是我們的成長, 與台灣社會的變遷!

小時後的香港電影預告

2007-03-14T21:39:00.000+08:00

喜歡看舊廣告的原因在『小時候的電視廣告(日本篇)』這一篇就有說過了，所以話不多說，我們繼續來懷舊吧

感謝youtube的ultrasmoke等大大無私的奉獻

笑拳怪招（日本版預告）

師弟出馬（日本版預告）

A計畫（日本版預告）

摩登保鑣

七小福

開心鬼救開心鬼電影廣告雜誌

義膽群英電影廣告雜誌

義膽群英絕版預告

八仙飯店之人肉叉燒包絕版預告

[轉載]台灣的愛與寂寞

2007-03-07T09:26:00.000+08:00

引用的原文：空中的人形醫生: 我覺得台灣挺好的

台灣的愛與寂寞

此篇文章原刊登於2006年七月一日荷蘭的報紙，網址如下：
http://www.trouw.nl/deverdieping/letter-geest/article375747.ece/Liefde_en_eenzaamheid_in_Taiwan

寫在翻譯前：

這篇原文Love and Loneliness in Taiwan的作者David Signer是曾在台灣待過兩個星期的一位瑞士人，在歐洲所發表為荷文、德文的文章。筆者知道此文章是一位歐洲友人口述給我聽的。當時我聽到此文章時，對歐洲人以自己文化來看台灣的觀感時震懾住了。但思之再三卻又時感驚訝又時感戚戚。我請友人為我翻譯為英文，我們也去函詢問TROUW該報轉譯中文發表在網上的可能性等等，接著去函給原作者，原作者應允中文翻譯公開發表後，筆者開始著手，但因為私人因素所以延遲了工作。

David Signer，1964年生，是一位歐洲的人類學家，專研人類學與社會學。走訪過中東、非洲各國，對文化有深入的研究。其以歐洲人的文化背景與觀點來看台灣，讀者可以得見作者著實下了番工夫去瞭解台灣的歷史背景、政治經濟與教育現況，尤其是其以不偏不倚的人文立場客觀地看台灣的現象。在翻譯過程中，筆者與原作者通過mail。他告訴筆者無意為文使任何人不悅，但是，以一個外國文化來看台灣，在某些特定事情上確實讓他吃驚。筆者不是專業翻譯者，且轉譯了兩次不同語言，字字計較地去深入瞭解作者的寫作感情與文化背景是我努力的。

在您讀過這篇文章後，是否也正思索著作者所述的某些點正巧也碰觸到深愛台灣的你我的寂寞與愛呢？

＝＝＝＝＝＝＝＝＝本文 T.Y. (Jade) Lee於 Jan. 5,2007＝＝＝＝＝＝＝＝＝

台灣有什麼樣的脈動？世上沒有任何一個國家的人像台灣一樣，工作時數每年高達2,282小時，30％的人每週工作超過62小時。台灣人口密度高居世界第二，只低於孟加拉。雖然台灣面積小於瑞士，卻是20個最成功的工業國家之一。台灣是筆記型電腦製造的領導先驅，有世界第三大外匯存款，也是手機密度最高的地區（平均每人擁有1,14支手機）。然而，只有三個國家的性生活是少於台灣，且根據「Elle」雜誌研究指出，台灣女性是世界上最不快樂的。台灣同時也是最多戴近視眼鏡的國家。

這些現象之間彼此有何關聯呢？

20年前台灣從獨裁轉型為民主，現代化與自由化同時快速進行。也因此，嚴謹的儒家工作倫理與同志酒吧、刺青商店同時存在。多彩的道家廟宇，就在電子產業的玻璃帷幕高樓及24小時營業的超市旁邊。自從毛澤東的對手蔣介石1948年退守到台灣，中國就一直把台灣視為叛逆的一省。如果自由化繼續進行，二十年後的中國可能就像現在的台灣。而連同附近城鄉合計約有800萬人口的台北，就是北京現代化後的願景。

家庭是台灣社會變遷中特別引起注意的生活範疇。在許多家庭中，夫妻兩人不只是長時間工作，甚至在不同城市工作，且保有各自的住處，只在週末見面。由祖父母帶大的小孩，其價值觀也因此來自幾乎是與現實脫節的世界。

對台灣人來說，沒有任何事比給孩子更好的教育來得重要，因此，孩子們常常在晚間也必須承受許多額外的課程。

我在台北時，拜訪了一位外科醫生，他六歲的女兒已經在學校學英文，但在晚間，她除了必須再學英文之外，還有畫畫、舞蹈和鋼琴。她很驕傲地不用樂譜就彈得出古典曲子。八月，他們全家會到美國去，讓女兒參加兩週的暑期營隊，以增進英文能力。我問這個父親，難道他不怕給孩子太多壓力？不是常聽說，日本孩子因考試失敗感到羞恥而自殺嗎？

「是的，有時所有努力會化為烏有。」醫生說，「比如有些鋼琴神童，十四歲就能將琴彈得很完美，但到了25歲時，他們彈琴的技巧則無異於從十歲才學起的水平。」

這父親也提到在他的周遭環境中，父母與父母之間無法避免的競爭，他甚至用了「全副武裝」這樣的字眼。一胎化在中國是政策，在台灣則成了可以自由選擇的目標，和大家庭比起來，當然就會把更多時間和金錢花在提昇唯一的孩子身上。

強調教育與成就是深受儒家思想影響國家的特質，例如中國、日本、韓國和新加坡。台灣不僅也是如此，更由於歷史背景因素，台灣人希望展現給世界的是一個更好的中國。從1895年到1945年台灣被日本佔據，接著被中國接收。二次大戰後，毛澤東戰勝國民黨的蔣介石，蔣介石帶著150萬民眾（大多數是有高教育水準的上層階級）、50萬軍人和國家寶藏來到台灣。毛澤東和蔣介石都自視為中國的唯一代表。至今台灣的正式官方名稱為「Republic of China」。

美國高度武裝台灣以對抗共產主義的中國大陸，蔣介石直到1975年過世為止，不曾改變他收復中國的目標。

台灣有2,400萬人口，大陸13億，這個海島有世界超強的經濟，但是，在政治上卻是孤立的，台灣甚至沒有聯合國觀察者的身分，只被27個國家所承認，像是帛琉、吉里巴斯共和國和史瓦濟蘭等。這是因為中國大陸拒絕和承認台灣的國家有外交關係，特別是今天，誰承認了台灣就無異與中國大陸為敵。

在台灣可以感受到中國以一種矛盾的方式存在。中國就像一個大哥，台灣想要和他保持距離，可是，這位大哥卻又權威性地不肯離開。台灣尊重人權、沒人苦於饑餓、有言論與媒體自由；台灣進步、民主、自由、國際化、後工業化、後現代化；總之，是一個更好的中國。在台灣可以察覺到一種清醒、一種警覺，這情形讓人想起以色列。這個中東國家除了強調它的合法性之外，也要表現得比敵對的鄰邦更好。可是，台灣人民則更像是一架使勁飛翔的噴射客機，只要把速度減慢到某個程度，就會墜落。

Sheena Chang是中國時報的編輯，女兒四歲時已經上英文的課外補習。她希望女兒能讀國立大學。國立比私立大學更好而且更便宜。這導致一個弔詭的現象：特別是受高等教育且較有錢的父母，他們能提供孩子額外的課程學習，讓孩子能進入收費少的「好」大學；而低社會階層的孩子則只好去「壞」的大學。久而久之，自然會加深貧富懸殊與城鄉差距。

Sheena Chang還展示了另一個台灣紀錄：根據她的統計，世界上沒有一個地方的孩子睡眠像台灣孩子那麼少。她把自己和與她同樣的人稱為「pm people」。「我從下午兩點開始工作，在晚上十點回家。」大部份資訊科技產業的人在晚間工作，因為這剛好是歐美客戶的白天時間。「pm people」的孩子和他們一起熬到午夜，一起吃東西、看電視、玩電玩。但是和大人們相反地，孩子又必須在早上七點起床。

她這種不帶情感的客觀陳述，讓我小心地問，這樣不會損害孩子的健康嗎？「也許是。」她說，「但這讓孩子有更強的抵抗能力，也能學會處理將來的壓力。最大的問題是，祖母寵壞孩子，她們只餵給食物但不教任何事。」

作家Yen Minju告訴我，她在讀書時，因為家裡還沒有洗衣機，所以，必須在洗衣板上搓衣服。為了利用時間，她把寫上英文生字的紙片貼在一旁，可以一邊洗，一邊背。

某晚，我和一位精神科醫生一起泡溫泉（就在卡拉ok旁邊。卡拉ok是台灣人喜歡的娛樂活動之一）。晚上十點時，他說他必須回家去幫女兒複習功課。「在這個時間？」我很驚訝。「當然，明早九點她有化學考試，我得幫她再複習一次。」

一個長時間住在台灣和中國的瑞士女人告訴我：「對這些人來說，重要的是錢和吃，愛與性不重要。如果有人說我愛你，那是沒有意義的。但是，如果他給你一塊盤子裡的肉，你就知道，你對他來說很重要。」

台灣人的情慾是不容易瞭解的，人們不善於表現情感。除了台北市中心之外，很難看得到成雙成對的人手牽手或是交換溫柔情感。但另一方面，卻可以看到檳榔西施穿著比基尼泳裝坐在玻璃櫥窗裡。由於有個綠色心形霓虹燈，所以，遠遠就可以認得出來。你停下車，她走出來，彎下身軀面對你打開了的車窗，你可以從她深裁的前襟看到裡面。她踩著高跟鞋，扭動臀部，走回去拿你訂的東西，然後帶著誘惑的微笑遞給你檳榔。嚼檳榔後出汗與暈眩的快感則是完全的快樂。

這些檳榔西施以雙倍的價錢賣出檳榔，計程車和卡車司機則視為當然。檳榔西施通常散佈在看不到溫柔的鄉間，自由台北的市長則試著阻止她們在市中心營業。還有，賣傳統中藥的人把情慾當成促銷的工具，同時提供神奇的中藥及「輕裝」的女孩。最讓人驚奇的是，這些「性感女孩」也在婚禮甚至葬禮上出現！那通常是由汽車和卡車組成的車陣，其中一部車上是亡者的棺木，另一部是哭號的女人，在第三部車上，則可以看到跳豔舞的性感女郎。包括孩子們在內的觀眾群，顯然不認為，一場「桌上熱舞」的氣氛與對死者的哀傷有任何衝突。「家屬付許多錢給這樣的表演，才能讓許多人來參加葬禮並懷念亡者。」這是當地人所告訴我的。

因著窄小的空間，情侶或甚至是夫妻要有個獨處的地方，並不容易。直到上學年齡，孩子都還和父母親睡在一起。長久以來，MTV是個深受喜愛的，可以私密約會的地方。在包廂中依自己的喜好選擇要看的電影。不知從什麼時候開始有了檢查制度，包廂不再可以關門，檢查人員隨時可以進入，所以，情侶改到公園或KTV。KTV是有許多房間的建築，情侶或是親朋好友可在裡面唱卡拉OK，也可以點飲食，但是，服務人員依然可以隨時進來。不過，每個包廂中又有一個引人注意的，很大，且可以上鎖的洗手間。人們對Motel的需求已有好一段時間，可以相當便宜地在那裡築起愛之巢，三小時約三十歐元。缺點是離市中心較遠，需要自己有車。

相較之下，要找個好的餐廳就容易得多了。在飲食方面，台北有著地理上的優勢。日本、中國、韓國、泰國、美國、歐洲及台灣原住民的菜餚錯綜交織。台北有無數個餐館，甚至於焚化爐煙囪頂端都還有旋轉餐廳，叫做『摘星樓』。

對台灣人而言，食物與性之間顯然有某種緊密的關係。每上兩道菜就可以聽到，「這是特別對男人重要的食物」。這些地方上的珍饈，包括牛眼、幼蜂、燕窩、炸蟋蟀、鹿鞭、魚翅、海參、香菇、胎盤、未孵化的生雞蛋、人蔘、熊掌、鴨舌、海馬、尤其是蛇。週末在華西街夜市可以大開眼界：一條掛在繩子上面活生生的蛇，被人完整地將皮剝下來，滴在杯中的蛇血則提供觀眾品嚐。然後殺蛇人也取出蛇膽，把膽汁擠入杯中，黏黏軟軟的膠狀物據說很健康，能提高性慾；宰蛇的人還用筷子在他兩腿間清楚地示範。在他後面是些老饕就著露營的小桌子，正在喝蛇湯、龜湯。

不過，女人並不因此而快樂。Chang Mei-Ling，三十多歲，單身，讀羅馬語言學系並在法商公司工作。她說，高教育、好職業、高所得等等在男人身上加分的條件，在她卻成了減分；此外，她也長得相當高。但是，台灣男人要教育程度比太太高，收入比太太高，而且也要比太太高過一個頭。她自己或許也同樣這麼希望。而能夠符合這些條件的少數人往往有許多工作，所以沒時間去找另一半。

Chang Mei-Ling曾有過一次婚姻，她要小孩，但他不想要。他說要先賺到一百萬美金。他們很難得見到面，當她發現，他和女同事有曖昧的關係時，她便離婚了。「這裡所有的事情都是為了事業。」她說，「大部份的台灣男人都如此，一些人為了女人試圖改變他們自己，但一段時間以後他們便放棄了，因為他們覺得，女人從他們身上帶走了一些東西。」

當她還在孩提時，她的父母總是力圖打拼事業，家裡通常是長女負責照顧弟弟妹妹們。「這就是為什麼我們這麼伶俐和獨立。」她說，「因為我們是在沒有父母照應下長大的。」

下週，Chang Mei-Ling會參加一個「驅動旅行」。她的公司請最好的十二個員工去夏威夷。她還和家人住在一起，外出的活動就只是和客戶吃飯或去卡拉OK。她不像大部份坐辦公室的女人去逛街或買高價的名牌衣服，而是把薪水花在小豬毛絨玩具的收集及旅行上。去年她和母親到一個太平洋上的小島去渡假，住在五星飯店裡。

有一次她說：「你以為我們的社會是如此多彩多姿與自由？其實它只是看似如此，因為我們沒有根。我們的父母移民來台灣，卻沒有家的感覺，今天他們不再試圖去瞭解來由。我們都是孤兒，我們的孩子也會一樣。」她也說：「許多人工作到晚上十點，他們必須如此，是因為內心空虛，他們夢想在五十歲時存夠錢以便退休，然後死於無聊。」

台灣社會的差距與不同時代面貌並存的情形令人感到困惑。一種超現代，而讓歐洲顯得老態龍鍾的情形是，台北一半面積都已是無線區域網路的範圍，甚至在捷運裡也能收發電子郵件。台北市長要建造世界上第一個無線網路城市。許多人的手機有GPS系統，即使迷路了也可以從手機中找到方位。過馬路時，綠燈裡一開始有個小小的人閒適地走著，在他上面是倒數計時器，然後那小小人越走越快，直到最後像發瘋似地狂奔。

在許多計程車裡，你還可以在前座椅的頭靠上看電視，所以才不會浪費時間，就是講求效率。一個台灣人告訴我，她曾在德國參加婚禮。「妳覺得怎麼樣呢？」「真可怕。好像永遠不會完！」對她來說，甚至連婚禮都要講求快速。

有些餐廳中的桌子有電視螢幕，可以邊吃邊看百種節目。許多飯店房間裡的臥房和浴室用玻璃分隔。是要讓人從床上就可以看到美女入浴？不，正相反，你甚至可以從浴室或廁所裡看電視！

另一個驚奇科技是 508公尺高的台北101，它擁有每小時 60公里，世界上最快的電梯，在幾秒內就可以抵達80層樓高，你卻沒什麼感覺。電梯內有壓力平衡的裝置。

「我們必須一直是最好的」，Chang Ming-Lei簡單明瞭地做評論。台北101是依照風水理論建築而成的，那是以傳統原理避免無形沖煞的知識。根據這樣的知識，入口和出口處不可相對，否則就會有訪客進入大樓後又立刻出門的風險。根據風水理論，居住在路沖的大樓中是很不好的，可是對一樓的商店卻有好處。轉化負面的影響是把八卦鏡掛在窗上。台灣人很小心，儘量避免生活上不好的事情發生。街上到處是監視器和緊急紐，大部份的陽台裝設鐵欄杆，不過有個居民對我說，發生火災時，這些鐵欄杆卻讓人無法逃走。這人還說，八卦鏡的作用就像光線，可以轉移不好的東西或反射回去。

台北101由每節八層樓的節段所構成。八是中國人的吉祥數字，四是不吉祥的，所以沒有四樓。台北101看起來像是一節節垂直重疊內插的竹子，中空而有彈性，卻仍然堅固，象徵堅毅與進步。內部有個660噸重的鋼球，地震時會晃動卻不斷裂。就像在風中佇立的竹子。

我不斷聽人說：「只有懶惰和孩子多的是窮人。」這個超資本主義社會裡，在店前燒錢的那些人也是個驚奇點。這種錢不是真正的鈔票（註：就是金紙啦），而是看起來像錢的紙鈔。他們在商店前的鐵桶裡燒紙錢，祈求好財運。不久之前出現所謂的「環保紙錢」，煙較少，但賣價也就更貴。

在資訊科技產業大本營的台北，有許多孔廟、道宮和廟宇，這些往往也是取得神諭的地方。和瑞士教堂不同的是，年輕人也來廟宇。例如週六中午，許多帶著Gucci或LV皮包的年輕女人在購物前到廟裡來，供上鮮花和訂婚餅。這裡也有管姻緣的神，女人就在那裡求籤求問她們的未來。

有一晚我到一個廟裡，在廟前有一種可以行駛的神龕。「神過生日的時候，把神放進車裡，到處開著走。」有人這麼告訴我，「現在神在中國大陸，明天回來，到時候會有遊行。」

第二天的遊行是個盛大的熱鬧場面，有鞭炮、紅色孟加拉火把，可行駛的、裝飾燈光的電子琴，閃爍不停的強光、煙火、鈸、鼓、吵雜的擴音器。神是彩色的木雕，坐在左右晃動的長轎子裡，被抬著到處走。轎子有刺眼的霓虹燈管，電源是由一個在後面推著的，發出難以忍受噠噠聲的發電機所提供。范、謝兩人通常是廟裡的守護神，在遊行隊伍裡卻成了主角。

謝，有張黑臉。范，有長長外吐的舌頭，而且身體高得讓打扮成他的人只能從衣服上的洞向外看，並且要挺胸，以頭來保持平衡。這兩人的外表可由民間傳說來解釋：范、謝曾約好在橋上相見，謝早到了，在等候時，因看橋下的水身體失去平衡而跌入水中。當范抵達時，發現他的朋友早已死去。痛苦之餘，范用雙手勒死自己。這是為何他的舌頭吐出這麼長來，而謝的臉在水中成了黑色。台北人說，這兩人夜裡帶著鐵鍊在艋舺附近巡邏，看到了小偷就把他們吞掉。艋舺一帶的犯罪率的確比其他地區低。

台北有好些紀念國家英雄的地方，中正紀念堂和國父紀念館也在其中。這兩個建築物內有巨大的廳堂和大於常人的塑像，塑像前面站有衛兵，塑像四周空曠，彷彿讓不朽
者和平常人的生活有了適當的距離。令人驚訝的是，居民如何對待這種強烈要求展現崇敬的地方！

只要在整個城市還相當安靜的清晨五點去到紀念館，會突然看到某種型態的嘉年華會。從許多不同的擴音器傳出進行曲、嘻哈、國樂、鄉村、探戈等等不和諧的刺耳聲音。有的團體練太極拳，有的練劍，有的就在晨曦中跳社交舞。一對銀髮夫婦互丟粉紅色飛盤。這裡有幾百個人。有人穿和服，有人穿得像啦啦隊，也有人穿像唱饒舌歌的人，有特大的褲子和鴨舌帽，背後還印著「Gung Fu New Fashion very good」。好多人都已經上了年紀，他們對我說：「你猜猜我幾歲？」大多數人的年齡看起來比實際年輕一半。也有年輕人練習目前最流行的薩爾薩舞。這些熱鬧場面都發生在台北101底下。上班族穿西裝打領帶，急行穿梭在練習功夫和太極拳的人群中。沒有人去組織這些活動，有的人雖規律地來參加，團體卻也常有異動。

七點，衛兵踢著正步出現。他們在國歌聲中升旗。霎那間每個人都停下來，做敬禮姿勢。幾分鐘後，紙傘舞、有氧舞蹈、搖滾、氣功等又再度開始。石雕的、青銅的孫逸仙（也就是「國父」）正坐在公園四處，恬淡地看著這一切。

在忠烈祠每天都有十五分鐘守衛換崗的精彩節目。結尾部份，他們像機器人一樣僵直而機械化地把槍支互拋好幾次，每一個接手都是精準而完美，是種穿制服的水上花式表演。然後他們站在平台上一個小時，像雕像一樣完全不動，連眼也不許眨。有時助手幫他們擦汗或拉正肩飾。

這些守衛都是軍人。有個士兵告訴我，台灣有兩年的兵役期，只有成績好的會被選出來，訓練半年，每天從早上八點到下午五點。然後在這裡站四個月，換另外一個地方，再站四個月。練習的時候常常出事，特別是拋槍的動作。不久前有人傷了前額。最危險的是刺刀，兩個月前有個新手甚至削掉了一隻耳朵！有了疤痕，就不可以站在台上了。做錯了，怎麼辦？「如果是小錯誤，必須面壁一小時。如果沒接到槍，假期就會被取消。」必須在太陽下一動也不動地站好幾個鐘頭的時候，都想些什麼呢？「儘量想些美好的事情。」

在一個下雨的午後，我去拜訪了Peng Wu Chih，他是台灣著名的太極和中國功夫教鍊之一。Andy Hug也曾經是他的學生。

他原本是醫生，後來改學中醫，最後專注於亞洲各種武術。他是功夫大師LiuYun-Qiao（蔣介石的首席護衛）的最後一個學生，在Liu Yun-Qiao生命中的最後幾個月照顧他，而Liu Yun-Qiao在最虛弱時也只能用筷子教他。

快速太極是Peng Wu Chih的一個專長，他強調，原始太極並不像現在的龜速慢移，而是快速的。在餐廳中主菜和點心之間的空檔，他在桌子旁邊示範給我看。整套拳只花了幾秒鐘就完成。Dr.Peng喜歡速度，也因此而成名。在我們上車之前，他說：「扣緊安全帶，我開車像007」。這當然是有那麼點誇張。他談到「氣」──生命的力量，說：「冥想不是從世界撤回，而是留在那裡。對手需要兩秒，你必須在半秒內便完成。再忙，也不可失去中心點。」有次他握住我的手腕，不緊實，但我感到那無窮的力量，就像是踩下法拉利的油門：只要願意，他可以在瞬間殺了我。

一個他的學生說：「在第一堂課他告訴我說：我要殺了你！他也做到了！在這堂課裡，我的內在死了，他毀了我的價值觀。武術最重要的是謹慎專注，所以你必須擺脫你的過去。」

Peng Wu Chih 以一個小故事結束談話：「兩個人死了，上帝問他們，希望來世有什麼？第一個說：我要有許多錢！第二個說：我要給許多錢！第一位轉世成為一個乞丐，第二個成了百萬富翁。」

我在五月一日尋找示威的群眾，卻徒勞無功，這裡沒有工人示威這回事。台灣是新自由主義者的夢想，不久前都還沒有失業保險（因為幾乎沒有失業人口──至少官方是這麼說）、沒有健康保險、沒有退休保險、沒有社會福利。每件事都由家人自己安排。有些人甚至把一部份休假「送」給公司。建築法規似乎也不太明確。對於建築師而言，台北既是夢想也是惡夢，因為什麼都可能（女人手提包形態的建築。業界的高潮！）。

雖沒有工人示威，卻恰巧是中共國家主席胡錦濤在華盛頓期間，所以台北法輪功有個遊行活動。這個亞洲最大的精神性組織，在中國是被禁止的。

最近有個醫生公開說，他曾在中國的一個集中營裡工作，數萬名法輪功成員不但必須做苦役，有些還被活生生地把器官取出來賣掉。

是反中國的宣傳嗎？無論如何，這樣的新聞嚇壞台灣人，也讓他們記得，自己的富裕生活不時遭受威脅，就像是站立在懸岩上的小花園。直到十年前台灣仍有比中國還高的國防費用，但今天中國卻有台灣三倍之多。600枚飛彈指向台灣，每年還要再加上75枚。只要台北在「正式獨立」的禁忌議題上有一個政治上錯誤的用字，或許在北京就會有人按下紅色按鈕。

最近中國付給太平洋的小島諾魯一億五千萬美元，讓他們放棄台北而和北京建交。台灣很難跟得上，只能試著在正式關係之外，讓自己（特別在經濟上）無可取代。這就要花更多的精力並且也是寂寞的工作。

最後一天我們開車去「兒童育樂中心」，那是種亞洲華德迪士奈樂園，是一個美麗的、花了相當多錢建造的地方，卻看不到遊玩的兒童。一個都沒有！「現在的小孩喜歡在家玩電腦」，一個管理員告訴我們。另一個則說：「大部份的孩子晚上都還有課。」門口守衛說：「父母沒時間帶孩子來。」在回程的路上我捕捉到一個景象：無人的遊樂場中，一個穿著西裝的男人坐在鞦韆上打著手機，而雨滴也開始落下。

IE瀏覽器十大防駭秘技

2007-03-03T22:44:00.000+08:00

引用網址：網路巨變光世紀: IE瀏覽器十大防駭秘技

http://big5.ccidnet.com:89/gate/big5/security.ccidnet.com/art/1099/20070227/1025781_1.html

針對IE的惡意修改、攻擊方法非常多，本文仲介紹的十種反黑技巧，一定會對你有所幫助。

1.管理好Cookie

在IE6.0中，打開“工具”→“Internet選項”→“隱私”對話方塊，這裡設定了“阻止所有Cookie”、“高”、“中高”、“中”、“低”、“接受所有Cookie”六個級別(默認為“中”)，你只要拖動滑塊就可以方便地進行設定，而點擊下方的“編輯”按鈕，在“網站地址”中輸入特定的網址，就可以將其設定為允許或拒絕它們使用Cookie。

2.禁用或限制使用Java程式及ActiveX控件

在網頁中經常使用Java、Java Applet、ActiveX編寫的腳本，它們可能會獲取你的用戶標識、IP地址，乃至密碼，甚至會在你的機器上安裝某些程式或進行其他操作，因此應對 Java、Java小程式腳本、ActiveX控件和插件的使用進行限制。打開“Internet選項”→“安全”→“自定義級別”，就可以設置 “ActiveX控件和插件”、“Java”、“腳本”、“下載”、“用戶驗證”以及其他安全選項。對於一些不太安全的控件或插件以及下載操作，應該予以禁止、限制，至少要進行提示。

3.防止洩露自己的資訊

缺省條件下，用戶在第一次使用Web地址、表單、表單的用戶名和密碼後，同意保存密碼，在下一次再進入同樣的Web頁及輸入密碼時，只需輸入開頭部分，後面的就會自動完成，給用戶帶來了方便，但同時也留下了安全隱患，不過我們可以通過調整“自動完成”功能的設置來解決。設置方法如下：依次點擊“Internet選項”→“內容”→“自動完成”，打開“自動完成設置”對話方塊，選中要使用的“自動完成”復選項。

提醒：為發安全起見，防止洩露自己的一些資訊，應該定期清除歷史記錄，方法是在“自動完成設置”對話方塊中點擊“清除表單”和“清除密碼”按鈕。

4.清除已瀏覽過的網址

在“Internet選項”對話方塊中的“常規”標簽下單擊歷史記錄區域的“清除歷史記錄”按鈕即可。若只想清除部分記錄，單擊IE工具欄上的“歷史”按鈕，在左欄的地址歷史記錄中，找到希望清除的地址或其下網頁，單擊滑鼠右鍵，從彈出的快捷功能表中選取“刪除”。

5.清除已訪問過的網頁

為了加快瀏覽速度，IE會自動把你瀏覽過的網頁保存在緩存文件夾“C: /Windows/Temporary Internet Files”下。當你確認不再需要瀏覽過的網頁時，在此選中所有網頁，刪除即可。或者在“Internet選項”的“常規”標簽下單擊“Internet 臨時文件”項目中的“刪除文件”按鈕，在打開的“刪除文件”對話方塊中選中“刪除所有脫機內容”，單擊“確定”，這種方法會遺留少許Cookie在文件夾內，為此IE6.0在“刪除文件”按鈕旁邊增加了一個“刪除Cookie”的按鈕，通過它可以很方便地刪除遺留的。

6.永遠不怕IE主頁地址被修改

眾所週知，修改IE默認主頁地址是惡意網頁常用的一招。IE被修改後，會自動連接到惡意網頁的地址。大家常用的方法是修改註冊表，其實，只要簡單給IE加個參數，就再也不害翴E主頁地址被修改了。下面是具體的方法和步驟。

首先，打開“我的電腦”，找到IE的安裝目錄，這裡假設你的IE安裝在C: /Program FilesInternet Explorer下。進入該文件夾，找到Iexplore.exe文件，對著它點擊滑鼠右鍵，在彈出的快捷功能表中選擇“發送到→桌面快捷方式”，這樣就在桌面上建立了一個Iexplore.exe文件的快捷方式。如果你夠仔細的話，你會發現你建立的這個快捷方式名字為“Iexplore.exe”，而桌面上原來的IE快捷方式名字為“Internet Explorer”，兩者不僅名字不相同，而且“內涵”也不盡相同。

繼續我們的工作，用滑鼠右鍵單擊該快捷方式，選擇“屬性”，會彈出 “Iexplore.exe 屬性”對話方塊，選擇其中的“快捷方式”標簽，然後在“目標”框裏填入："C:/Program Files/Internet Explorer/IEXPLORE.EXE" -nohome，給Iexplore.exe加上參數“-nohome”，輸入時請大家注意在參數“-nohome”前面有一個空格，不要忘了，輸入完畢。點擊“確定”退出即可。

這樣即使主頁被修改也沒有關係，打開IE就是一片空白，就連about:blank也不顯示。而且這樣能夠加快啟動速度，一點IE窗口馬上就出蹦來了。

對於IE在安裝時自己建立的快捷方式，我們無法為它加上上述參數。如果不信可以試試，用滑鼠右鍵點擊桌面上原來IE自建的快捷方式，選“屬性”，會發現“目標”欄、“起始位置”欄、“快捷鍵”欄和“運行方式”欄都是灰色不可選取狀態。這就是它們之間最大的不同!也是本文的關鍵所在。

7.挖出IE本地安全配置選項

在IE中可以通過點擊“工具→Internet選項→安全”來設定電腦安全等級，之後會出現。從圖中可以看出，在安全性設定中我們只能設定Internet、本地Intranet、受信任的站點、受限制的站點。不過，慣於隱藏其部分功能的微軟(真不知微軟是怎麼想的，老和我們玩“捉迷藏”遊戲)，在這裡又留了一手：其實這裡還有一個隱藏的選項——就是“我的電腦”的安全性設定，如果你想看到它，可以通過修改註冊表的方法來達到目的。

下面是具體的方法：打開“開始”功能表中的“運行”，在彈出的“運行”對話方塊中輸入Regedit.exe，打開註冊表編輯器，點擊前面的“+”號順次展開到：HKEY_CURRENT_USER＼Software＼ Microsoft＼Windows＼CurrentVersion＼Internet SettingsZones，在右邊窗口中找到DWORD值“Flags”，默認鍵值為十六進位的21(十進位33)，雙擊“Flags”，在彈出的對話方塊中將它的鍵值改為“1”即可，關閉註冊表編輯器。無需重新啟動電腦，重新打開IE，再次點擊“工具→Internet選項→安全”標簽，你就會看到多了一個“我的電腦”，在這裡你可以對IE的本地安全進行配置。

這個小技巧有什麼用呢?把下面的代碼保存為一個html文件，然後運行試試就知道了：

運行上面的html文件，會打開你的電腦中c:/winnt/system32文件夾下的calc.exe文件!而且IE沒有任何提示!即使在IE的安全設置中禁用ActiveX控件上述代碼也能工作!如果不是calc.exe文件而是其他惡意文件又會怎麼樣?如果是在你瀏覽的網頁中含有類似上面的代碼又會怎麼樣?真危險啊!

之所以會這樣是由於IE存在兩個可怕的漏洞：可本地執行任意命令，IE的 ActiveX安全設置可被繞過。在上述代碼中我們給IE指定了一個系統中並不存在的控件號("clsid:88888888-8888-8888- 8888-888888888888)，IE會試圖從codebase指定的地址去下載並安裝改控件。根據codebase於是IE找到了c: /winnt/system32/calc.exe，接著IE開始“下載”並安裝該程式。由於calc.exe是EXE文件，這樣就等於是在運行該文件，所以calc.exe就被運行了!

那麼為什麼IE在“下載安裝控件”過程中不提示用戶，也不應用IE安全設置中的限定進行檢測呢?這就是IE的ActiveX安全設置可被繞過漏洞造成的!其主要原因是IE安全設置都是針對非本地的頁面或交互的，對於本地的安全設置 IE是最大信任的。如果你注意看IE的安全設置，都是對Internet和Intranet上WEB伺服器而言的，根本就沒有對本地文件的安全設置。概括說來就是IE對本地安全採用最大信任原則。

解決的辦法就是我們在開始說的那個技巧：挖出挖出IE本地安全配置選項，即修改IE安全設置中有關“我的電腦”的設置，選定後，禁用ActiveX下載就萬事大吉了。

8.在DOS下打開“Internet屬性”窗口

有時在瀏覽了某些惡意網頁後，會導致IE的“Internet屬性”對話方塊無法打開，這時我們可以在DOS窗口下輸入：RunDll32.exe shell32.dll,Control_RunDLL inetcpl.cpl命令，就可打開IE的“Internet屬性”對話方塊。要注意“Control_RunDLL”的大小寫以及它前面的逗號(,) 不要忘記了。RunDll32.exe是Windows動態鏈結庫(DLL)管理工具，可以用來在命令行下執行動態鏈結庫中的某個函數(或者功能模組)。

RunDll32的使用方法如下：RunDll32.EXE ，要注意以下幾點：

（1）Dllname(就是制定DLL動態鏈結庫所在位置和文件名)直接不能有空格；

（2）Dllname和entrypoint兩者之間只能以“,”(逗號)分隔，逗號之後不能有空格，如果這裡出錯的話，你不會得到任何提示；

（3）optional arguments動態鏈結庫調用參數，這個參數對大小寫是很敏感的，注意不要寫錯。

9.解除IE的分級審查密碼

有些時候，我們的IE會被人修改為設有分級審查密碼，一旦被設置了分級審查密碼，即使重新安裝IE也是沒有用的。怎麼辦呢?難道要格式化硬盤?千萬不要!這裡我有一個好辦法，幫您解決這個問題。

進入註冊表，找到HKEY_LOCAL_MACHINE＼Software＼ Microsoft＼Windows＼CurrentVersionpolicies＼Ratings，這裡有一個名為“key”的主鍵，這就是您設置的分級審查密碼，直接將它刪除即可。重新啟動之後，點擊“工具”→“Internet選項”→“內容”→“分級審查”，您會發現分級審查密碼已經被復位了。現在您只要輸入新的分級審查密碼即可。

如果你用的是Windows 9x則更簡單了，到C：＼Windows＼system目錄裏找到rating.pol文件，要注意這是一個隱藏文件，直接將它刪除就可以解決問題了。

10. 預防網頁惡意代碼

許多惡意網頁為防止有人查看其代碼內容，採取了各種各樣的方法求防止我們查看其源代碼。然而，他們的一切努力也許都是白費心機。因為用如下的方法可以輕易地查看其源代碼。只要在IE地址欄中輸入View-Source：URL即可。舉個例子，你想查看搜狐網站hxxp://www.juntuan.net的源代碼，只要在IE地址欄中輸入：View-Source:hxxp： //www.juntuan.net，稍等一下就會彈出一個窗口，裏面就是你想看到的網頁源代碼。趕快仔細看看，裏面是否有更改註冊表或暗中下載文件的惡意代碼，如果有那就別進該網頁了，很簡單吧？這樣做不僅可以學到別人的網頁製作技術，更可以事先預防惡意代碼，一舉兩得！

使用表格排版3:儲存格排版

2007-02-27T12:28:00.000+08:00

您有辦法完成如下面表格一樣的排版方式嗎？

左上 123 1	中上 123 1	右上 123 1
左中 123 1	中中 123 1	右中 123 1
左下 123 1	中下 123 1	右下 123 1

也許有人一開始就沒有辦法讓文字貼在儲存格的上邊界與下邊界，您可以點此看看如何讓文字貼近儲存格的九個位置

如果您知曉如何佈局了，卻無法知道怎麼樣做才可以讓中間這一排的欄位既靠左又至中，哪麼請點此閱覽相關的製作動畫

熟析如何善用儲存格的排版屬性與一般DIV的排版屬性加以配合，就可以讓自己的表格排版更具活力。

[轉載]HTML文檔中meta標籤的作用

2007-02-23T22:31:00.000+08:00

轉載網址：http://blog.blueshop.com.tw/formosa/articles/1813.aspx

訊息來源：blog.csdn.net

meta是用來在HTML文檔中類比 HTTP通訊協定的響應頭報文。meta 標籤用於網頁的＜head＞與＜/head＞中，meta 標籤的用處很多。meta 的內容有兩種：name和http-equiv。name內容主要用於描述網頁，對應於content（網頁內容），以便於查詢引擎機器人尋找、分類（目前幾乎所有的查詢引擎都使用網上機器人自動尋找meta值來給網頁分類）。這其中最重要的是description（網站台在查詢引擎上的描述）和 keywords（分類關鍵詞），所以應該給每頁加一個meta值。比較常用的有以下幾個：

name 內容

1、＜meta name="Generator" contect=""＞用以說明生成工具（如Microsoft FrontPage 4.0）等；

2、＜meta name="KEYWords" contect=""＞向查詢引擎說明你的網頁的關鍵詞；

3、＜meta name="DEscription" contect=""＞告訴查詢引擎你的網站台的主要內容；

4、＜meta name="Author" contect="你的姓名"＞告訴查詢引擎你的網站台的製作的作者；

5、＜meta name="Robots" contect="all|none|index|noindex|follow|nofollow"＞

其中的內容說明如下：

設定為all：檔案將被檢索，且頁面上的連結可以被查詢；

設定為none：檔案將不被檢索，且頁面上的連結不可以被查詢；

設定為index：檔案將被檢索；

設定為follow：頁面上的連結可以被查詢；

設定為noindex：檔案將不被檢索，但頁面上的連結可以被查詢；

設定為nofollow：檔案將不被檢索，頁面上的連結可以被查詢。

http-equiv內容

1、＜meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80"＞

和＜meta http-equiv="Content-Language" contect="zh-CN"＞用以說明主頁製作所使用的文字以及語言；

又如英文是ISO-8859-1字集，還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字集；

2、＜meta http-equiv="Refresh" contect="n;url=http://yourlink"＞定時讓網頁在指定的時間n內，跳轉到頁面http;//yourlink；

3、＜meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT"＞可以用於設定網頁的到期時間，一旦過期則必須到伺服器上重新呼叫。需要注意的是必須使用GMT時間格式；

4、＜meta http-equiv="Pragma" contect="no-cache"＞是用於設定禁止瀏覽器從近端機的緩存中調閱頁面內容，設定後一旦離開網頁就無法從Cache中再調出；

5、＜meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT"＞cookie設定，如果網頁過期，存盤的cookie將被刪除。需要注意的也是必須使用GMT時間格式；

6、＜meta http-equiv="Pics-label" contect=""＞網頁等級升等職稱，在IE的internet選項中有一項內容設定，可以防止瀏覽一些受限制的網站，而網站的限制層級就是通過meta內容來設定的；

7、＜meta http-equiv="windows-Target" contect="_top"＞強制頁面在目前的視窗中以獨立頁面顯示，可以防止自己的網頁被別人當作一個frame頁呼叫；

8、＜meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion=50)"＞和＜meta http-equiv="Page-Exit"

contect="revealTrans(duration=20，transtion=6)"＞設定進入和離開頁面時的特殊效果，這個功能即FrontPage中的「格式/網頁過渡」，不過所加的頁面不能夠是一個frame頁面

公雞勸架！！

2007-02-12T21:08:00.000+08:00

只能說：「妙！真妙！」

使用表格排版2：儲存格魔咒

2007-02-08T10:07:00.000+08:00

將資料轉換成網頁格式的麻煩

一般來說，幾乎所有使用word的人，在使用表格時，都會用拖曳的方式來調整儲存格。當然，這在所見即所得的看法來看相當妥當。不過這樣的方便性，卻也造就了在轉換格式的時候產生了不方便的結果。

我們常常遇到，客戶使用word建構出來的資料，在word中的排版多半都屬於A4等，以紙張為準的排版方式。基本上，當你使用拖曳來調整表格的時候，都會自動鎖定成絕對單位，因此當要轉換成HTML時，又要在東拉拉、西拉拉。幾乎可以算是要再整個重新畫過一次了！

甚至可以說：乾脆重畫比較快！

這幾乎是美工的痛，客戶建構好的word資料，不管應用於平面設計或是網頁設計，都得重新在畫一次。為什麼要放棄客戶建構好的表格，而選擇重新建構會比較快？以網頁設計的觀點來說，因為要在客戶建構好的表格中重新排版，讓視覺上符合HTML，並不光是靠拖曳就能解決，有時候，在客戶建構好的複雜表格中修改排版時，你會在IE瀏覽器碰到像下列的狀況：

這儲存格明明還有很大的空間，文字卻偏偏被擠到這麼小的空間來!!

會發生上面的狀況，是因為兩欄儲存格加起來的總寬度，小於整個表格的總寬度，因此，視覺上整個表格還是會放大兩欄之間的空間，但實際上，儲存格的內容卻被儲存格的寬度設定所限制，只能呈現在被壓縮的範圍中。這個例子的解決方法還算簡單，只要用拖曳的方法，去拖曳兩欄之間的寬度，軟體就會自動幫你把兩者間的矛盾處裡好。但事實上，如果發生在極為複雜的表格中，就沒辦法這麼輕易的解決了！

以網頁版型來說，我們鮮少透過轉換的方式來建構網頁版型，但仍舊不能忽略，儲存格長寬設定與表格長寬設定之間的關連性。

使用Dreamweaver來適當的解決資料表格轉換的麻煩！

在Dreamweaver中可以透過特別的方式來轉換Office所建構的表格資料。

貼上特殊效果：

這個指令在「編輯→貼上特殊效果」中，它可以讓你選擇，要保留從word帶過來的樣式，還是最低限度的樣式就好。

匯入表格式資料：

如果今天要匯入的是Excel的資料，他的表格架構比word來的更麻煩，這時就可以先讓Excel轉換成文字檔，然後再交由Dreamweaver的「檔案→匯入→表格式資料」來處裡。

上面兩個辦法都可以讓你經過選擇，匯入較為陽春，但又不破壞整個表格結構的表格資料，在調整的同時，受限不會比原來的大。

不沉的戰艦－日本軍艦島

2007-02-06T15:01:00.000+08:00

軍艦島由來

日本長崎市高島町的端島，位於距離長崎港西南方約19公里的海洋中，海岸線接近直線的形狀。因其外觀形似加賀級戰艦「土佐號」，令人聯想到海上要塞，故被稱作軍艦島。甚至還有二次戰時時期，美軍潛艦誤把端島當作戰艦而發射魚雷這樣的小故事，而事實上是鎖定了煤碳搬運船。

約在十九世紀在端島發現了煤的存在，在1890年由三菱財閥所有之後，開始作為海底採煤基地。由於軍艦島屬狹長型的島嶼，腹地並不寬闊(東西長160米；南北長480米)，在颱風來臨時容易被海嘯波及，因此在周圍填海造地。島內圍繞著約10米高的岸壁，用來抵禦海嘯；而鋼筋結構的高層公寓和各種設施林立。以當時來看，整個島嶼的建築，可以算是集結了先進技術的「近未來都市」。

軍艦島內除了採煤設施以外，也有住宅、學校，更有店鋪、病院、寺院、電影院等設施，具有相當成熟的城市機能。而軍艦島在1960年代，島內人民高達了5627人，是當時東京特別區人口的九倍之多。

但也在同一個時期，由於日本的能源革命的影響，國內主要能源開始由煤換成了石油，雖然軍艦島在1965年又開了新的煤坑，一度恢復了生氣。但在1970年代的能源政策引響下，軍艦島於1974年1月15日宣佈封島。當時約2000不到的居民於4月20日漸次撤離，至今都是無人島的狀態。巧合的是，這個時期正好是日本高度發展時期的最末期。

軍艦島與我

我沒出過國，自然沒去看過軍艦島，而我第一次知道軍艦島，是在youtube的一個1981年，由日本公共廣告機構所製作，以軍艦島資源問題為主的廣告(廣告已被移除)。那個廣告給我的印象相當的強烈，乍看之下，畫面中那些斷垣殘壁。跟惡靈古堡2所營造的廢城如出一轍(就差沒僵屍)。讓我想深刻的去了解，曾經在這邊生活的人的情況，因此，便花了些時間，找了些相關網頁。

皇天不負苦心人，沒想到可以在google找到很多軍艦島的訊息，而當然也可以找到軍艦島的往日風光，照片相當的多，雖然沒辦法放大觀賞，但卻讓我ㄧ飽眼福。也讓我透過了照片，跳進那個年代。體會裡面的居民生活的情況，上高中的小孩得坐渡輪上學(島內學校只到中學)，颱風來臨時的海嘯高度比岸璧還高，打進島內的瞬間，在狹窄的島內舉辦豐年祭什麼的，及最後封島，居民在校內操場排列人文字(再見)的字樣。

那可以算是一個世外桃源，雖然地處狹隘，但那裡也有很多小小的幸福；雖然人口密集，空間有限，但更能隱約感受到舊時代人跟人之間的互動。

由於那些東西都是日本的網頁，如此重視智慧財產權的國家，自然沒辦法在這一篇PO很多相關的圖片，以下提供一些照片或影片的網址，讓有興趣的人可以去點選閱覽。

Smooth E電視廣告

2007-01-31T20:34:00.001+08:00

這是一個三十八歲的泰國電視廣告導演塔諾在（Thanonchai Sornsriwichai）主導的洗面乳廣告，故事是敘述一個女孩被他的爸爸當作男生養，因此除了沒有氣質以外還滿臉痘痘。而有個蜈蚣般的記號在手臂上的男孩，將是她命中注定的因緣，但因為長得不美所以無法說服那個男生喜歡他，因此進行了一次大改造....

這樣麻雀變鳳凰的故事基礎，並不那麼有創意。但整齣廣告的流暢度與喜感，如果不讓劇中的美容師，不斷的提醒用這個洗面乳有多好（包括那陰魂不散的箭頭），很快就忘記這到底是幹什麼的廣告。

平民認同取代了明星崇拜，人味沖淡了商品化，真誠的情感比花俏的廣告文案更受歡迎。塔諾在不斷地用虛構的廣告形式，再現日常生活的感動，用資本主義工具反資本主義。塔諾在相信，成功的廣告必須對社會付出關懷：「如果你對生活在這個國家的人們一點都不關心，你是不可能成功地賣出東西。資本主義總有潰敗的一天。」

因為看了這個廣告，想買來用用看的，這裡有個使用這個洗面乳的試用報告，可以看過再斟酌喔。

第一集

第二集

第三集

第四集

外務上班族必備~線上辦公室特輯

2007-01-24T14:55:00.000+08:00

由於網路頻寬的增加，以及AJAX的熱門。越來越多的網站開始提供了功能性的服務，這些服務目前看起來陽春，且令人不太習慣，但卻也讓整個使用電腦的時代又更踏入了一個新的紀元。今次整理幾個對於上班族絕對不可或缺的服務，如果能善用這些服務，相信可以增加數十倍功力喔！

個人化首頁

對於不再喜歡首頁被綁在yahoo等入口網站的重度上網者，個人化首頁可以自訂自己的首頁，看是想放天氣，還是看某些網站提供的RSS服務，或是放張會隨時更換美麗的圖片等，個人化首頁提供了相當自由的窗口。速度快，沒有多於無用的資訊，是個效率倍增的好服務。

有提供服務的網站：netvibes、MSN Live、Google、Zoho......等(皆須登入才能使用)

網頁版即時通訊

這個網頁可以提供MSN，YAHOO，ICQ與美國線上AOL的及時通訊連線，亦可同時登入，可以做基本的傳訊動作，至於傳檔或是表情訊息等就不支援。

有提供服務的網站：mebbo

線上Word、Excel

如題，您不需要再仰賴OFFICE軟體，可以指藉由瀏覽器來編輯Word或是Excel了，不過功能有些陽春，但基本的插入圖片，製作表格等，都完全具備。目前介面都以英文為主，也可以將本機的word或是excel上傳至此，不過通常來說都會發生問題(畢竟不是所有的功能都支援，所以會造成問題)

有提供服務的網站：Google、Zoho......等(皆須登入才能使用)

線上Powerpoint

同樣藉由強大的AJAX支援，終於讓線上powerpoint的可能性成真了！可以設定投影片的背景，也有預設的排版樣式，也有各種圖形框可以放置。還不能做出轉場動畫，而且僅能在網頁上播放，介面一樣也以英文為主，也可以上傳本機的ppt檔案。不過通常來說都會發生問題。

有提供服務的網站：Zoho、SoapBX......等(皆須登入才能使用)

線上修圖

對於手上暫時沒有影像軟體時的急救包，將本機圖片上傳到伺服器之後，就可以做旋轉、裁切、縮放、色調、飽和度、亮度對比調整等功能。英文介面

有提供服務的網站：shipshot、pixoh、PX8N

Clara Collins 服裝作品網站

2007-01-22T08:51:00.000+08:00

http://www.claracollins.com/

這個網站主要陳列巴黎時裝設計師Clara Collins的多樣作品，整個網站以類似看書的方式，可以翻頁閱覽這個設計師的作品外。其實這個網站獨特的魅力之處，就是在翻閱每一本書的時候，透過畫面右上方的快速翻頁鈕，把書的每一頁都當作是動畫的一個影格來播放！簡單的說，就像是小時候，在課本的頁角畫上火柴人跑步動畫一樣！

也由於這樣的快速翻頁功能，使得就像在看動畫書一樣的新奇有趣外。每張照片拍攝角度的用心，讓你可以感受到，網站企劃在規劃這樣的網站時的創意與美感。

JavaScript 不等於 Java

2007-01-17T17:16:00.000+08:00

JavaScript

是一種基於對象的腳本語言。網景通訊公司最初在它的Navigator 2.0產品上設計並實現的，原名LiveScript。目前已經在WWW上廣泛用於動態Web頁面的程式語言。

Java

Java，是一種可以編寫跨平臺應用軟體的物件導向的程式設計語言，它最初被命名為Oak，作為一種小家用電器的程式設計語言，用於解決諸如電視機、電話、鬧鐘、烤麵包機等家用電器的控制和通訊問題。由於這些智慧型家電的市場需求沒有預期的高，Sun放棄了該項計劃。就在Oak幾近失敗之時，隨著Internet的發展，Sun看到了Oak在電腦網路上的廣闊應用前景，於是改造了Oak，在1995年5月以“Java”的名稱正式發佈了。Java伴隨著Internet的迅猛發展而發展，逐漸成為重要的Internet程式設計語言。

JavaScript並非Java

JavaScript是由網景通訊公司（Netscape）最初在它的Navigator 2.0產品上設計並實現的，原名LiveScript，除了句法上有一些相似之處以及都能夠提供網頁中的可執行內容以外，JavaScript和Java是完全不相干的。

JavaScript並不簡單

實際上儘管JavaScript是作為一種給非程式設計師提供的腳本語言而不是給程式設計師提供的程式語言來推廣和宣傳的，但是JavaScript是一門具有非常豐富特性的程式語言，和其他所有的語言一樣複雜或者更複雜，你需要對JavaScript有紮實的理解才能用JavaScript執行比較複雜的任務。

所以，javascript就是javascript，他不是java，更不是CSS

[轉貼]用 CSS 於連結後面加 icon (與副檔名相關小圖)

2007-01-14T09:43:00.000+08:00

原始文章在http://plog.longwin.com.tw/programming/2007/01/14/css_attach_icon_hpyerlink_2007

通常連結是 <a href ...>, 但是都沒法一眼看出, 到底是一般連結還是某種類型的檔案(除非滑鼠移到連結上, 看檔名), 拜讀兩篇文章, 用 CSS 去判斷副檔名或 class name 來給他小圖.

以下參考自兩位 CSS 大師的文章:

使用 CSS 於連結後面加入 icon 的方法如下:(此為我的範例)

a[href $='.pdf'] { padding-right: 18px;background: transparent url(/images/icon_pdf.gif) no-repeat center right; }
a[href $='.doc'] { padding-right: 18px;background: transparent url(/images/icon_doc.gif) no-repeat center right; }
a[href $='.xls'] { padding-right: 18px;background: transparent url(/images/icon_xls.gif) no-repeat center right; }
a[href ^="mailto:"] { padding-right: 20px;background: transparent url(/images/icon_mail.gif) no-repeat center right; }
a[class ="popup"] { padding-right: 18px;background: transparent url(/images/icon_popup.gif) no-repeat center right; }
a[class ~="popup"] { padding-right: 18px;background: transparent url(/images/icon_popup.gif) no-repeat center right; }
a[class ="external"] { padding-right: 18px;background: transparent url(/images/icon_external.gif) no-repeat center right; }

a 後面能夠有以下幾種判斷法:

[foo] -- Has an attribute named "foo"
[foo="bar"] -- Has an attribute named "foo" with a value of "bar" ("bar")
[foo~="bar"] -- Value has the word "bar" in it somewhere ("blue bar stools")
[foo^="bar"] -- Value begins with "bar" ("barstool")
[foo$="bar"] -- Value ends with "bar" ("I was at the bar")
[foo*="bar"] -- Value has bar somewhere ("I was looking for barstools")

記得加的時後, icon 要準備好 :)

在新版blogger中插入flash

2007-01-12T11:11:00.000+08:00

本文以youtube為例：

從youtube獲得的原始碼如下

<object width="425" height="350">
<param name="movie" value="FLASH位置"></param>
<param name="wmode" value="transparent"></param>
<embed src="FLASH位置" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed>
</object>

修改後可讓blogger插入的原始碼如下

<object data="FLASH位置" type="application/x-shockwave-flash" width="425" height="350">
<param name="movie" value="FLASH位置"/>
<param name="wmode" value="transparent"/>
</object>

紅色字的部份即是插入swf的檔案位置
紫色字的部份則是影片的長度與寬度，如果你插入的不是youtube的影片，這裡也會有所不同
其他影片網站的插入原始碼也差不多，對應的FLASH位置跟長寬修改，多半都能夠使用

Opera mini 3.0 讓手機看網頁更輕鬆

2007-01-10T15:44:00.000+08:00

Opera簡介

簡介取自http://zh.wikipedia.org/w/index.php?title=Opera&variant=zh-tw的節錄

別人看報紙雙手超忙，我只用大拇指就能綜覽新聞。

Opera起初是一款挪威Opera Software ASA公司製作的支持多頁面標籤式瀏覽的網路瀏覽器，支持多種作業系統。Opera還有手機用的版本，在2006年更與Nintendo簽下合約，提供NDS及Wii遊樂器Opera瀏覽器軟體；也支持多語言，包括簡體中文和繁體中文。

Opera聲稱自己為「世界上最快」的瀏覽器，多年以來一直保持著世界第一的稱號！此外還具備了瀏覽區域大瀏覽區域大、多功能且小巧、高靈活性、高定製度、高安全性等優點。

不過由於Opera嚴格執行W3C網頁標準，不支持其它擴展標準和ActiveX，不支持某些只對IE相容的頁面，這樣瀏覽器安全性高，相容性低。以致閱覽一些網站無法順利顯示。

之前曾經撰寫過"CSS是什麼：對應多種瀏覽格式"關於網頁設計的變革，也不只一次提過Opera瀏覽器的好用，如果Opera對於各家網頁相容性更高的話，也許我也會捨棄用firefox，改用Opera呢。

專為低階手機而誕生的http網頁瀏覽器 Opera mini

Opera為手機做了Opera Mobile™ 與Opera Mini ™，其中Opera Mobile™是針對高階手機而誕生的瀏覽器，由於在下不是很有錢的人，因此只能跟你們介紹可以安裝在低階手機的Opera Mini ™ ，只要是彩色手機，且門號可以GPRS連線，就可以用手機在網路中衝浪了。又，無緣使用、又想一窺手機上網的感覺的朋友，可以按這裡試玩Opera mini模擬器。

網頁的內容跟報紙一樣，內容複雜而且主題很多，即使你點選閱覽新聞內文，卻也仍舊有很多雜七雜八的相關聯結在頁面中。在電腦中你可以靠適當的排版來做主客區分，但手機的畫面更小，只能靠上下關係來區分重要內容與次要內容。如果你只使用表格排版的話，在手機上看起來將會破破爛爛。相關的說明，可以參考"CSS是什麼：對應多種瀏覽格式"一文。

3.0版新功能：縮編相同屬性的內文

前面提及，手機閱覽只能靠上下關係區分主客關係外，由於手機記憶體有限，有時候甚至一張網頁的內容，在手機上看起來是長的不得了！比方yahoo新聞安全帶繫腋下視同未繫罰1500元一文，在新版的Opera min3.0，會把大量相同屬性的內文"縮編起來"。這樣可以更快速的閱讀網頁的主要內容，使用起來也更加人性化。

不過，由於判別的效果有限，有些應該要縮編的內容並沒有縮編。我想這是因為由於 xhtml 的向下相容規範使得沒辦法完全具備XML的優點，因此還沒辦法可以做到盡善盡美。我看見縮編功能之後在我心中想到的，是可以自由選擇我要打開哪一類型的樹狀類別，的一個使用者自由的閱讀權利。

RSS訂閱功能與相片發布部落格功能

RSS基於XML為要求的語言，是一套可以讓小容量裝置也可以輕鬆閱讀的格式，因此Opera mini也加入了RSS訂閱功能，不過，由於各家網站的RSS呈現定義不太一樣，當我訂閱Engadget Chinese RSS時，他的RSS內容居然讓我的 nokia6010記憶體不足而無法完全閱讀完! 但是用來看yahoo奇摩新聞的RSS是相當足夠的。

Opera mini也可以跟你的手機相機功能連動，讓你可以透過手機把你拍的相片發佈至部落格，不過僅限於在Opera的部落格才能上傳，不知道以後可不可以支援更多的部落格。

使用感想：相當優良的階段性軟體

在還沒有更好的手持式瀏覽網頁方法以前，Opera mini可以算是不錯的網頁瀏覽器了，如果網頁設計師能夠思考到這一個層面來設計網頁，我想對於使用手機上網應該是件很舒服的事情才對。

[轉載]CSS的明確性(Specificty)

2007-01-06T18:28:00.000+08:00

原始文章：http://www.htmldog.com/guides/cssadvanced/specificity/

如果你對某個標籤元素，設定了兩個（或更多）具有衝突的CSS設定，瀏覽器會去遵循一些基本的規範，來決定使用哪個CSS設定。

這個看似不是很重要，而且在大多情況下，你並不會碰到這樣的衝突。但當你的CSS設定規模漸漸變得越來越大，越來越複雜時；或者開始修改舊版本的CSS檔案時，就有可能發生衝突了。

如果選擇符(selectors)都一樣，那麼後者的選擇符將優先於最先的選擇符。像以下的範例，如果你這樣設定：

p { color: red; }
p { color: blue; }

p標籤的顏色屬性將會是藍色，因為遵循了『後者優先』的規則。

然而，你不會選擇使用衝突宣告效果一樣的選擇符（因為那裡沒有大量的點），讓衝突完全合理的發生。不過，當你使用了巢狀選擇符，於以下的例子中：

div p { color: red; }
p { color: blue; }

也許看起來p標籤是置於div標籤內時，p標籤的顏色將會是藍色。依照『後者優先』看起來是這樣，但事實上他們會選用指定為紅色的第一個選擇符。基本上，更具體的選擇符，所造成的衝突才是本文要談論的主題。

實際上，選擇符個別都持有一個優先值。基本上，如果你使用的是id選擇符("#id名稱") 他的優先值是100；每個類(class)選擇符(".類名稱") 的優先值是10；而HTML標籤選擇符（任何HTML名稱）的優先值是1。當使用更具體的選擇符的時候，依照上述的數值將之總和，就可以得到該選擇符的優先值了。

p ：的優先值是1（1個html選擇符）
div p ：的優先值是2（2個html選擇符；1+1）
.tree ：的優先值是10（1個類選擇符）
div p.tree ：的優先值是12（兩個html選擇符與1個類選擇符；1+1+10）
#baobab ：的優先值是100（1個id選擇符）
body #content .alternative p ：的優先值是112（1個html選擇符，id選擇符，類選擇符，html選擇符；1+100+10+1）

所以依照上面列表的範例，div p.tree（優先值12）的優先權就高於div p（優先值2）；body #content .alternative p（優先值112）的優先權就高於上述全部的範例。而不會依照『後者優先』的規則。

灌水文：新年快樂

2007-01-02T19:50:00.000+08:00

看101煙火祝各位2007新年快樂

出處網址：http://www.taipei-101.com.tw/fireworks/index.htm

[自創]在blogger中使用「延伸閱讀」按鈕

2006-12-29T17:07:00.000+08:00

因為blogger都會在列表頁中完整呈現每篇文字的內容，在舊版還可以靠國外網站來幫忙，但新版就沒版法了，不過還是有很多大大提供了很有效的方法，但是卻都還是要去動到HTML原始檔，頗為麻煩。

因此，就在不動到html的前提之下，自己做了個「延伸閱讀」的解決方法。優點就是不用去冒險修改html原始碼，但缺點是這個方法要在列表頁全部讀完之後才會開始有作用。因此，有興趣的人可以繼續看下去。

進入管理頁面
到「範本」管理介面
在「網頁元素」頁面中，的頁面底部，點選「加入網頁元素」
再跳出來的小視窗中，選擇「HTML/JavaScript」
在新增「HTML/JavaScript」的頁面下，加入以下程式碼
<script language="javascript" type="text/javascript">

</script>
藍色字的區塊填寫你的網址（包括最後的斜線），而綠色字則是容器的高度
點選「確定」之後即可觀看結果

這個作法是使用CSS的overflow屬性，在blogger中的html架構下，有用到class名為「post-body」的div標籤，將其顯示範圍加以限制，並在有用到class名為「post-footer」的div標籤下找到超連結後，加入「延伸閱讀」的按鈕。因此，並不需要動到html原始碼架構

由於剛寫出來沒多久，可能會有例外情況產生，而且也有文章開頭前面所說的，要等到頁面全部讀取完才能做動的缺點，因此把此原始碼分享，希望能給各位有能力的大大們，可以找到更兩全其美的方法。

區塊互動變色

2006-12-24T18:17:00.000+08:00

呈現的結果

這段文字的區塊會變色

原始碼如下：

<style type="text/css">
.chcolor:hover{background:#FF0000;}
</style>
<div class="chcolor">這段文字的區塊會變色</div>

不一定都要用div標籤，事實上，只要套用這個class的任何標籤都可以產生作用

這是套用class="chcolor"的超連結

這是段普通文字，這裡的文字又套用了class="chcolor"屬性，這裡又是段普通的文字

沒辦法使用html標籤的style屬性來定義

這個方法沒有辦法像一般都使用「style=""」來定義，得使用<style>定義來做才行。雖然步驟上有些麻煩，但在某些情況下還是會有好處的，請參考以下範例

呈現的效果

原始碼如下：

<style type="text/css">
.tableHover td:hover{background:#FF0000;}
</style>

<table width="100" border="1" cellspacing="2" cellpadding="2">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

只需要一個定義就可以讓九個儲存格都具有這樣的效果，這就是「包含選擇符」的效果。

靠邊區塊製作法

2006-12-20T16:50:00.000+08:00

新垣結衣：2001年，身為女子中小學生流行雜誌『ニコラ』的讀者的姊姊,說了「我不能參加了,所以你代我去參加」,結果在『ニコラ』模特兒應募中，獲得最優秀獎。

有些時候，需要在文章中使用輔助圖片，並放置在該段文章的左側或右側，雖然可以靠img標籤的align屬性來達成。但如果想要如右邊一樣，在靠邊的圖片下加註文字，那該怎麼做呢?

<div style="width:131px;float:right;margin:5px"><img src="圖片網址" width="131" height="87"/> 新垣结衣......</div>

解說：

得在該段文字的前面置入這張圖片與文字，並且將圖片與文字包覆在DIV標籤中，我們就可以使用CSS的float屬性把整個DIV物件置於整個HTML排版的右邊（float:right）或左邊（float:left），其下面的內容就會去遞補DIV標籤所空下來的區塊。

這邊要注意的是，使用float時，寬度（width）與高度（height）的設定很重要，以上面例子而言，為了不讓照片加註文字超過照片寬度，把DIV的寬度設的跟圖片一樣寬。而為了不讓DIV區塊與其他段落區塊的文字混雜在一起，範例中也設了margin屬性來區隔出與段落文字間的邊界距離。

與表格排版之間的差異性：

這樣的排版方法，與用表格（table）創造出來的排版方法的差異是：除了原始碼簡單明瞭以外，另一個好處就是這樣的排版具備了彈性的配置。可以應付任何寬度的螢幕來閱覽。您可以任意拖動網頁視窗的寬度。體驗一下這樣的排版所帶來的彈性配置。

[轉貼]用Firefox來寫blog吧！

2006-12-19T15:18:00.001+08:00

又有人為Firefox寫了一個超好用外掛，這個外掛的名字叫Performancing。它可以讓你直接從Firefox撰寫部落格文章，而且功能不輸單獨程式。平常Performancing只是Firefox狀態列上的一個小按鈕，但只要用滑鼠在上面按一下，就會蹦出一個功能完整的文章編寫器來，各式排版按鈕都一應俱全，並能直接加上Technorati標籤、傳送Trackback等。讓你不需再登入部落格的後台，就能夠直接發布部落格文章。

Performancing小檔案：

版本：1.3.5

支援Firefox版本：1.5~2.0.0

下載位址：http://tinyurl.com/y6tyu5

一次管理多個部落格

雖然Performancing只是Firefox的外掛，但功能很多。在右方的活頁標籤中，〔Blog〕活頁標籤能夠讓你一次管理許多部落格；而〔Categs.〕則是讓你管理文章的分類，至於最近所發佈的文章則會顯示在〔History〕中。〔Notes〕則是讓你在看到感興趣的事時，直接用Performancing記錄下來。這些活頁標籤能讓你更有效地管理文章的發佈。

支援多個外部網站功能

Performancing左方的功能按鈕中，還支援許多外部網外的功能，讓使用者能更簡單地使用外部網站的功能。你可以利用 Performacing推出的流量監視網站觀查自己部落格的人氣，也能夠直接搜尋 Technorati引擎，並能直接將目前頁面加入到del.icio.us書籤中。這些整合進來的外部網站，讓Performacing更為強大。

【文／Download!網路學習誌12月號】

轉載：基於XHTML標準的DIV+CSS佈局對於SEO的影響

2006-12-17T22:45:00.000+08:00

基於XHTML標準的DIV+CSS佈局對於SEO的影響

樂思蜀發表在十二月 14, 2006

前兩天發完《SEO參考：DIV+CSS三行兩列經典佈局》一文，不少朋友在MSN上問我，使用XHTML標準的DIV+CSS佈局對於SEO到底有什麼作用。這兩天簡單總結了一下，寫出來供參考。

　　XHTML技術問題請參考相關網站研究，下面說說在SEO方面的影響。

　　代碼精簡

　　使用DIV+CSS佈局，頁面代碼精簡，這一點相信對XHTML有所瞭解的都知道。代碼精簡所帶來的直接好處有兩點：一是提高spider爬行效率，能在最短的時間內爬完整個頁面，這樣對收錄品質有一定好處；二是由於能高效的爬行，就會受到spider喜歡，這樣對收錄數量有一定好處。

　　表格的嵌套問題

　　很多SEOer在其文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點一直沒有得到搜索引擎官方的證實。我的幾項實驗結果沒有完全出來，但根據目前掌握的情況來看，spider爬行Table佈局的頁面，遇到多層表格嵌套時，會跳過嵌套的內容或直接放棄整個頁面。

　　使用Table佈局，為了達到一定的視覺效果，不得不套用多個表格。如果嵌套的表格中是核心內容，spider爬行時跳過了這一段沒有抓取到頁面的核心，這個頁面就成了相似頁面。網站中過多的相似頁面會影響排名及功能變數名稱信任度。

　　而DIV+CSS佈局基本上不會存在這樣的問題，從技術角度來說，XHTML在控制樣式時也不需要過多的嵌套。

　　這雖然沒有得到確認，但還是建議使用Table佈局的朋友們，在設計時盡可能的不要使用多層表格嵌套，SEOer們在文章中說明了這一點，相信他們也不是沒有依據的。

　　速度問題

　　DIV+CSS佈局較Table佈局減少了頁面代碼，載入速度得到很大的提高，這在spider爬行時是非常有利的。過多的頁面代碼可能造成爬行超時，spider就會認為這個頁面無法訪問，影響收錄及權重。

　　另一方面，真正的SEOer不只是為了追求收錄、排名，快速的回應速度是提高用戶體驗度的基礎，這對整個搜索引擎優化及行銷都是非常有利的。

　　對排名的影響

　　基於XTHML標準的DIV+CSS佈局，一般在設計完成後會盡可能的完善到能通過W3C驗證。截止目前沒有搜索引擎表示排名規則會傾向於符合W3C標準的網站或頁面，但事實證明使用XTHML架構的網站排名狀況一般都不錯。這一點或許會有爭議，但樂思蜀本人保持這樣的觀點，有異議者可以拿三組以上基本同等品質的網站對比觀察。

　　我想，這樣的情況可能不是排名規則，最大的可能還是spider爬行網站時，出現以上差異導致收錄品質的不同。

　　畢竟廖勝於無，建議建站或改版的朋友們，技術許可的情況下，還是選擇DIV+CSS佈局為好。

　　PS：寫完才發現，部分觀點可能有些妄斷，有異議不要砸磚，到論壇交流，有話好好說 (^_^)

作者: 樂思蜀原載: 點石互動搜索引擎優化博客

歡迎訪問點石論壇： http://www.dunsh.org/forums/thread-2029-1-1.html 參與本文的討論。

被忽略許久的HTML標籤

2006-12-13T22:10:00.000+08:00

從網路上知道了這個網站後，瞭解了更多HTML語意標籤，也更瞭解了許多我們都沒注意到的HTML標籤。沒注意到的原因是，工具列多半都沒有這類標籤的按鈕，而這些標籤，有些也只有語意，並不會有什麼外觀上的改變。

如果您也是個跟HTML標籤苦戰的部落客，也許你可以從以下的介紹，找到一些很有用的標籤，這些標籤有些已經不建議使用，但在XHTML2.0還遲遲未到的今天，只要原始碼改起來方便，我認為，用用也無妨的。

<abbr>縮寫標籤：
: 當你會使用到一些，英文縮寫的英文字時，又想要加上這縮寫的完整意思，就可以使用這個標籤，使用的狀況如下
原始碼如下：
<abbr title="Incorporated">.Inc</abbr>
視覺效果如下（請將滑鼠滑過並等候一下）
.Inc
<acronym>首字母縮略字標籤：: 與上面的縮寫標籤不一樣的是，有些單字是用該句的所有字首所組成，就可以用這個標籤來表達其語意，其視覺效果與上方的<abbr>類似。
<big>大型字體與<small>小型字體：: 不被建議使用的標籤，其作用就是呈現大一級（或小一級）的字體。
原始碼如下：
<big>嘩！！</big>真<small>的</small>嘛？
視覺效果如下
嘩！！真的嘛？
<center>置中標籤：: 其效果就跟一般<div align="center">是一樣的，不過現在都不被建議使用了。
<cite>引證標籤：: 引述某人或是某書中的內容所用的語意標籤，其視覺標籤會有斜體的感覺。
<code>電腦程式碼：: 要呈現電腦程式碼時所使用的語意標籤，並不會有視覺上的效果。
<dl>定義式清單標籤<dt>下定義名詞標籤<dd>定義說明標籤：: 此三個標籤式共同使用的標籤，用來解釋名詞用的清單組合，其視覺效果就如這篇一樣。原始碼如下：
<del>刪除標籤：: 用來表示某段文字有誤用的語意標籤，其視覺效果，~~會呈現一刪除線於文字中央。~~
<fieldset>表單控制組與<legend>表單控制組標題：: 此兩種標籤是共同使用的標籤，用於群組表單所使用。
原始碼如下：
<fieldset>
<legend>身體情況</legend>
身高 <input type="text" size="3" />
體重 <input type="text" size="3" />
</fieldset>
視覺效果如下

身體情況身高體重
<sup>上標標籤與<sub>下標標籤：: 有些時候會需要用到此類方法來呈現某些事情，比方：^上慧_下能法師。

以下介紹的是表格相關的HTML標籤，其原始碼用法與視覺效果將留在下一篇補述

<caption>表格標題標籤：: 他可以在表格的最上層產生一個，專屬表格的標題區塊，視覺呈現會跟表格有所區別，是置中的區塊文字。
<col>表格欄位與<colgroup>表格欄位組：: 這兩個通常都是共同使用的狀況，他們可以定義縱列儲存格的相關視覺定義。
<thead>表頭內容組<tbody>表格內容組<tfoot>表尾內容組: 可以將儲存格以分組的方式加以分類，再視覺上並不會有什麼特別的效果，但在IE瀏覽器中，原本必須要完整讀取完<table>...</table>才會顯示在螢幕上，利用上述三種標籤可以預先呈現群組讀取完成後的內容。

blog用flash「鑽地小遊戲」誕生

2006-12-11T22:10:00.000+08:00

置入您的部落格的方法

遊戲再畫面的右邊，請各位試玩，有興趣帶回家者，將以下原始碼貼到您的部落格即可

<script language="javascript" type="text/javascript" src="http://www.engine.idv.tw/gamedb/gameWatch.js"></script>

全部的排行榜

使用表格排版1：結構對齊

2006-12-08T23:08:00.000+08:00

雖然這樣說很令人吃驚～向來不建議使用表格做網頁排版的我，今天這個標題實在可以上報紙頭條了。而「使用表格做網頁排版」系列，也並不是使用表格來做出合理的網頁排版。而是我們來借用表格，來解惑使用表格排版，會產生哪些不穩定的因素，以及要注意哪些設定事項。並且藉由表格，來讓大家對更正確的網頁排版方式有更明確的概念，未來，就可以更輕鬆的使用CSS排版，脫離table排版的魔咒了！

表格排版，要注意結構對齊

什麼是結構對齊，首先，我們必須要瞭解表格的HTML碼，表格的原始碼是HTML結構中最常見，最複雜的結構，因為多數網頁設計師都用表格排版，所以也算是也是讓HTML混亂的元兇之一。以下是表格不考慮所有屬性時，二欄二列的原始碼：

第一列第一欄第一列第二欄

第二列第一欄第二列第二欄

<table>
　<tr>
　　<td>第一列第一欄</td><td>第一列第二欄</td>
　</tr>
　<tr>
　　<td>第二列第一欄</td><td>第二列第二欄</td>
　</tr>
</table>

我們可以看見表格是用<table><tr><td>這三種標籤組合而成的，以下我們簡單的替這三個標籤做介紹

<table>表格父標籤：表格的最父層結構，他本身可以做到表格與頁面間對齊方式、欄內內距、欄內行距設定，邊框寬度與邊框顏色，整個表格的寬度還可以指定所有欄標籤背景色。
<tr>表格列標籤：表格的列結構，統整欄位高度，一般在看網頁的時候看不見他的視覺效果，但卻是使用表格排版時扮演最重要的角色。他可以控制所管轄的該列背景色，邊框顏色，背景顏色，背景影像，欄內對齊方式。
<td>表格欄標籤，表格的最小結構，主要目的是讓網頁設計師放置文字，圖案等作用，可以控制本身的邊框顏色，背景顏色，欄內對齊方式。

表格的欄標籤與欄標籤，列標籤與列標籤之間會相互牽制。所以沒辦法做出不對齊的列或是不對齊的欄。如右圖，雖然在一個表格中切的出來，但是卻沒辦法讓所有切好的欄位，都具有自己的寬度與高度，換言之，欄位們會各被所屬的列所牽制著，當超出指定寬度與高度時，整個版面即會破裂。

因此，要做出右圖般複雜的欄與列排版，就要使用很多表格來幫忙完成，我會先做一個四列一欄的表格，然後在第二列中，再置入一個一列五欄的表格，下面依次，第三列與第四列再各置入一個二欄的表格；再回到第三列的第一欄放入一個六列的表格，第二欄放入一個二列的表格。看不懂上面步驟說明的，這裡有影片可以讓您觀看我是如何建構右圖的複雜排版的。

網頁設計不難！只是很麻煩！

2006-12-06T19:25:00.000+08:00

要學會很多軟體應用，而且還是得碰程式碼才行

由於網頁具備多媒體效果，所以最少得學會二種軟體應用才算數：「網頁編輯軟體、圖片編輯軟體」，不過，如果你想要有更炫的效果，那你還得想辦法去學會：「向量動畫軟體，影像剪接軟體，影像效果軟體，3D動畫軟體」。

如果你想要自己做一個屬於自己style的留言板，抱歉～你得開始去學伺服器語言，學如何建構資料庫，等學會做出來了，才能開始去想怎麼裝飾你寫好的留言板。

歐！你還得去找有支援伺服器語言的伺服器；一般來說，現在免費網頁空間很難找。免費又有支援伺服器語言的空間更難找。只有國外的免費伺服器有在支援伺服器語言；而如果你想掛在國外伺服器，那麼你最其碼還要去解決伺服器語言編碼輸出的問題。

就算有網頁編輯軟體，製作網頁還是很麻煩

也許你看了上面的寫法後，你放棄要一個討論區或是留言板了，乖乖的用網頁編輯軟體來做一般網頁就行了……很抱歉耶，即使是這樣，你還是逃離不了原始碼的魔掌。

多數網頁初學者，使用網頁編輯軟體，在自己的電腦做好漂漂亮亮的網頁之後。總是會碰到這樣的問題：「為什麼網頁上傳了圖片卻看不見？」

會遇到這樣問題的人，一定沒弄懂「絕對路徑」跟「相對路徑」的關係，如果這層關係都沒辦法弄懂，即使你會用網頁編輯軟體，那想要做網頁設計絕對是難上加難。

不管是什麼樣的網頁編輯器，如果你不瞭解HTML語法的構成，那麼，光是排版，就老是會有一些：「莫名的空格」、「無法控制的高度或寬度」、「字體大小莫名的失控」。等小問題。這些問題產生的原因，不外乎就是太依賴工具按鈕的緣故，我常會看見網頁設計新手的原始碼，會長類似以下的樣子：

<font color="#ff0000"><font color="#00ff00"><font color="#0000ff">藍色字</font></font></font>

其實原始碼只要這樣就能達到一樣的效果：

<font color="#0000ff">藍色字</font>

太過依賴網頁編輯軟體的工具，就會造成多餘的html標籤的產生，因此就會有不可抗力的小問題產生，而這些小問題的解決方法，就只能仰賴檢視原始碼的方法找出來。

要有心理準備，才能學好網頁設計

就網頁排版來說，HTML本身就是個相當親和的網頁程式語言了，如果你連HTML都無心弄懂，想光靠FLASH就想要做自己的網站就更是癡人說夢！因為，光是要在flash做一個超連結，就有四個地方讓你選擇，每個地方的寫法都還不一樣！

所以，你必須得先拋棄「光靠編輯軟體就能完成網頁設計」的心態，這樣學習網頁設計，就可以如倒吃甘蔗般，漸漸的體會其奧妙的。

即將消逝的HTML標籤

2006-12-01T21:00:00.000+08:00

簡述XHTML1.0

XHTML是當前HTML版的繼承者。HTML語法要求比較鬆散，這樣對網頁編寫者來說，比較方便，但對於機器來說，語言的語法越鬆散，處理起來就越困難，對於傳統的電腦來說，還有能力相容鬆散語法，但對於許多其他設備，比如手機，難度就比較大。因此產生了由DTD定義規則，語法要求更加嚴格的XHTML。

在XHTML1.0，只是個過渡階段的版本，並沒有開始對已經是不良結構的標籤大加撻伐，但已經開始建議（或是刪除）不可以使用以下標籤（標示常用的）：

<b>粗體標籤：仍舊可以使用，但建議用<strong>，具有語意的標籤替代。
<i>斜體標籤：仍舊可以使用，但建議用<em>，具有語意的標籤來替代。
<u>底線標籤：不可使用，欲使用底線，只能用CSS的text-decoration:underline來顯示。
<br>強制斷行標籤：不可使用，需補上結尾符號，改寫成<br />
<hr>水平線標籤：不可使用，需補上結尾符號，改寫成<hr />
<img>圖片標籤：不可使用，需補上結尾符號，改寫成<img src="....." /> 另外，每個img標籤都必須要含有alt屬性，屬性內容可以留白
<a>超連結標籤的target屬性：target屬性及代表超連結被點擊時，指定開啟的視窗框架，講明白一點，就是再也不能製作開新視窗的超連結了。

XHTML2.0草案

XHTML 2.0 的第一個工作草案於 2002 年 8 月 5 日發佈，一大新聞就是取消了向後相容性，換句話說，使用XHTML為基礎的網頁，就無法使用以下的標籤：

<b>粗體標籤：用<strong>，具有語意的標籤替代。
<i>斜體標籤：用<em>，具有語意的標籤來替代。
<br>強制斷行標籤：在XHTML1.0建議的補上結尾符號<br />也一併不支援，改用具有結尾標籤的<line>替代。
<h1>到<h6>章節標籤：改用單純的<h>標籤代表，然後用<section>標籤來區分重要性。
<a>超連結標籤：在XHTML2.0將會完全的功成身退，在XHTML裡的所有標籤都將可具備超連結的功能（href屬性），比如：
<em href="http://tw.yahoo.com" >雅虎奇摩網站</em>
<p href="http://www.w3c.com">這是一個段落，點擊這個段落也可以啟動超連結</p>
<img/>圖片標籤：這個標籤也將被刪去，替代他的是也已經存在很久的<object>。使用 object 標籤的主要優點在於，它被設計成向下串連。換句話說，如果瀏覽器不能顯示一個特定物件，那麼它將顯示該物件的內容。例如，遇到下列程式碼片斷的瀏覽器首先試圖載入電影。如果載入電影失敗，則載入圖像。如果載入圖像失敗，那麼它只顯示純文字。
<object data="rides.mpeg" type="application/mpeg">
　<object data="rollercoaster.jpg" type="image/jpg">
　　　　Jack tries to expand his horizons on the racing coasters.
　</object>
</object>

現在擔心還太早

2002 年 8 月 5 日的 XHTML 2.0 工作草案中唯一可以確定的事就是不能確定任何事情。在現在的草案和被作為建議書採納的過程中，幾乎可以肯定它將在某些方面發生變化。又，已經累積上億頁的舊版html資料龐大，我相信各家瀏覽器一定盡可能的繼續支持向後相容，所以，新的XHTML最大受惠者，還是屬於記憶體較小，處理能力較差的小型瀏覽器（如：手機）。

CSS小技巧：文字邊框製作法

2006-11-29T16:15:00.000+08:00

過去~不熟悉CSS的人，想要特別的在一段文字上加邊框，非得使用格式較複雜的表格標籤來做，這篇特地的使用最簡單的方式，與各位分享如何簡單的在一段文字上加上醒目的邊框。

這個方法只要在可以支援HTML輸出的發布表格都可以使用。

文字上加邊框原始碼範例如下： <p style="border:1px solid #ff0000">文字加邊框</p> 呈現的樣式如下：
文字加邊框

解說：

我們先用了段落標籤<p>來包覆我們要強調的一段文字，後在其後面加上 style的屬性，這是CSS用的屬性，然後在冒號與冒號間加上border:1px solid #ff0000。

border是CSS的邊框複合屬性，可以用最簡單的方式形成簡單的邊框樣式。border:後面的正確寫法如下

border:邊框寬度邊框樣式邊框顏色

邊框寬度我習慣用像素(px)來定義，比較好掌控；邊框的樣式請參考這裡的介紹，選出你喜愛的填到相對的位置上；而顏色請參照這裡，依樣選出你喜愛的填到相對位置上即可。

進階應用

如果想要文字邊框留點空白，讓視覺上比較好看，可以參考以下的寫法：

<p style="border:1px solid #ff0000;padding:10px;">文字加邊框</p> 呈現的樣式如下：
文字加邊框

由於留白這個動作不屬於border管轄，所以在邊框顏色的後面先加上分號( ; )，告知邊框的宣告已經結束，然後加上padding屬性，padding則是內距的快速屬性，用來控制區塊內留白，請參照此圖了解padding在區塊中扮演的角色。同樣的，我個人習慣用像素來控制留白的大小。

如果想要加上背景色來達到更強調的效果，請參考以下的寫法：

<p style="border:1px solid #ff0000;padding:10px;background :#eeffee">文字加邊框</p> 呈現的結果如下：
文字加邊框

與上面留白一樣，背景亦不屬於內距，也不屬於邊框所控制，所以在內距屬性的後面先加上分號( ; )，告知內距屬性宣告結束，然後加上background屬性，background是區塊背景的複合屬性。同樣利用上述說的色碼表來貼上自己喜歡顏色的色碼，即可完成。

想要一勞永逸的話...

經過上面由淺入深的說明，應該已經對這樣簡單的方法感到很有趣了，但是，如果一段文章內需要下很多這樣的樣式時，不免還是顯得麻煩，且維護寫過的文章也會變的比較不方便。

如這篇文章，我大量的使用的"引用"標籤(<blockquote>)來顯示範例，而且都有其專屬樣式，如果藉由上面的作法，那麼原始碼看起來將會相當的雜亂。

所幸，多半的部落格都提供了範本的設定，給你妳套用的範本原始碼讓你可以加上想加的東西，因此，我們也可以在範本中加上標籤專屬樣式，以後只需要簡單的打上標籤就可以美美的了。

一般來說，替網頁裡面的每個標籤加上樣式，都會在html中的<head></head>之間加上CSS原始碼，如我的部落格，替<blockquote>加上的專屬標籤如下：

<style> ........... blockquote { margin:1em 20px; display:block; padding:10px; color:#993333; border: 1px solid rgb(153, 153, 153); background: #ffffee; } .............. </style>

你會發現寫法與上面的範例完全不同，以下用中文解釋上面的寫法結構，以及套用最上面的範例會怎麼呈現。

中文解釋結構如下： <style> ........... HTML標籤 { CSS樣式屬性 CSS樣式屬性 ...... } .............. </style>

最上面的範例宣告於HEAD之間的方法如下... <style> ........... p { border:1px solid #ff0000; padding:10px; background :#eeffee; } .............. </style>

MS.dewey 杜威女士-真人交互式搜索引擎

2006-11-28T10:36:00.000+08:00

MS.dewey:為什麼還不開始搜索？

http://msdewey.com/ 實際上，這是一個微軟的交互式搜索引擎的demo，當你每用一次這個FLASH裡面的搜索條時，他就會秀一段，我曾經輸入過"game"，結果他就開始轉身拿搖桿打了一下電動。我還輸入了"error"，結果他居然拿了炸藥出來把一台電腦炸了!! 不過，並不是每次輸入關鍵的字就會有特別的行動，我"game"跟"error"這兩個關鍵詞又輸入了一次就不會有上述的動畫。而且，據說這每段影片都需要花時間讀入，因此頻寬不高的很有可能會等到吐血喔。服用前請各位注意這點。

CSS的缺點：它還是個小孩

2006-11-28T08:58:00.000+08:00

我曾經跟一位朋友討論CSS現在能帶來的效益不夠明顯，而這個結論也再昨天跟另一個朋友討論部落格的發表時得到了證明：即使CSS已經開始了第三代的研發，即使他的出現可以替美工與設計師之間溝通更加的簡單。但是，他帶給一般使用者的好處實在是不夠明顯。

各瀏覽器的支援差異

到目前為止瀏覽器共分為二大核心：Trident核心(IE系的瀏覽器)、Gecko核心(網景、FireFox系、與Opera瀏覽器)。

由於核心研發小組不同，自然對於HTML標籤的支援會有不統一的情況，但這個問題卻讓很多設計師大為頭痛，即使CSS為了協助HTML而登場，但仍舊受限於瀏覽器的支援不同，因此，在某種立場來說，反而讓網頁難度更加的困難。

所見即所得所帶來的方便與不便

過去只能用記事本來產生HTML讓許多人對網頁望之怯步，然後相繼推出了「所見即所得」的網頁編輯器，自此開始，製作網頁所需的專業技術門檻開始降低，大家就都用自己的眼睛來確認網頁的完整與排版，都寄望新的網頁編輯器，可以替自己帶來更強、更炫的網頁。至於原始碼結構的完整性變的就不重要。

說到這裡就不得不提Word軟體給人們帶來的好處，他跟網頁編輯器是很相似的東西，某些角度來說。Word可以做到的甚至比Html多。但Word沒辦法做到像Html+Css一樣，可具有彈性的外觀呈現。

相同排版的word檔與Html檔案，具有正確表述的Html格式的檔案可以比Word小六倍左右，原因就是因為Html必須受到網頁頻寬的考驗。因此正確的Html結構可以讓網頁呈現的速度更快。

但這一點，一般的使用者或是部落客卻很難感受的到，自己發的文章結構會對自己網站的速度有什麼影響。而事實上也是如此。

就部落客而言，他們發的只是文字或圖片的呈現，對於整個網頁的編排根本不需要去煩心。但如果有心的話，你可以發現，除了MSN Space以外，其他的部落格都採用CSS來排版，讓網頁呈現的風格可以更多樣，速度更快。你可以發現部落格都是先呈現預設排版後，才慢慢的讀取你文章的圖片....如果圖片有做過最佳化處理，不然一般部落格顯示文章的速度事實上都是一般快的。

日趨變快的網路頻寬掩蓋了結構的錯誤

現在，大多數的連線都是採用ADSL上網，下載速度低於1M的頻寬實在少之又少，這樣的頻寬可以更快的讀取更多東西，但相形之下，也掩蓋了錯誤的Html結構，產生檔案過大的錯誤。

所以一般使用者會認為，既然頻寬那麼大，還需要擔心錯誤的結構產生讀取過慢的問題嗎?

會這樣問的，一定只把範圍固定在「家裡上網」的民眾；我還記得我做一個幾乎都是FLASH的網站的時候，客戶不明究理的想要在網頁上加註「此網頁適合寬頻進入」的字樣，但不知道這樣是擺明拒絕低頻寬的網路瀏覽者。

我們再來提提台北市的無線上網WIFLY：

台北市WIFLY九月正式建置完成，為北市打造網路新都的重要里程碑。贏得二○○六智慧社區論壇（ＩＣＦ）的智慧城市首獎；接著再獲國際認證機構JiWire肯定，評定北市為全球最大公共無線寬頻網路城市，殊榮不斷。

即使是這麼令人感覺驕傲的無線上網，但其實它最大下載速度只有512KB而已，即使現在政府積極的開始要佈局比WIFLY更快的WIMAX(最大下載速度75M~移動時還能保持連線)，但最快也要五年之後才看的到成果，這五年之間，有多少人能夠忍受錯誤的HTML結構造成讀取過慢的網頁呢？

祈禱CSS快快長大

總之，現在CSS帶來的好處被上處的原因給覆蓋過去，還需要更嚴格更好用的XHTML規範才有辦法讓CSS的好處讓大家更為理解。這也需要製作網頁編輯軟體的研發商好好的想辦法來解決。大家一起祈禱讓CSS快快長大吧。

PICTAPS：會動的繪圖板

2006-11-24T16:22:00.000+08:00

網址：http://roxik.com/pictaps/ 這是個用FLASH做的向量繪圖板。除了有幾個簡單的繪圖工具以外，跟一般的繪圖板不同的是，他還可以設定骨架。然後，寫好名字送出之後，就可以看到你畫出來的東西出現在舞台上表演，然後一堆你畫好的觀眾(同一個人，這叫做自娛娛人嗎?）在台下歡呼。你畫好的人物都會有一個專屬的URL，比方我畫的這個。這樣就可以跟其他人一起分享了喔！骨架的設定有點困難，我畫了幾次之後才比較熟練，個人的小秘訣是：先畫好圖之後再去定骨架，會比較能夠發揮空間。

鎖右鍵？別傻了！

2006-11-21T21:20:00.000+08:00

防君子不防小人

常常有人希望，他們發表的內容不要被人家拿去利用，因此極力的想找尋一個防止盜用的語法。偏偏這樣的想法根本就是自欺欺人的，有這樣想法的人，也完全不知道網路瀏覽器是怎麼樣把HTML呈現再瀏覽者的面前。事實上，HTML本身只是個提示標籤，他是告訴瀏覽器一些純文字的內容而已；至於圖片，影像或是音樂，則只是告知該檔案的連結讓瀏覽器去抓取並且啟動。換句話說：「瀏覽器是把所有的網頁文字、圖片、影像與音樂，抓到瀏覽者的電腦裡面，才會開始順利播放的。」

用firefox或是opera就更簡單了，他們各有一種選項，可以把你正在閱覽的這一頁，所有圖片、影片、音樂物件列表出來喔

至於使用「鎖右鍵」的網頁，firefox與opera更可以特別的把右鍵感應關閉，這樣鎖右鍵的指令瀏覽器就會忽略掉。IE也可以透過自訂層級的方式把javascript的功能給關閉掉，來讓鎖右鍵指令失效。

Open小將 Web 店

2006-11-20T16:04:00.000+08:00

很難得台灣會有一個這麼完整的主題式FLASH網站，因此就來介紹給大家了。 Open小將（正確表記：OPEN小將，暱稱OPENちゃん）是台灣的7-ELEVEn超商形象代言玩偶（吉祥物），另有一系列相關人物和設定背景。由台灣的7-ELEVEn經營業者統一超商股份有限公司委託日本電通公司設計。如今常用於台灣7-ELEVEn的平面宣傳與廣告上，並有一系列週邊商品。這個網站正確的進入方法則是要從7-ELEVEn首頁動畫中，點選亂跑的OPEN小將，就可以看到所謂的WEB店其實裡面並沒有賣東西，它只是介紹OPEN小將的世界觀，人物，以及小小活動，比方新商品開發投票，OPEN小將廣告影片，以及，正值聖誕前夕，OPEN小將特別獻唱的聖誕歌曲，還有一些電腦用的MSN圖案，ICON，桌面等檔案。

小時候的電視廣告(日本篇)

2006-11-17T14:40:00.000+08:00

多虧了YOUTUBE

真多虧了YOUTUBE，讓喜歡看老廣告的我可以享受很大的樂趣。也放在這裡與大家共享。我並不是看經典廣告～而是從廣告中體會那個時代的社會風氣與環境：比方山本頭～挺到不行的墊肩洋服等..... 還有那個時候的廣告配樂，同一部廣告中的背景音樂會有音質的落差，還會有畫質的落差，還有只有文字與旁白敘述的廣告.....

我不得不承認，我對這種有點歷史的廣告到了著迷的地步。甚至不惜上班時間還是不停的看著這些影片

日本懷舊廣告的列表

物件導向簡介

2006-11-15T22:29:00.000+08:00

物件導向是程式設計的一種，多半採用在JAVA架構下的使用概念。我們將用簡單的用範例來說明什麼事物件導向，讓大家體會一下物件導向所具備的的直覺性假設今天我們要用物件導向的觀念使四個士兵敬禮

對程式來說，「士兵」就是一種「類(class)」。
士兵跟人一樣，有頭髮、五官、手、腳等一切的器官，「器官」就是一種「屬性」。
而「使士兵敬禮」是一個指令，這個指令通常代表著一連串小動作的集合：敬禮必須立正：『右手舉起，上臂舉起，與肩平行，小臂與上臂成45度，手掌成三指記號，中指尖至於眉尖，如戴帽時，則齊帽沿。（童軍論壇）』。因此，一連串的動作集合，在電腦中被稱為「函數」

因此，程式的寫法就會這樣

函數敬禮(對象){ 　　對象.右手＝舉起; 　　對象.上臂＝舉起，與肩平行; 　　對象.小臂與上臂角度＝45度; 　　對象.手掌＝三指記號; 　　如果對象.有帶帽子(){ 　　　　對象.中指尖＝齊帽沿(); 　　}否則{ 　　　　對象.中指尖＝至於眉尖(); 　} } 執行函數敬禮("士兵");

全部用中文寫，就很清楚了吧（笑）要先告訴電腦什麼叫做敬禮，所以要設定敬禮的函數然後就可以針對「士兵」這個「類」，執行敬禮的函數我們可以看見函數中必須定義所有的屬性的細部，才能完成動作，而事實上，人的所有動作，本身就帶著很多複雜的細部設定。物件導向方法是分析問題和解決問題的方法，其是依照我們人類真實的方法和思維來分析和解決問題。這樣子使得物件與真實世界有一個很直接的關係，不需要做任何的轉換就可以讓我們更易於所理解。

CSS是什麼：對應多種瀏覽格式

2006-11-11T17:14:00.000+08:00

你列印過你的網站嗎？

網頁可以用電腦的網頁瀏覽器觀賞，也可以藉由瀏覽器列印下來，但是，不是所有的瀏覽者都擁有一流的列表機。而有時候瀏覽者不想列印那些極盡華麗的圖片效果，瀏覽者列印時想到的是可以參考的資料與文字。

其實，很多網頁沒有辦法讓你完整列印頁面，比方左圖，這是瀏覽 Hinet 新聞網頁時，預覽列印與網頁瀏覽的比對情況。可以看見，預覽列印時右邊被消去一大塊， Internet Explorer 列印時不會把頁面內容與紙張做寬度處理，所以一旦超過紙張寬度就會列印不出來。

你用過手持式螢幕閱覽過你的網站嗎？

現在，即使是低價的手機，也都多半都開始具備可以上網的功能，我的手機 nokia6020 就可以看網頁，加上H業者的GPRS門號，及每月繳最多 249 元的月租費就可以無限上網看網頁，不過除了wap網頁以外，一般 http 的網頁，看起來就有如右圖一般（右圖是用Opera瀏覽器模擬小螢幕閱覽時，觀看 Hinet 新聞的網頁），像是被地震侵襲過一樣，破爛不堪。

或許有人會懷疑用手機看網頁會不會太小了，事實上，我常常在火車上用手機看新聞網頁。跟報紙比起來，手持式螢幕的文字大小不會比報紙小，所以閱讀起來不會很吃力。手持式閱讀文章只需由上往下、由左往右的閱讀，而不像報紙，為了將訊息塞入一張半版紙張中，產生很多種閱讀方法的排版。又，即使現在，有針對通勤族為目標，縮小報紙版面的蘋果爽報，但只需要用一隻手就能閱讀新聞得手持式螢幕，還是最輕鬆的閱讀方式。

對應多種瀏覽格式

CSS 可以定義樣式表，來針對不同的瀏覽器來呈現--這裡指的瀏覽器，不是 Internet Explorer、Opera 與 FireFox 等瀏覽器，因為這類用電腦觀看的瀏覽器本來應該看起來都要是一樣的感覺才對。

如同上面所言，我所指的不同瀏覽器，是列表機，或是手機等硬體設備。這類的機器給予人們的觀感不同，自然閱讀方法跟排版也應該要不一樣。

如何用同一個頁面，針對不一樣的瀏覽器時，呈現不一樣的顯現方式？在下只好拿出自己的劣作給讀著傷眼了：

電腦瀏覽器的樣式預覽列印的樣式手持式螢幕的樣式

減少製作成本的方案

台北捷運公司為了也可以方便站內朋友，除了有一般版的網頁以外，還有手持式 PDA 版的網頁，因此為了維護網頁，就得做兩次一樣的工作。然而，若採用CSS樣式來對應各種不同瀏覽器的話，維護網頁的動作就只需要一次。依此可以推測：對公司來說，長時間下來累積下來的人力成本，相比之下落差是很大的。

怎麼也打不死的特技人 Stunt Man

2006-11-10T20:28:00.000+08:00

比超人還要超人

網址：http://www.thestuntman.la/

也許是想強調特技人員的技術是很厲害的，因此這個FLASH特別強調特技人的『受身』技術：把「特技人」從玩具和拆下來之後，等候背景裝飾妥當，就可以開始摔他了！你可以使用滑鼠抓著他的袖口隨意的左右扔，也可以用鍵盤來快速摔他。個人玩過之後發現，用滑鼠不好摔，但用鍵盤會少了一點快感。由於都是用真實影片處理，不能做連續技，老實說一分半鐘有點摔不夠，而且每摔一次，就要看他好像蟑螂般的，拍拍灰塵當作沒事。我想可能是設計團隊故意這樣刺激玩家的吧！

目前試過全部共有約八種摔法以上，不曉得有沒有人試超過10種的？

在網頁上適合呈現的字體大小與行高

2006-11-09T15:39:00.000+08:00

範例

本篇將自己私密的撇步，與各位分享：網路上適合閱讀的文字大小，與相對應行高。請注意，此篇的範例乃是在windows系統下觀賞網頁所得到的結論，可能在其他作業系統下得到的結論不同

文字 11 像素大行高 22 像素

文字 12 像素大行高 24 像素

文字 15 像素大行高 30 像素

文字 18 像素大行高 32 像素

文字 22 像素大行高 44 像素

嚴格來說，字體大小沒有其規則可循，如果今天換算成字體高 (em) 的話， 12 像素的大小相對於 1字體高，請各位可以自行換算；而行高的定義的規則，則是用字體的兩倍，作為最適合閱讀的行高比例。

以上為自己做網站以來的經驗，歡迎各位不另指教與交流。^_^

附錄：簡單CSS設定字體大小與行高的技巧

首先必須先知道自己的分段習慣是使用什麼HTML標籤，一般來說都是P標籤做分段，我們就以P標籤為範例，做12像素大小與24像素行高：

<p style="font-size: 12px; line-height: 24px;>這是一個段落的文字<hr />然後強迫斷行來看其行高</p>

又，如果你會使用部落格或是網頁中的CSS設定區域，您也可以這樣指定CSS，即可省去每段都要加註的麻煩

p{ font-size: 12px; line-height: 26px; }

用Front Page幫您設定輕鬆設定行高

身為最得人心的FrontPage，當然也可以做到設定行高；你只需要再FrontPage中打好你的文件後，全選你的文件段落，然後到工具列選擇『格式→段落』即可看到左圖的介面，輕鬆設定行高。

體會澳洲海軍的一天：Navy Lifestyle

2006-11-08T13:23:00.000+08:00

網址：http://navylifestyle.defencejobs.gov.au/ 這個網站用類似即時戰略的遊戲畫面，以第三人的視點，讓你體會澳洲海軍的生活。網站分成兩大部分，一是可以追蹤船隻一年間的航行路徑，你可以指定其中一個船隻，跟著他一起航行。並且可以觀看船隻的資料與任務。另一部分則是可以深入船中，體會澳洲海軍一天的生活；你可以指定船上的任何地方盯著看，這時如果遇到例行事件還會跳出事件訊息視窗引起你的注意讓你去湊熱鬧。你還可以點選船上的船員，或是長官。得知他們的職位，與一天的作息。同樣的，你也可以選擇跟著他的作息然後看著他怎麼忙祿。

「從『停車場』到『楢山節考』」觀後感

2006-11-07T23:02:00.000+08:00

剛剛看了從「停車場」到「楢山節考」，心有戚戚焉。簡單的說，就是未來人口老化程度將更加嚴重，正如該篇網誌，『財訊月刊』陳耀昌醫師所提及的：因此，在三、四十年後，每個老年人所能分配到的醫療費用大大減少的債況下，安樂死的觀念將受到普遍認同，甚至「協助自殺」的觀念也有可能被接受。許多老人的生命末段，勢將草草結束，不似現在「奮鬥到最後一刻」。
三、四十年後.....不就正好衝擊到我們這個世代嘛？這讓我想起了大逃殺老人版《銀齡的末日》；本來對我來說他只是一種警示，看到了警示之後，總應該會像是『有人從未來告訴你該怎麼做，然後你就會避免掉災難』那樣就好。但李光耀一句話，倒是打醒了我：

「影響二十一世紀全球的安全與成長，最關鍵的因素，是人口結構（Demography），而不是民主政治（Democracy）。」

我想政府再怎麼能幹，都很難避免掉這場襲來的災難。也許，我們應該從現在開始好好管理自己的身體，最起碼到了那個時候，我們還能自己照料自己一直到死，畢竟未來的養老，將不如現在那樣令人感覺如此悠閒了........最起碼，我希望可以自己照料自己到死，而不要成為政府，或是兒女的負擔........

網頁上可以選擇的中文字型

2006-11-06T21:56:00.000+08:00

預設新細明體

繁體用標楷體

SIMHEI通用黑體字型

我想SimHei字型大家比較不清楚，他是unicode字型，因此適用於任何國家的文字，不過這字型不曉得為什麼特別難看。大概也是因為這樣所以不得人疼吧。

CSS是什麼：解碼CSS的敘述

2006-11-05T07:46:00.000+08:00

我們這次將CSS是什麼：HTML原始碼的優化方案中的CSS原始碼，用中文寫出來，讓大家了解CSS的寫法：

table_box的CSS原始碼：

原文： -------------------- .table_box { 　padding: 1px; 　height: 300px; 　width: 300px; 　margin-top: 0px; 　margin-right: auto; 　margin-bottom: 0px; 　margin-left: auto; } .table_box div { 　margin: 1px; 　padding: 0px; 　float: left; 　height: 96px; 　width: 96px; 　text-align: center; 　vertical-align: middle; 　line-height: 96px; } div { 　border: 1px solid #999999; }

中文化解釋： ---------------- class代號為table_box的標籤{ 內距：1像素; 高度：300像素; 寬度：300像素; 外距-上：0像素; 外距-右：自動; 外距-下：0像素; 外距-左：自動; } class代號為table_box的標籤下的div標籤{ 外距：1像素; 內距：0像素; 區塊浮動：靠左; 高度：96像素; 寬度：96像素; 文字水平對齊：居中; 文字垂直對齊：居中; 行高：96像素; } div標籤{ 邊框設定：邊框厚1像素實線像素#999999; }

詳細解釋

每個標籤都可以有自己的空間

CSS可以允許所有的HTML標籤可以擁有自己的空間區塊，因此，每個標籤都具有外框(margin)、邊框(border)、與內距(padding)屬性。在上面的原始碼當中，我們善用了外框屬性，來把table_box的大div，與被包圍在table_box裡的小div之間的間隔給區分開來，模擬出表格的外距。從上面的原始碼還可以得知：不管是外框、邊框、還是內距屬性，都可以個別以「上、下、左、右」設定其厚度大小，也可以統一設定屬性，這是傳統表格標籤中做不到的。

利用樹狀結構來重覆定義

HTML原始碼的構成是一種類似樹狀的排列方式，如下：

<html> <title></title> <head></head> <body></body> </html>

html的標籤中，包含了title標題屬性、head預先宣告屬性、body本文屬性。因此，html就是title、head與body的父層結構。感覺上跟你用wondows檔案總管時，介面左邊的樹狀表非常像。你可以想像：一個名為html的資料夾當中，放有title、head與body的資料夾。這就是我說得樹狀結構同理，我們再回來看，範例中div的原始碼：

<div class="table_box"> <div>1-1</div> 　 <div>1-2</div> <div>1-3</div> <div>2-1</div> <div>2-2</div> <div>2-3</div> <div>3-1</div> <div>3-2</div> <div>3-3</div> </div>

一個class屬性為table_box的div中含有9個小div，因此他就是這9個小div的父層結構。我們就利用了這個特性來定義CSS

.table_box div {......} class代號為table_box的標籤下的div標籤{......}

同理，我們也可以針對body以下所有的標籤定義CSS

div {......} div標籤{......}

嚴格定義

CSS中寬度與高度等數值定義必須嚴格設定，不然很難跨瀏覽器預覽--這當然也包括了列印模式與手機或掌上螢幕的瀏覽。如果做了不能跨瀏覽器瀏覽的CSS，我個人認為就失去了CSS的特性了。因此，即使很複雜，但還是試著去符合所有瀏覽器的特性，在製作上也可以比較有成就感一些。

CSS是什麼：HTML原始碼的優化方案

2006-10-31T21:27:00.000+08:00

難懂的HTML

雖然，HTML原始碼已經是最簡單的原始碼了，但很多人都討厭看原始碼，因為有太多太繁雜的設定涵蓋在裡面。其實，HTML碼繁雜的程度，不只人不想看，如果google、YAHOO搜尋引擎電腦程式，也可以選擇有選擇自主權的話，我想他也不會想看的。這次我們來用 table與DIV ，產生一組3×3矩陣格，來比對原始碼的解讀難度。各位可以看看，到底哪個你比較願意看。

產生的結果

我們先來看看用table與用div產生的矩陣格結果會是如何：

table矩陣格	div矩陣格
內置框架	內置框架

如範例，外觀顯示沒什麼特別的不同。

原始碼探究

再來我們來看一下table與div之間產生的原始碼：

table矩陣格

div矩陣格

結果根本就不用比，table的原始碼結構實在太多繁雜的內容了，比起來，div的原始碼乾淨又可以很快的看出是什麼內容。可是，這裡就產生了一個疑問，為什麼div不需像table一樣有很多繁雜的必須屬性呢？ div當然有很多繁雜的必須屬性，只是被CSS樣式表給替代了

只需設定一次，就可以無限套用的CSS

從上面的div原始碼得知，先是用一層div，包覆著九個div標籤；總共10個div標籤，只有最外圍有設定一個class屬性「table_box」，這個「table_box」則是一個識別代號。有了這個識別代號，就可以讓CSS針對其代號做屬性的設定。以下就是CSS針對「table_box」做的屬性原始碼： .table_box { 　padding: 1px; 　height: 300px; 　width: 300px; 　margin-top: 0px; 　margin-right: auto; 　margin-bottom: 0px; 　margin-left: auto; } .table_box div { 　margin: 1px; 　padding: 0px; 　float: left; 　height: 96px; 　width: 96px; 　text-align: center; 　vertical-align: middle; 　line-height: 96px; } div { 　border: 1px solid #999999; }

這樣比較起來，div的原始碼與table的原始碼感覺就一樣複雜了。不過，如果今天是要各做三組以上的3×3矩陣格，就能更清楚的知道哪個簡單哪個複雜了。

結論

對於擁有同樣屬性設定的html，只需用css設定一次就好了，其他的，只要設定class屬性，剩下的全部都不用在重覆定義，原始碼看起來更舒服，其實，對搜尋引擎來看，更能加速了解整個網頁的內容。多少對於關鍵字排名是有幫助的。

CSS是什麼：初步的認識

2006-10-30T22:43:00.000+08:00

直接以範例來讓初步了解CSS可以做到什麼樣子內置框架

紅白機的超級瑪莉歐盜用音樂！？

2006-10-29T08:45:00.000+08:00

消息來源

消息最初來自於all things mau，發表於2006年9月21日的文章。詳細內容是指任天堂紅白機的超級瑪莉歐地下水管關卡的背景音樂，與遊戲發售前六年（1979年）的Friendship裡的音樂十分相似其後有人真的找到了此張唱片比對，證實以此爆出了相當的討論，我到目前為止還摸不透到底是怎麼回事，有心的大大還請留言補述一下請按此觀看問題影片

會說話的圖片--SVG

2006-10-28T11:08:00.001+08:00

範例圖片

SVG已經被IE納為基本元件了，因此當你進來這一頁的時候，看見要你點選「同意啟用」的說明文字，安心的點選啟用就好了。不需另下載安裝程式。您如果看到這些文字及代表您沒有SVG PLUG-IN或是沒有啟動

SVG簡介

SVG乃是基於XML架構誕生的向量圖像語言，因此他也就具有「語意」，圖片上的文字是可以被選取的，所以自然也可以被搜尋。當然未來就可以被當作是資料而任意取用。跟FLASH一樣，可以做動畫，可以設定事件，也可以納入點陣圖。也許也因此，FLASH為了與SVG區隔，強化了RIA與資料庫聯繫，以及媒體播放組件。企圖與標準格式有所差異。

網頁標籤的誤用舉例

2006-10-26T21:53:00.000+08:00

前言

本篇我們將舉例「網頁編輯「人性」化」一文中所提及的

每個人利用相同工具產生出來的檔案，並不一定都是完全合理的格式。

來證實會產生此種錯誤的可能，並試著推理其原因。我們將利用左側報紙的主標題『研究腦科學兩岸競設中心』與次標題『清大腦科中心與美合作進行果蠅腦神經計畫港、大陸則首創華人大腦銀行』。將其在dreamweaver的網頁編輯器上予以正確的顯示。

舉例

如右圖，我們將標題與次標題分成了第1與第2的實驗組，和第3與第4的對照組。從外觀看起來皆相似的標題與次標題，各位可以想想看，如果是你，會怎麼利用畫面上的工具呈現標題與副標題？

如下圖，實驗組1的標題是利用屬性工具列的粗體按鈕[B]及字級32像素的文字作成

實驗組2的次標題則是利用屬性工具列的粗體按鈕[B]作成對照組3的主標題則是利用字體選項的「標題1」設定來作成對照組4的次標題則是利用字體選項的「標題4」設定來作成

探討-哪組才是最貼切的表達？

從視覺外觀來看，對照組跟實驗組都成功的以字體的大小來區別標題與次標題的重要性。然而，如果就html標籤來看，我們將得到以下四個語意：

為一行粗體強調且字級放大的文字
為一行粗體強調的文字
為一行標題等級為「1」的文字
為一行標題等級為「4」的文字

依此結果來看，實驗組1、2所呈現出來的語意，遠不及對照組3、4所呈現出來的語意來的貼切。可惜的是，我們無法證實，使用者會選用實驗組的操作方式；還是會選用對照組的操作方式，來建立網頁標題與副標題。這需要經過統計與抽樣才能得知原因。我們鮮少被告知選用工具與產生的電腦語意之間的關係與後果。而依照上面的實驗舉例來看，面對如此多樣的工具按鈕，依循視覺上的經驗，尋找最有可能的工具按鈕來依樣做出視覺的外觀。而並非依循語意上的經驗來選出適合的工具按鈕的可能性是有的。

縮放網頁--大螢幕觀賞網頁的救星

2006-10-25T20:33:00.000+08:00

我想有很多人跟我一樣，因為軟體有太多、太長的工具列，而不得不選擇較大的螢幕解析度的美編設計師。在觀賞大部分都是以1024*768為設計目標的網頁的時候，會不會有一種挑戰視力的感覺呢？

如果有的話，這個豆技巧第一回，就可以讓你好好參考了

用opera9.2以1280*1024觀看以1024*768為設計基準的yahoo奇摩網頁用opera9.2以1440*900觀看以1024*768為設計基準的yahoo奇摩網頁用opera9.2以1440*900全螢幕觀看以1024*768為設計基準的太郎電影部落格

這些圖片上傳的時候，flickr都做了適當的縮小，但是事實上這些畫面的截圖都是超過1024的寬螢幕畫面。透過opera的縮放網頁功能來把整個網頁給放大，我記得之前我在試用IE7試用版的時候，也有這個功能。但是做的不是很好，不知道正式版是否改進了

雖然這樣放大觀賞網頁，圖片看起來都會產生鋸齒狀，但是放大的文字閱讀起來甚是舒服。再者因為是整個網頁放大而不是局部文字放大，所以排版上也不會有很大的誤差，我個人算是很推崇這個功能的。

網頁編輯「人性」化

2006-10-23T21:16:00.000+08:00

緣起

今天用google 搜尋有關「部落格排版」的相關文章，然後拜讀了墳墓兄的「去你的 CSS 排版！」，心有戚戚焉，接著又跟者找了很多。比方老貓學出版的「傳統編輯對部落格新手的寫作建議：一個呼籲」；還有Jas9 Taipei. 的「網頁設計標記語言工具」；以及"資訊人權貴" 之家的「文書處理第零課: 放下對外觀的執著」。然後就有了些心得，跟各位共享。

寫給人看，也要寫給電腦看

計算機是基於邏輯推理的機器，經過長時間的進化，漸漸的能夠處裡較為感性的圖像。而過去沒有網路的日子，要搜尋、解析資料，都得從書紙上把化成圖案的文字，靠人腦去理解、整理後，將得到的理論用文字「畫」在書紙上。

網路的誕生，更加速了資料的流通，更方便了資料的重組。但是多半還是得靠人腦去理解與整理與彙整，失去了電腦最初誕生的原因--「協助計算與判斷」

原因就在於，網路所用的傳遞語言，長久以來都被錯誤的利用，使得廣大的內容都得在靠人力去重組。因為每個人對於網路編輯軟體工具的認知有所差異，每個人利用相同工具產生出來的檔案，並不一定都是完全合理的格式。

將資料用適當的格式呈現，可以讓電腦在解析資料的時候得以正確的分類，繼而讓整體搜尋能力向上提昇，而不會像現在的搜尋引擎一樣，搜尋關鍵字卻找到了一堆不相干的東西！

依此「資料、結構、樣式」分開表述的理論就誕生了，這也是DIV大戰TABLE的開端！！

雖然不夠人性化，但是多少還是懂一點吧！

而推行分開表述至今，仍舊無法根絕錯誤的TABLE使用。我覺得是因為過去錯誤的理解已經深深的成為了網路出版的排版理論，加上中小企業對於網路傳遞的不解與短視。讓資料的完整性計畫繼續被漠視著。

雖然css與xhtml已經是很簡單的標籤了，但仍舊不夠人性化，使得大家不太願意深入去了解也是原因之一。

可是請想像一下：未來我們老了，也許老到眼睛不中用了，只能用聽的的時候，聽取以前年輕的時候的網路出版品。赫然發現因為資料結構的錯誤，聽起來讓人吐血......多麼令人唏噓阿......

所以，就算是為了自己老了以後的回憶，請多少還是懂一點xhtml跟css吧。

Flock試用報告

2006-10-22T16:15:00.000+08:00

編寫部落格邊試用，我想是最能測試軟體的方式了吧(笑）

在充滿了眾人的期待中,「Flock」這個社會化瀏覽器。目前為0.7.1版，在經過各界的使用後, 大家對它褒貶不一, 但,「Flock」仍然有其特色, 因此在此介紹給大家。

社會化瀏覽器

您可以按此到官方網站，觀看動畫介紹，可以讓你更快速的了解Floxk的功能

Goston's Blog稱Flock為「社會化瀏覽器」。但我想，即使我更詳細的定義它為「網路社會瀏覽器」，各位應該還是會對此定義感到莫名其妙。（尤其對自己已經開始生活在WEB2.0時代還不知道的人）

所以我想直接來看看這個瀏覽器到底具備了什麼特別的特色，讓大家來看看是不是真的需要這樣的瀏覽器，繼而慢慢了解被定義叫做「社會化瀏覽器」的原因。

以前常常聽人問到：「怎麼在留言板貼圖？」、「怎麼寫超連結？」、「我的網站怎麼圖片都不見了？」。即使現在大家在用部落格，對於要引用別人部落格的圖片，或是電影官方網站的圖片等等。卻也還是沒辦法精確的直接引用在自己的部落格當中。

然後，由於IE太久沒有更新與升級，使得Firefox的誕生，得到了廣大網民的支持：值得一提的外掛功能，讓使用者得以依照自己的想法訂做可以更快速瀏覽的瀏覽器外，比IE更完整支援的CSS與PNG圖片透明支援，也是讓很多網站與程式設計師紛紛投靠的原因。

Firefox當時的滑鼠右鍵就可以針對圖片去索取所需的資料，包括另開視窗檢視、圖片網址等，也可以檢視頁面內容，把所有的圖片跟媒體檔作成列表來觀看或另存新檔。這樣的方式，雖然對於撰寫部落格或是貼圖語法沒什麼太大的幫助，但是卻著實的加速了整個作業的動作。

因此，為了能讓大家更輕鬆的編輯部落格，「Flock」誕生了

上傳、貼圖、超連結：一秒搞定！

簡單的說，Flock可以讓你利用滑鼠拖曳就可以完成「上傳圖片」「完成貼圖」「編輯部落格或留言的網頁語法」的網頁瀏覽器，你不用在去熟悉每個網站提供的上傳介面，「只用拖曳」，就可以幫你作成，另外，你還可以先把你看到的好圖記在一個Flock提供的記事介面，然後，到你想分享的討論區或是部落格留言板「拖曳」到對話框，輕鬆完成分享的動作。

其flock誕生的出發點雖然不錯，但與前篇「Windows Live Writer試用報告」一樣，由於不同黨派的blog與相簿設定都不一樣，上傳圖片部份僅只有支援flick與Photobucket兩個網站而已。

革命尚未成功

至於部落格編輯器部份，其實跟windows live writer比起來差的頗遠，工具介面更為精簡，由於沒有從本機檔案插入圖片的功能，也沒有圖片編排設定；文字工具列更簡單，連定義文字顏色都沒有；更沒有精確的預覽介面，全部得用Source模式去手寫html來定義。不過，他也不是全然比不上windows live writer，它可以把你在本機編寫的部落格轉存為html格式，這跟windows live writer的封閉檔案格式就開放的許多。

總而言之，不管是windows live writer或是Flock，各有各的優點，目的都是為了加速各位網民的使用速度與效率，而我相信確實達到了這兩個軟體想要達到的目的（雖然還不是完全），革命尚未成功，要使用輔助軟體達到完美的排版效果，我想還尚須一段時間的等候吧。

technorati tags:試用報告

Windows Live Writer試用報告

2006-10-22T14:02:00.000+08:00

Windows Live Writer（以下簡稱WLW）號稱「部落格軟體」。那麼當然就要好好的試驗一下，他能對排版的支援到什麼情況了呦。

WLW是 Microsoft 於 2006/8/11 日所推出的 Remote Blogging Software，你可以透過 Windows Live Writer 直接將文章打好，儲存在電腦內。等到連上網路時，再把文章上傳到你的 Blog 中。

WLW還支援開放式外掛，上圖就是由Filckr照片輸入外掛的圖片。圖片可以藉由快速介面設定置左、置右、置中的基本排版對齊外，還可以簡單的設置margin，讓圖片與文字間可以有些許空格

不過，從電腦檔案中置入的圖片，會使的發佈的時候面臨FTP的設定問題，現在很少有開放式的FTP空間給予放置，所以得借助前面所提的「外掛」，或是藉由其他軟體先行上傳，但Inter Map功能所產生的圖片由於是軟體產生的圖片，因此很難找到他到底放在電腦裡的什麼地方！！

從介面來看。對於排版能做的也有限，沒有表格功能；甚至連水平分隔線都沒有按鈕介面，只能藉由html code介面去輸入。除了html code視覺介面外。還有另外三個視覺介面，甚至可以不閉上傳，就能夠在你的電腦直接模擬發佈後的樣子。是個非常親切的視覺介面。

就算已經把在WLW寫好的文章發佈成了網誌，還是可以以開啟舊檔的方式來修改並發佈，而不是會在發佈另一個新網誌。不過可惜的是，如果你藉由網頁介面來修改內容的話，WLW就沒辦法得知並下載更新後的內容於你的電腦中了，換言之，還可能會造成覆蓋新檔的意外！

總結來說，WLW帶來的，是簡單方便，又不被連線限制的好軟體，如果可以打破不同黨派的blog設定，這樣的東西，我還滿建議大家來安裝的，慢慢的寫網誌，然後慢慢的設定您網誌上的排版。讓閱覽者看的更舒服！！

引用內容

如何在 LifeType 上使用 Windows Live Writer (1)

自由言論的可貴與尊重

2006-10-21T10:44:00.001+08:00

本來我以為沒那麼誇張與嚴重，但漸漸的對照著FUAC（自動播放撲滅委員會）與音樂愛好者兩者的訴求及其言論。卻發現在發表自由言論的過程當中，細微的瑕疵與情緒性的發表，造成焦點模糊與不必要的衝突。使得原來的訴求漸漸的失去了平衡

這似乎不光是此事件而已，對於自由言論的網路或是國家，這似乎一個嚴重的通病

以下我以以此事件來舉例說明，並把兩個立場的看法平均的放在左右兩側列出，為求的是一種對兩方看法的平衡所作的訴求排版，也許會讓你看的很不舒服，在下先道歉。

FUAC的各位，『打擊』這是你們的訴求嘛？

「撲滅」的字眼雖然僅限於立場上的幽默，但仍讓對立者反感。繼而引發眾多音樂愛好網民的不諒解及反抗。對於FUAC而言，這是他們想要的訴求嘛？

也因此，這些音樂愛好者的網民，他們就算很認真的看了FUAC的訴求，卻也很難去正面面對事情的原因，因為一開始，他們就沒接受到善意的告知，又何苦需要善意的回應？對於這些音樂愛好者來說，自動播放並不需要嚴重到被「撲滅」的地步

對於廣大的音樂愛好者們，你們聽到真正的聲音了嘛？

在你們不滿自己為什麼會被指名「撲滅」的同時你聽見應該聽到的，「真正」的聲音嘛？

我想，各位音樂愛好者所該正視的，不光是宣示自動音樂的正當性而已，不只是「自己手動按掉正在播放中的音樂」，或是「上班偷閒記得把喇叭關掉」那麼簡單而已。即使這是你自己的空間，可以自由的展現你的個性，但「所謂的自由，即是在不妨礙他人自由下，才算自由」的。自動播放可以給人帶來方面，但確實也會給人帶來不變，不是嗎？

顯然的，在我看到的部落格中，都沒有正視，與尊重這個問題的核心與對方的立場，繼而本來看似很正當的訴求被模糊，被攻擊，互揭蹌疤

或許這不該怪我們廣大世界的網民，所謂「上樑不正、下樑歪」，看看新聞上各位官員們高來高去。就知道為什麼大家現在都這樣處理事情了吧

引用網站

[FUAC]自動播放撲滅委員會
我對〈自動播放撲滅委員會〉的看法
自由，是離開，不是撲滅

p.s:第一次使用「引用」，不小心按了太多次，被我引用的網站會出現重覆引用的訊息，在此向被我引用的網站致歉，小的不會在犯了

第一列第一欄	第一列第二欄
第二列第一欄	第二列第二欄

InterMax

好樣的!!

08安錫國際動畫影展參展片：91公分之外

《看上去很美 小紅花》

《紀子，出租中》

97%大學錄取率的感想

導讀

當idea變成事業（上）用戶數量怎麼估？

V怪客的電子商務怪談: 加班超過9點要有罪惡感

讓15個成功人物搖頭的壞習慣

[新聞]3學生騙倒4電視台 虛構新聞計誘報導 凸顯媒體疏查證

延伸閱讀

UNIQLOCK

Coke+Faithless

如何修改MSN帳號密碼？

[轉載]英國人的超級星光大道！

延伸閱讀：

只能相信一半的世界

延伸閱讀

AIDIAS：沒有不可能

我看『校園瘋神榜!MAX』與台灣媒體

相關鏈結

[轉貼]北京學生課堂不斷用骯髒京罵侮辱老師

本站加入NHK!!(別誤會)

[轉貼]一張小抄‧一個阿嬤的勇敢故事

一張小抄‧一個阿嬤的勇敢故事

DESIGN - YAMAHA "SCENE OF TONE"

(トミカ)TOMICA火柴盒小汽車

[轉載]下班本來就是應該的

下班本來就是應該的

宇宙豆漿霸王 King Of Soya-bean milk

MAKIBISHI COMIC (內附流程攻略)

最速流程攻略

[轉載]一位關鍵字廣告玩家的經驗談

我的去背術(Photoshop CS2為例)

使用imageready建立html樣板

Google的愚人節: Gmail Paper

Josh's Note: 利用JavaScript加密文章內容

中國第一部動畫電影 : 鐵扇公主

小時後的電視廣告(台灣篇)

小時後的香港電影預告

笑拳怪招（日本版預告）

師弟出馬（日本版預告）

A計畫（日本版預告）

摩登保鑣

七小福

開心鬼救開心鬼 電影廣告雜誌

義膽群英 電影廣告雜誌

義膽群英 絕版預告

八仙飯店之人肉叉燒包 絕版預告

[轉載]台灣的愛與寂寞

台灣的愛與寂寞

IE瀏覽器十大防駭秘技

使用表格排版3:儲存格排版

[轉載]HTML文檔中meta標籤的作用

公雞勸架！！

使用表格排版2：儲存格魔咒

將資料轉換成網頁格式的麻煩

甚至可以說：乾脆重畫比較快！

使用Dreamweaver來適當的解決資料表格轉換的麻煩！

貼上特殊效果：

匯入表格式資料：

不沉的戰艦－日本軍艦島

軍艦島由來

軍艦島與我

Smooth E電視廣告

第一集

第二集

第三集

第四集

外務上班族必備~線上辦公室特輯

Clara Collins 服裝作品網站

JavaScript 不等於 Java

JavaScript

Java

JavaScript並非Java

JavaScript並不簡單

[轉貼]用 CSS 於連結後面加 icon (與副檔名相關小圖)

在新版blogger中插入flash

本文以youtube為例：

《看上去很美　小紅花》

[新聞]3學生騙倒4電視台虛構新聞計誘報導凸顯媒體疏查證

開心鬼救開心鬼電影廣告雜誌

義膽群英電影廣告雜誌

義膽群英絕版預告

八仙飯店之人肉叉燒包絕版預告

看101煙火祝各位2007新年快樂