這個實在是太好笑了!一定要記錄一下... 我想,大家應該都知道怎麼唱吧!那就準備好,3... 2... 1... 大家一起來~
噗浪算是 "微網誌" 的一種,所謂的微網誌呢... 從名稱上看來就是微型的部落格,對於不擅長寫文章貼在部落格的人來說,隨便寫兩句話就能夠有自己的網誌,那就是微網誌啦!所以噗浪是很容易上手,而且幾乎人人都可以使用的一種網路服務。不過... 你使用噗浪的目的是什麼呢?
只能說... 整個無言...
原始討論噗可以看這裡,有笑點!
卡巴死雞超耗系統效能的,推推小紅傘!!
Google大神是在是太強了!哈哈!小正正又不得不再佩服一次。使用 Google 翻譯的功能,只要三分鐘!甚至更少!就能夠在你的網頁上面加上一個選擇語言的下拉選單,讓你的網站變成多國語言版本啦!
怎麼做呢?小正正來教你:
1. 先連到 Google 翻譯 的首頁。
2. 按下 "立即取得翻譯工具" 這個超連結。
(點圖可以放大來看)
3. 將文字方塊裡面的那一段 HTML 原始碼 copy 起來!
4. 編輯你的網頁或部落格,在你想放置讓人選擇網站語言下拉選單的位置,貼上剛剛複製的原始碼。
建議放在網頁靠近右上角的位置,因為大家都已經習慣選擇網頁語系是在那個地方,這是一種網路瀏覽者的習性。
5. 存檔,上傳!這樣就 OK 啦!它看起來就會像是下面這樣圖這樣哦~
完成之後來測試一下翻譯結果吧!選一個自己看不懂的語言,像是日文、韓文、阿拉伯文... 雖然看不懂,但看了會不會覺得很爽呢!嘻嘻...。呃... 小正正剛剛發現,好像沒泰文... 冏

雖然是機器自動翻譯,不過翻譯的還 OK 啦!至少讓外國人(不知道哪一國的人)還有機會看懂你的網頁或部落格再說什麼。 不過... 這個多國語言也太多國了一點吧... 哈哈~ 大家愈來愈邁向國際化囉!
請問... 你花了幾分鐘呢?
ps. 怎麼小正正教室的英文版變成.... 敗給它了 XD
標籤: google, Javascript/Ajax, 網頁設計
這本書收錄了20多個非常經典的 Flash 特效範例,每一個範例都有非常仔細的講解製作概念。雖然是 Flash MX 時寫的,但 ActionScript 的邏輯概念一樣不變哦!如果你是寫 ActionScript 2.0 的話,應該還是會很有幫助的!也很適合新手入門閱讀哦~
- Flash MX 特效範例經典 的官方網站 (請手動改為 big5 編碼來瀏覽)
- 下載 Flash MX 特效範例經典 書中所有範例檔案 ( 8 MB)

7/17 那晚 Adobe 部落客聚會創趴號的大合照終於出來啦!有40多位知名的部落格作家都在裡面哦!你的偶像是不是也有在裡面呢?你認得出誰是誰呢?那些藏在部落格裡面的高手通通原形畢露了啊~ XD 快找找看吧~
ps.點圖可以放大來看!

超有名的圖文書作家 "沒格" 和大家分享:令人厭惡的10大plurk噗文。
不論你是不是噗友都必看哦~
小正正對沒格的這幾句話深表同感:
對很多人來說 可能身邊的朋友加入比較好玩 因為有共通的話題
而且可以組織成一個小圈圈(那你不會聊MSN就好喔?)
但我覺得
這是一個很大很大的世界
你可以追蹤別人的生活 滿足自己的窺探慾(例如追自己偶像的噗)
可以體會他人的文字心情 分享生活週遭的糗事趣事或是好康(性話題的噗最近很受歡迎)
所以在這個很大很大的世界
你要怎麼讓別人能注意到你 還能讓別人回覆你關心你
跟是不是名人沒有關係
端看你自己的造化了………
另外,想看搶鮮版的討論內容可以看這裡,還有點爆笑 XD:
大家最受不了的噗文是什麼呢???
(作答內容必須和文章內相關的才行!)
這首歌其實還滿好聽的... 不過... 完全被中文字幕給比下去了啦!天啊~ 竟然有人可以這樣翻譯!真是太神奇了~ 小正正甘拜下風... 看來小正正的翻譯功力還得再加強才行...
片名:Sorry, Sorry / Super Junior MV 中文空耳字幕-那根芭蕉版
另外還看到一個笑話... 正版和盜版的差別:
Are you serious?
No, I'm kidding.
正版翻譯:你是認真的嗎? 沒... 開開玩笑咩~
盜版翻譯:你是席瑞菈絲嗎? 不,我是凱汀。
真的很無言... 但很好笑~
還有另一個什麼老婆婆的笑話我忘記了... 只記得
No, I'm sorry 可以翻譯成:不,我是索瑞。
真是異曲同工之妙... (趕緊加強翻譯功力,以後才能好好的翻譯書...)
不知道有多少人已經安裝 Windows 7 了! 防毒軟體好像也只有M$微軟的暈倒系列作業系統才需要的東西,灌了又耗系統效能,不灌又不能安心... 唉... 這是什麼該死的作業系統病毒漏洞這麼多...冏
雖然現在 Windows 7 還沒推出正式版,不過已經有很多病毒躍躍欲試了吧... 我想...。也有很多家知名的防毒軟體廠商已經推出 Windows 7 量身訂做的防毒、防駭、防木馬多合一功能的軟體哦!有些是正式版、有些還在 Beta,到底哪套好用呢?你又最愛哪一套?原因是什麼?看看下面這個噗浪的討論吧!有玩噗浪的人... 就麻煩分享一下自己的心得ㄅㄟ~ 謝啦!
請按:有 Windows 7 上面可以用的免費防毒軟體嗎?請推薦~

昨天在 Adobe 部落客趴踢的時候,不知道是哪個狗仔隊在噗浪上面傳出這張照片,可憐的小正正都不知道該說什麼好了呢... XD
Adobe台灣的工程師Jimmy跟大家一起回顧Adobe的歷史,以及CS系列產品目前在世界上殺手級的應用哦!給你一些新的方向,看看Adobe的RIA、AIR技術還能夠怎麼去做~
第一次聽的時候小正正也有點霧煞煞(也有可能太專心在錄影了...),回頭再細細的看一次發現... 真是有前瞻性的簡報,可以看出RIA網站的未來哦!大家慢慢滴看ㄅㄟ~
呼~終於把所有Adobe部落客聚會的影片都轉檔上傳完成了,小正正發現... 影片轉檔真是一件辛苦的差事啊~ 真的要有夠快的好電腦和網路才行 XD
吉米丘教大家 Photoshop 的 PSD 檔案可以直接配合 Quicktime,很簡單就能夠在要分享的影片裡面裡面做效果,加上自己的 Mark 哦!這樣一來大家就知道這是你的獨家影片囉~
哈哈哈!第一次用Youtube上傳自己的影片,等它轉檔完成都等到海枯石爛了~
這是昨天 Adobe部落客聚會創趴號 小正正和大家分享怎麼使用 Acrobat.com 把書整本放到部落格上讓大家免費閱讀的教學影片~
不過因為小正正是壓軸... 所以錄影錄到一半數位相機的電池就沒電啦!XD
後面的內容我再來寫教學吧~ 大家請先看看之前寫的這一篇:
用Acrobat.com免費線上分享你的PDF文件
天啊~ 看完我自己的影片後... 感覺是... 我好娘啊~~~~~~~
我不要走蔡康永路線 XD 要轉型... 轉型...
因為當晚實在是太嗨了才會這樣....
下次我會嚴肅一點、man 一點滴~
這真是太有創意、太精采的網路活動了~ 雖然我沒那麼喜歡MJ,但還是覺得這個很讚!不知道這樣接下去,會繞地球... 哦... 是月球幾圈呢?
請看麥克傑克森月球漫步大接龍
哇~ 用 Google Trends 去看噗浪的數據,沒想到噗浪在台灣可是第一名耶!
那臉書呢.... 找不到台灣在哪 XD
看來亞洲人愛用噗浪,西方人愛用臉書和 Twitter。以前雅虎的同事也說了,不論是哪種國際化的網站服務,都要能夠本土化才會賣的好,大家才愛用不是嗎?讓我想到 HSBC 的廣告詞... 什麼來著...
有玩噗浪的噗友們~ 推薦你們一定要加這個慈濟的噗浪機器人:靜思語為好友哦!
每個小時讓自己的心靈沈澱一下,重新再出發!!

這真的是一篇好文章,說出我們這些網站工作者的心聲...
請看:救救設計師!請拋棄Internet Explorer 6
重灌狂人這裡提供了另一種簡易的請拋棄IE6方法,大家可以試試看~
請用 "臉書" 來造句,KUSO創意無限~
看看別人怎麼用臉書造句 一起來動動你的腦吧!
ps.有人不知道"臉書"是什麼的嗎?
另外你也可以玩玩阿奇的用那個死不出貨沒誠意的 "Dell" 創意造句哦~
這是系列文章,建議您可以依序閱讀:
HTML是由很多標籤組成的文件,每種標籤代表著不同的意義,文件的內容原本只是一堆文字,因為加上了這些標籤以後而變得有結構性而且有意義,像是各種標題、段落、清單、超連結…等等。那麼有語意(Semantic)的標籤是什麼意思呢?而什麼樣的標籤又是沒有語意的呢?
舉個例子來說:<i>標籤代表斜體字、<em>代表強調,但是被<i>和<em>標註起來的文字在瀏覽器中預設都會顯示出斜體字的效果。當你在網頁中看到斜體字時,請問你知道斜體字代表的是什麼意思嗎?這些斜體的文字是重要或是不重要?這時再來看看斜體字背後所使用的HTML標籤,如果是<em>的話就可以知道這些是”強調”的文字,如果是<i>的話就真的不知道它是否重要了。
再舉一個例子:<h1>和<font size="6"><b>都是顯示出字體加大和粗體字的效果。但使用<h1>標籤一看就知道它代表的是大標題,而<font size="6"><b>只是又粗又大的字,所代表的意義是大標題?中標題?是重要的內容?還是只是為了美觀好看而故意放大文字,這就不得而知了。因此,<em>和<h1>都是有語意的標籤,它們所代表的意思分別是強調和大標題,而<i>、<font size="6">和<b>只是將外觀顯示為和一般文字不同,但卻不知道所代表的意思是什麼,就是沒有語意的。
對於像是Yahoo!和Google這樣的搜尋引擎程式來說,它們不管網頁漂不漂亮,只會去看HTML的內容,當搜尋引擎看到<h1>和<em>這樣的標籤時,可以很清楚的知道這是標題和強調、是比較重要的文字。如果搜尋關鍵字時剛好有符合這些重要的文字,這個網頁便有比較大的機會被排列到前面幾頁或前幾名,網友會點選到的機會就會比較高。這就是搜尋引擎最佳化(Search Engine Optimization,簡寫為SEO)很重要的方法之一了!
而對於無障礙網頁(Accessibility)所使用的螢幕閱讀軟體,也會認得<h1>是標題、<p>是一般內容的段落、<em>是要強調的東西,便能夠很正確的將網頁中的資訊傳達給使用者。因此不論是SEO或無障礙網頁,使用有語意的HTML標籤都是非常重要的。
既然如此,有哪些標籤是沒有語意、應該避免使用的呢?底下列出這些純粹屬於外觀樣式的標籤應該避免使用:
b, big, hr, i, small, sub, sup, tt
而下列這將些標籤可能將會從HTML的標準規格中移除,也建議不要使用:
basefont, center, dir, font, isindex, menu, s, strike, u
其他沒有列出的標籤,應該依照其所代表的意義來做適當的使用。不要因為只是想要放大文字就用濫用<h1>, <h2>… 哦!應該使用CSS來做更好的樣式排版效果。
下一課就要開始實作啦!用實際的範例,以LSM的方法來寫網頁!
這是系列文章,建議您可以先閱讀:
很多人可能會懷疑說:我用表格排版排的好好的,而且好不容易才研究出了一套有效率的切圖和表格排版做法,為什麼又要大費周章的改變自己的工作習慣,使用LSM的方法來製作網頁呢?那是因為小正正還沒告訴你LSM的好處嘛!
- 有效減少檔案大小:去除了一大堆用來排版但和資訊內容毫無關係的<table> <td> <tr>和<font>標籤後,網頁的HTML原始碼不但變得簡潔、可閱讀性高,更重要的是檔案大小也大幅的減少了!若將傳統的表格排版和CSS排版的頁面比較起來,通常會減少30%-50%的檔案大小。別忘記了CSS樣式檔案還可以多個頁面共用呢!
- 檔案快取:瀏覽器會快取(cache)獨立的外部CSS和Javascript檔案,還有寫在CSS中的圖形檔案。如果你將整個網站所有的樣式都寫在一個CSS檔案裡面,那麼不論網友在你的網站中看了多少頁面,CSS只有在第一次進入網站時會下載而已,不需要每次換頁都重新下載。對於外部Javascript檔案也是一樣的。
- 減少頻寬、省錢!每個頁面的檔案都變小了(因為少了一堆沒意義的標籤和共用CSS、Javascript的關係)、下載的檔案數目變少了(因為快取的關係),網路流量自然就降低。別忘了網路頻寬可都是要花錢租來的呢!
- 頁面呈現的速度較快:很明顯的,檔案小了載入的速度變快,看到頁面的時間就變快。除此之外,傳統的表格排版有一個特性,必須要等到整個表格完整載入後,瀏覽器才會一次顯示出整個表格的內容,並不會一部份一部份的內容逐漸顯示出來。所以如果頁面中所有的內容都是放在一個表格之中,便要等到整個頁面完全載入後才會顯示,感覺上從按下超連結換頁後到新內容真正出現的時間就會比較久。CSS則能讓一個一個區塊分別顯示,下載多少就先顯示出多少,網頁內容便會由上而下逐漸出現,坐在那空等待的時間便縮短了很多。
- 樣式風格統一:網站中有很多區域是每個頁面都會出現的,像是頁首頁尾和導覽列,也有很多東西不只在一個頁面中出現。與其將這些會重複出現的樣式分別寫在每一個頁面裡面,倒不如使用一個共用的外部CSS檔案,不僅能夠減少每一頁的檔案大小,更能夠統一整個網站的樣式風格。若要修改調整也更方便,只要改一個地方就好,不用每一頁都分別開啟來修改。
- 支援更多裝置,存取性高:除了電腦螢幕以外,CSS本身就支援多種裝置,像是印表機、掌上型裝置、TV等等。依據LSM的做法,HTML只有資料內容和文件結構,所有的外觀呈現都是由CSS來控制,因此只要針對不同的裝置特性來設計CSS,網頁內容幾乎不用變動,馬上就能夠支援各種裝置的瀏覽。讓你的網頁在PDA、手機甚至是PS3或Wii上面都能正常瀏覽而且漂漂亮亮的,而又不需要個別去維護好幾份網站,只要切換不同的CSS就可以了。就算不支援CSS的裝置,還是可以看到HTML和正確的資料內容,讓更多裝置都能夠存取你的網站,成為名符其實的無障礙網頁。
- 改版容易:同樣的道理,因為外觀樣式完全都交給CSS負責,如果網站想要改版改變樣式,只要重新設計共用的CSS檔案即可,不需要將整個網站全部重做,大幅降低了改版所需要的資源和時間。
- 撰寫容易,工作流程順暢:資料庫網頁製作的流程都是先設計好頁面,再交給工程師去套程式。小正正就常常聽到這樣的抱怨:美術設計用表格排版所製作出來的頁面原始碼十分混亂,工程師要加程式碼進去不僅難度高,而且很容易就會因為少了一個結束的標籤而將整個版面打亂。如果雙方都能夠符合LSM的做法,那麼HTML原始碼就會乾乾淨淨的只包含資料內容和結構,要加程式碼進去便簡單的多,也不比較不會出錯。再也不會有一堆惱人又看不出所以然的<table> <td> <tr>和<font>標籤了!
接下來的是... LSM第四課 : 什麼叫做有語意的標籤? Semantic Markup
什麼是LSM? 如果你覺得閱讀 LSM 文章系列有點難度,請先看看小正正精心設計的這份
這是一個很漂亮的簡報哦!使用的技術是 Flash Papaer。然後再去閱讀小正正寫的 LSM 系列文章,會針對簡報內容有更詳細的解說,就會學習到更多有關網頁設計的最新知識啦!
任何網頁設計工作者以及網站開發工程師,都應該要學習 LSM 的標準哦!
準備好了嗎?!那你就可以開始進入LSM健康環保的新世界了!
請開始閱讀:LSM第一課 : 網頁健康環保的新觀念
這是系列文章,建議您可以先閱讀:
請先隨便開啟一個你以前做過的網頁,檢視原始碼來看看(例如下面這張圖)。在原始碼中會看到一堆用來編排版面用的<table> <tr> <td>,而表格之中又有表格,還有一堆<font>標籤用來設定文字的字體、大小和顏色。這些<table> <tr> <td>和<font>標籤不時穿插在內容文字之間,把主要的內容都打亂了,而光看這些標籤,也很難想像最後的畫面會長什麼樣子,其中還有onClink、onMouseOut等等一大串的Javascript程式碼在裡面。所有東西全部都混雜在一起,如果現在要你修改這一頁的內容,增加刪減一些東西,並且調整版面的編排,而且只能直接編輯原始碼,不能使用像是Dreamweaver這類視覺化的編輯軟體,這時就算是對HTML語法十分熟悉人也會開始皺眉頭。(現在要是小正正看到這樣的網頁就會說: 直接丟到垃圾桶重做吧! 這已經是古代的遺跡了…)
<點圖可以放大來觀看>

而依據LSM的做法,寫出來的網頁原始碼會長成像是下面這個樣子。樣式<style>、程式<script>和主要的內容都各自分開在不同的區塊中,而且HTML只用來標示內容的結構性(例如標題<h2>、段落<p>、清單<li>),沒有<table>或<font>來擾亂文章內容的困擾,所有的排版和外觀樣式都交給CSS來負責。這樣的原始碼看起來是不是比較容易瞭解,而且有條理多了呢?
<點圖可以放大來觀看>

事實上還可以再更簡潔一點,現在將CSS和Javascript都分別儲存在獨立的外部檔案之中,而在HTML裡面只需要一個標籤將能夠將它們連結進來。這時原始碼裡面就完全只剩下網頁文件的內容了,編輯修改起來便十分容易,而要編輯樣式或程式的時候,也只要開啟獨立的CSS和Javascript檔案,裡面就單純的只有CSS和Javascript,不再因為所有東西都混雜在一起而難以閱讀、編輯和維護。
<點圖可以放大來觀看>

這就是LSM的做法:將文件內容、樣式和程式分離開來了!當程式設計師要加入ASP、PHP等伺服器端程式碼時,便不會因為一堆<table> <tr> <td>和<font>標籤而感到困擾,怕不小心破壞掉版面和樣式。而當美術設計要重新改版網頁時,也只需要去修改CSS檔案和簡單的HTML,不用怕會動到程式碼而產生錯誤。
接下來的是... LSM第三課 : LSM的優點太多啦!
這是小正正以前演講推廣過很多次的主題,現在整理出來讓大家都有機會可以免費學習到!
現代的日常生活中不斷聽到要”健康”、要”環保”,不只地球要環保,連自己的身體都要做”體內環保”和瘦身,那麼網頁呢? 是不是也有健康環保的做法? 也有能夠瘦身的特別處方呢? 是的! 對於Web 2.0來說,要網頁健康環保瘦身又容易編寫和維護的方法就是LSM。在開頭的第一章裡面會告訴您什麼是LSM,和以往傳統的網頁寫法有什麼不同,LSM有什麼好處以及該如何去做。
Layered Semantic Markup
Layered Semantic Markup(縮寫為LSM)並不是一種新的技術或語法,而是網頁製作的一種新做法、新概念。LSM可以讓網頁的內容、外觀樣式和程式邏輯分離,而不是通通混雜在一個HTML檔案裡面,讓網頁變成容易撰寫、容易維護也容易更新,而且網頁的內容也變的更有結構性、更有意義。LSM也是DHTML十分重要的基礎,剛好Web 2.0的網站就會需要用到了大量的DHTML動態技術,將網頁中的內容顯示隱藏或變來變去。LSM還有非常多的好處,稍後會再詳加討論。
LSM的主要精神就是製作出分層(Layered)、具有語意(Semantic)的標記(Markup),其中分層的意思是將資料、表現和行為分離開來:
- 資料層(Data):也就是網頁的資料內容,而且要使用具有語意的標籤將網頁內容組織起來,不要使用只會影響外觀樣式,但不具有意義的標籤。包括任何為了美觀而裝飾用的線條和圖形都不應該在這裡出現(像是小圖示、按鈕圖案、分隔線、背景圖等等),這裡只會放置真正和內容有關的圖片和多媒體(例如:Logo、廣告、產品和新聞的照片)
- 表現層(Presentation):網頁所呈現出來的樣子,包括了文字樣式、外框線、間距、背景、顏色、修飾性的圖案和圖示。只要完全使用CSS來設定樣式,很輕鬆就能將外觀和資料清楚的分離開來。
- 行為層(Behavior):通常是使用Javascript和DOM來製作的互動行為,像是滑鼠滑過變換影像、動態顯示隱藏內容、彈出視窗、選單和表單檢驗等等。
當這三層都能夠分開沒有混雜在一起,要單獨維護內容資料、樣式或程式碼就變的容易簡單的多,而且比較不會互相影響。
LSM並沒有使用什麼特別的新技術,所使用到的HTML(或XHTML)、CSS、Javascript和DOM等等可能都是你已經耳熟能詳的東西,只不過在編寫網頁的習慣上要稍做調整。要接受任何新的觀念都不是件容易的事情,也可能會有所懷疑,例如你可能會問說:使用表格排版和標籤來設定文字樣式明明就好好的,為什麼又要搞一套看起來很複雜的CSS出來呢?相信我,當你漸漸熟悉並且能夠駕馭自如的時候,你就會愛上它所帶來的眾多好處了。
LSM 在國外已經行之有年,Yahoo! 和許多大公司的網頁都是使用 LSM 的模式來開發的,為什麼要這樣做、該如何做、有什麼好處?
接下來的是... LSM第二課 : 傳統網頁與現代之比較
這是我在曼谷最好的一位香港朋友,他跟我幾乎像是親人一樣。他今年新買的房子,真的很漂亮哦~ 可以稱得上是小豪宅了!住在這裡真是悠閒啊~ 而且今天天氣難得很好,沒有下雨哦~ (曼谷從5月到10月都是雨季)所以多拍了幾張照紀念一下 :)
更多曼谷朋友家的照片請按這裡
這是小正正以前寫過的書,雖然有點年代久遠了,不過對於學習 Flash Actionscript 程式設計概念入門還是非常實用的!簡單易學!保證學會!這本書使用的是 Actionscript 2 的語法,不論你是使用哪個版本的 Flash,開新檔案時只要選擇的是 Actionscript 2.0 的文件,這本書的內容幾乎都可以適用哦!
ps. 先有 AS 2.0 的基礎,再學 AS 3.0 就更容易啦!
Flash 每次改版,3D 的功能都愈來愈多了。不論是用 ActionSctipt 去模擬出來的 2.5 D,或是最新版的 Flash Player 有支援真正 3D 的 API,要怎麼去應用和設計才是更重要的事情哦!

Firefox 終於在今晚推出了 3.5 正式版,大家快去更新一下你的瀏覽器,體驗一下新火狐狸超速的效能和豐富的外掛功能吧!和前一版有相當大的進步哦!
按這裡下載 Firefox 3.5





