mr.mu設計工作室

婚戒-名人的選擇：范范(范瑋琪)與黑人(陳建州)的Tiffany 1克拉鑽戒

mrmu — Tue, 02 Mar 2010 13:27:37 +0000

在今年(2010)二月中，交往十年的歌手范范(范瑋琪)與藝人黑人(陳建州)傳出喜訊，在觀賞NBA球賽時，黑人拿出準備好的Tiffany 1克拉鑽戒求婚，並順利的抱得美人歸，上圖是日前回國時的照片，那麼，到底是什麼樣的婚戒呢？雖然無法向本人求證，但我們可以透過圖片可以大概猜到，這應該是Tiffany Setting，算是很經典款的六爪鑽戒。這張示意圖是來自Tiffany網站，而且是2克拉的樣圖，所以其實沒有這麼大啦XD，日後有機會再來看看其他名人選的鑽戒。參考資料: Tiffany.com 相關文章如何為新娘挑婚戒？鑽石、訂製鑽戒的線上之戰：eBay, 藍色尼羅河(Blue Nile), 九鑽網如何挑選修飾手指的婚戒/戒指？鑽飾品牌DSC, Aida Diamond搶攻消費券商機鑽石!LAZARE DIAMOND的億萬冰淇淋甜筒貴婦級USB鑲4克拉鑽

網頁設計及網站經營的趨勢-從搜尋引擎市場變化來思考對策

mrmu — Fri, 26 Feb 2010 07:53:15 +0000

上圖標示的是台灣從2009年元月至2010年二月的搜尋引擎市佔率變化的概況，Yahoo雖然市佔依然第一，不過慢慢的走下坡中，而近來Yahoo為了力抗Google動作頻頻，分別對Facebook, Twitter, MS Bing等大廠表示合作意願，Google在搜尋引擎的技術及優勢較高，除了頻繁地發表新服務、新工具外，也和Facebook, MySpace, Twitter合作。面對搜尋引擎市場變化及大廠的動作等，網站經營者又該有什麼樣的策略與準備呢？我們先看看環境有什麼變化。 1. 即時搜尋趨勢所謂即時搜尋是指，檢索並提供像Facebook塗鴉牆,Twitter,Plurk..等這類的微網誌內容的搜尋，因為這類微網誌的更新成本小，反應某個主題的速度快，因此你一句，我一句，都是即時反應出某些事件的熱度、流行性，這對搜尋引擎來說是非常重要的訊息。 2. 客製化搜尋趨勢針對地域、喜好、習慣等提供個人化的搜尋結果，這也是搜尋引擎發展的趨勢，Google也開始在做了。 3. 全球行動上網趨勢雖然使用手機上網，有很多情況無法完全取代桌上型PC，但是作為隨時隨地搜尋資訊及個人社交用的工具來說，都是桌上型PC無法替代的。基礎建設都陸續發展中，上網吃到飽的費率也可望降低，很多數據也證明行動上網人口逐年逐月成長。搜尋引擎行銷的現況？就目前的網站經營來說，因為最近幾年SEO(搜尋引擎優化)議題開始炒得很熱，愈來愈多網站經營者投入資源在做這塊，所以慢慢的具備SEO概念的經營能力，將會由優勢成為一種基本的標準能力。搜尋引擎本來的使命就是要提供最適當的內容給使用者，因此搜尋的演算法會一直朝此方向進化，如此使用者才會覺得好用。而網站本身該做的，應該就是用標準的語言說明自己提供什麼樣的資訊，操弄灰帽、黑帽SEO技巧 (暗黑小技巧)的效果會逐漸失敗，甚至受罰。面對這些環境變化，網站該怎麼經營？ 1. 架站前，先具備正確的SEO觀念－了解搜尋引擎要的是什麼點要放在你的產品跟服務，不是一時操弄SEO的技巧。未來搜尋引擎會協助你的消費者，用盡一切方法找到提供適合產品或服務的網站，因此若你的產品及服務表現不優，即使你強打廣告，讓排名暫居第一，消費者的聲浪加上搜尋引擎的協助，會很快的讓你下台。但如果產品跟服務無法有明顯的差異化或優勢，就要試著去發展跟客戶間的關係。 2. 思考經營整合服務(部落格、社交網站、微網誌…)的可能性，但不要迷失在數據因為web 2.0風潮，網路產出了許多便利的服務及工具，因此吸引了許多人潮。思考整合性服務是必要的，如了解各種工具特性、網站類型、平台服務，才能了解它們對你的產品及服務有何幫助。 Facebook的粉絲數、Twitter的Follower、Plurk的粉絲+朋友+Karma值…這些，都不是重點。集客數(量)是必要的，但重點應該放在關係(質)。五個麻吉好朋友，比五百個點頭之交來得有價值。 3. 你的網站在手機上應該要長什麼樣子？既然行動上網服務日益普及，我們就不該忽略這個情況。務必把「建立網站在行動設備上的瀏覽介面」放進你的行程表。手機畫面比較小，所以要注意把寬頻留給客戶真正在意的功能上。另外，在設計上不能失去視覺識別功能，也要提供一致性的操作流程。本文同步發表於Facebook 網站經營研究小組粉絲專頁圖表資料參考：http://gs.statcounter.com/#search_engine-TW-monthly-200901-201002 相關文章首頁PageRank突然由0成長至4，感謝大家支持… 使用javascript (或jQuery)對SEO影響的迷思網頁設計(視覺設計,網站程式)計費方式(專業分工費用)及行情調查黃金價格顯示小工具(Widget)-目前暫停使用! 鑽石、訂製鑽戒的線上之戰：eBay, 藍色尼羅河(Blue Nile), 九鑽網金屬創造力聯播－金工、藝術、設計優質Blog聯播

網頁設計(視覺設計,網站程式)計費方式(專業分工費用)及行情調查

mrmu — Thu, 25 Feb 2010 05:16:50 +0000

網頁設計市場中的行情一直是非常混亂，本調查試圖整理出一個大約的級距範圍以供參考。因為個人的專業知識有限，有些調查到的價格也許有破壞行情或過份高估的情況，希望大家有任何意見都可以留言給我，讓計價行情能具備更中肯的參考性。這份行情對照表所定出來的計價方式，主要參考了JCase接案網、104接案網的案件行情，分為多媒體網頁設計、平面與視覺設計、網路應用程式、打字或編輯工作等四項專業領域。請注意，資訊來源參考了接案網的價格，而這些價格大多是由發案方開出來的，並不一定能真實反應結案後的真正價格，因此與真正的產品及服務費用相比較，可能有落差。另外，此表價格為專業能力分工的製作價格參考，但要完成一個完整的專案，還需考量業務開發成本、討論時程、修正成本、測試成本…等，這些費用均未反映在此行情表。價格範圍有些很寬，因為有些是學生、或剛受完訓練的新手，為了搶案子自砍價格，所以有些項目的最低價有點離譜。在此要請發案方注意，若您要的只是便宜，而不是品質，您可以參考最低價來提出預算；畢竟羊毛出在羊身上，大多數真正能提供專業服務，能有效提昇您的企業行銷品質的產品，多半價格比較高，但這並不是貴或便宜的問題，這是價值的問題。多媒體網頁設計計價方式分類內容單位參考價格首頁靜態html 一頁 3,000~10,000 含10秒形象動畫(Flash) 5,000~15,000 內頁靜態html 一頁 1,000~3,000 含10秒形象動畫(Flash) 2,000~5,000 套用版型(不含修改) 300~1,000 網頁維護內容更新一項 300~1,000 方形廣告橫幅(Banner) 150*75 像素(pixel) 一個 500~2,000 300*150 像素(pixel) 500~3,500 660*300 像素(pixel) 1,300~3,000 小圖示(Icon) 80*80 像素(pixel) 一個 200~500 網頁廣告製作單頁EDM(電子傳單) 一頁 900~2,000 廣告活動頁 1,500~3,000 電子報單頁 1,500~3,000 Flash動畫製作 2D動畫每秒 800~2,000 2D角色創造單個 2,500~8,000 3D動畫每秒 2,000~5,000 3D角色創造單個 5,000~10,000 遊戲(不含設計) 單個 3,000~10,000 Banner 單個 1,500~10,000 網頁選單一組 2,000~3,500 網頁應用程式一個 5,000以上平面與視覺設計計價方式分類內容單位參考價格海報/DM (業主提供素材，不含攝影) 菊對開(A2)以上單面 3,000~4,000 含菊對開(A2)~菊八開(A4) 2,200~3,500 含菊八開(A4)以下 1,800~3,000 型錄 (業主提供素材，不含攝影) 菊八開(A4)以上單面 800~3,200 含菊八開(A4)以下 600~3,100 LOGO 一個 1,500~150,000 (專業設計30,000以上，附視覺識別VI手冊100,000以上) 名片設計 (不含Logo) 一張 1,000~8,000 外包裝設計 (業主提供素材，不含攝影) 紙盒一式 1,200~5,000 紙袋 1,000~5,000 吊卡 800~1,500 人物插畫漫畫(四格漫畫一篇1000起)(連環漫畫一頁800起) 每格 300~400 素描A4 一張 1,000~2,000 Q版人物 (不含原始檔) 1,000~5,000以上圖片處理圖片合成單張 100~500 掃圖 30~50 一般物品修圖去背 50~100 人物修圖去背 100~300 網路應用程式計價方式內容單位參考價格新聞區發佈 2000~8,000 購物車 30,000~60,000 人事求才專欄 8,000~15,000 問卷調查表單 3,000起 FAQ 2,000起線上視訊 3,000起討論區 3,000起動態文字展示（跑馬燈） 1,500~3,000 網站內BLOG 8,000起行事曆（提供個別會員schedule） 6,000起文件下載區 3,000起我的照片（輪播） 3,000起客戶關係管理 6,000起會員管理 5,000~20,000 電子報 7,000起 Wordpress 專業部落格客製架站（含版型修改、模組代裝） 15,000~50000 Joomla 專業內容管理網站安裝（不含版型修改、模組代裝） 3,000~5,000 Drupal 專業內容管理網站安裝（不含版型修改、模組代裝） 3,000~5,000 打字或編輯計價方式分類內容單位參考價格純中文字建檔無校對每千字 40~50 含校對 70~80起純英文字建檔無校對 2000bytes 60~70 含校對 70起打字排版(含校對) A4 每頁 55~120 A5 45~90 簡體字稿打繁體字稿每千字 130~160 客戶資料登錄每筆 1.3~1.5 表格輸入不含文字每表 50起書本期刊編輯視個案洽商議定掃瞄 A4 每頁 4~5 大於A4 7~8 聽打、逐字稿依內容報價此份價目表將會在未來不定期的更新，以求反映市場行情，希望大家有任何意見或看法都能不吝分享，謝謝。相關文章首頁PageRank突然由0成長至4，感謝大家支持… 網頁設計及網站經營的趨勢-從搜尋引擎市場變化來思考對策使用javascript (或jQuery)對SEO影響的迷思黃金價格顯示小工具(Widget)-目前暫停使用! 鑽石、訂製鑽戒的線上之戰：eBay, 藍色尼羅河(Blue Nile), 九鑽網金屬創造力聯播－金工、藝術、設計優質Blog聯播

鑽石、訂製鑽戒的線上之戰：eBay, 藍色尼羅河(Blue Nile), 九鑽網

mrmu — Mon, 22 Feb 2010 03:38:10 +0000

線上拍賣的知名品牌eBay最近舉辦了「打造你的閃亮鑽戒」(Build Your Bling)比賽活動，讓參賽者設計專屬的鑽戒，並藉由這次的活動正式宣告eBay也開始進軍鑽石的線上零售戰場。這次比賽的優勝者將獲得Gemstoneking公司贈送設計者所設計的戒指，預計價格超過25000美金。參與者二月19號前要完成並送出自己的設計，其他的eBay使用者將進行最佳設計的投票來選出優勝者，二月26日公佈比賽結果。這樣的訊息告訴我們，鑽石的線上銷售又將進入一個全新的世代! 這次的比賽也讓所有人藉此機會一睹eBay的線上鑽戒設計師系統(Diamond Ring Designer system)，很明顯的這個設計系統的介面延用參考了藍色尼羅河(Blue Nile)網站的介面，在設置搜尋條件時使用大量的雙向滑動棒(Slider bar)，包括選擇鑽石形狀、尺寸、顏色、淨度及車工等，而且價格非常透明，讓使用者能很容易的在線上進行比價。設計流程很單純，先選擇寶石，設定了寶石的各項條件後，系統會列出所有符合條件的現貨供使用者參考，使用者可以選擇最多五顆不同樣式等級的寶石。選定寶石後，接著選擇戒台(setting)，除了樣式外，戒台的材質如黃金、K金或鉑金也能選擇，一樣也是可以選擇最多五種不同樣式的戒台，最後一步就是讓使用者搭搭看，看哪種組合最順眼，如此就完成了鑽戒的設計。當然這場比賽並不是重點，重點之一是高單價的鑽石也能成功的搬上電子商務的檯面，並且持續獲利，而且讓我們對線上奢侈品的銷售有了一個初步的視野。全球最大的線上鑽石銷售商藍色尼羅河(Blue Nile)成立於1999年，在短短5年後就在那斯達克上市，而藍色尼羅河的成功，讓鑽石線上銷售業務大放光芒，藍色尼羅河沒有實體店面的高昂成本，加上線上直接銷售免除了大量的中間商費用，使得價值非常具有競爭力，也讓這些因素成了最佳的利基。價格當然是重點，但鑽石這樣高單價的物品能在線上銷售成功的重點是規格的標準化，如鑽石的4C(顏色、淨度、車工、克拉重量)，GIA證書的推廣及教育，線上金流和物流的成熟等，都是讓鑽石能放在網路上銷售成功的原因。隨後跟進的大陸網路公司九鑽網，一開始的網站介面幾乎完全模仿藍色尼羅河，讓我一時還以為是Blue Nile在中國開分站，現在去看九鑽網，介面都換掉了，大概也開始走出自己的路了。這些例子對日後想進軍鑽石或珠寶線上銷售業的業者具有指標性的意義，但如何提供具備差異性的服務或形象將會是重點，因為當鑽石被高度規格化後，光靠產品本身的價差利潤將所剩無幾，而線上服務的重點就將落在網站及客戶服務上了。參考資料： Luxist.com BlueNile.com 9diamond.com 相關文章婚戒-名人的選擇：范范(范瑋琪)與黑人(陳建州)的Tiffany 1克拉鑽戒如何為新娘挑婚戒？首頁PageRank突然由0成長至4，感謝大家支持… 鑽飾品牌DSC, Aida Diamond搶攻消費券商機鑽石!LAZARE DIAMOND的億萬冰淇淋甜筒金屬創造力聯播－金工、藝術、設計優質Blog聯播

Google Buzz! Google的社群應用初體驗!

mrmu — Wed, 10 Feb 2010 03:54:14 +0000

今天一早開啟Gmail突然發現， Google Buzz啟用的畫面先跳出來了! 我想過沒多久，我的Android手機也會跳出Google Buzz了! 馬上進入Gmail體驗一下，看Google Buzz是個什麼樣的玩意。(其實第一眼看到Google Buzz時，我心中想起的不是它到底是什麼樣的應用，而是Google Wave現在過得如何了呢XD ) 之前官方有發佈Google Buzz的影片如下：但是第一眼看到Google Buzz的介面，就讓人很直覺的聯想到Twitter，不過反正微網誌這一掛的，都跟社群應用、即時搜尋等字眼綁在一起很久了，Google要做當然多少也會參考前人的作品，而且維持一致性，讓使用者也容易上手。像上面這個「選取相片」的介面，就跟在噗浪裡面到處充斥的Ajax視窗一樣，不能移動也不能調整大小的偽視窗，基本上我覺得不是個易用的UI設計。上面這個是發佈訊息的介面，可以發佈文字、相片、連結，也能設定要不要公開，總之就是基本配備啦。另外，若您有自己的Blog，也可以新增網站，新增後文章的摘要就會出現在下方了，也算是跟Bu友宣傳一下，這種模式在噗浪、Twitter都已經很常見了。不過目前身邊朋友使用Gmail的其實不能算多，而Google Buzz內建在Gmail的作法，就是把範圍先縮在Gmail的用戶了，這就表示現階段在台灣要推廣比較困難。因為現在台灣用戶大多都用Yahoo的信箱，如果要讓Google Buzz在台灣形成像噗浪這樣的規模，我想還需要讓這些Yahoo信箱的用戶更「深刻」的體會Google Gmail (及所有其他應用)的好，或者，換句話說就是體會到Yahoo信箱的不良。參考資料: Google Buzz-http://www.google.com/buzz 相關文章 Google Chrome OS-Google推出的自家Web OS 首頁PageRank突然由0成長至4，感謝大家支持… 鑽石、訂製鑽戒的線上之戰：eBay, 藍色尼羅河(Blue Nile), 九鑽網金屬創造力聯播－金工、藝術、設計優質Blog聯播設計、美學、金工、珠寶部落格的網路行銷工具－台灣創造力聯播。(09/01/04更新) 虛實整合的趨勢

如何用電腦看模擬手機上網的網站？

mrmu — Mon, 14 Dec 2009 14:54:04 +0000

這是今天一位朋友突然問我的一個問題，其實有很多種simulator，但可能要先安裝特定的手機OS模擬器，才能使用它內建的browser吧，因為我的經驗也不是非常多，我只接觸過windows mobile，但一下要搞到wm的模擬器，其實也很麻煩，又非常大。如果想要知道自己的網站在手機上瀏覽會是什麼樣子，可以參考一下Opera Mini的線上Demo程式，這是目前我能找到最簡單的solution了~ 它的Demo程式就是下方這樣的介面，你可以試玩看看，看自己的網站在手機上看會是什麼樣子：(如果畫面出不來，或者有疑似當掉的情形，請按Ctrl + F5來重讀，再試試看。) Opera Mini的線上模擬器需要安裝最新的JRE: Java Runtime Environment. 官方網站：http://www.opera.com/mini/demo/ 相關文章黃金價格顯示小工具(Widget)-目前暫停使用! 首頁PageRank突然由0成長至4，感謝大家支持… 網頁設計及網站經營的趨勢-從搜尋引擎市場變化來思考對策網頁設計(視覺設計,網站程式)計費方式(專業分工費用)及行情調查無名文字繪－得知無名小站好友對你的稱呼心智圖工具 – FreeMind

Google Chrome OS-Google推出的自家Web OS

mrmu — Fri, 20 Nov 2009 17:29:27 +0000

今天Google正式提供了Chrome OS的Source載點，相信已經有許多玩家開始試著把它build起來安裝了(據說很陽春…但也不意外)，不過Google目前不會提供給一般使用者下載安裝Chrome OS，這個Source載點，我想主要還是針對OEM(代工)廠商的測試，因為Google希望Chrome OS能跟著廠商的機器在明年一併正式問世。而今天在看過Google Chrome OS的概念後，決定來寫一篇個人感想。會想寫一點感想，主要也是因為最近在書局看了這兩本書，也很推薦給各位，可以對Google作法、目標及獲利方式有個概括的了解： Google Chrome OS究竟會是什麼樣子呢？Engadge.com有很簡明的介紹，其實剛開始得知這樣的消息，很多人也許會想到之前M$把IE4跟Win98緊密整合的情況，但Google這次玩的更大更徹底，看下面的圖，整個OS的操作就是以Chome瀏覽器的UI為主，似乎沒別的了，Client端似乎連硬碟也不需要了，因為它們就是把 Client端的運算，都丟上雲端了。把Client端的運算都丟給Google的伺服器，那表示Chrome OS沒有網路就等於關機了。「什麼？好鳥哦…這一定不適合我，沒網路我還能打電動呀~ 沒網路我還能看片子呀~ Blah Blah…」相信這些都是大多數人聽到沒有網路等於關機的第一個念頭。不過我想，Google所做的一定比我們所想的都多，想的更遠，甚至比我們了解自己。別說不可能，他們提供這麼多昂貴的免費服務，為的就是要透澈的了解我們的行為與習慣。雖說web os沒網路就不能用，給人一種不安全的感覺，但我們對於網路的需求早就遠比我們自己想像的高了。至少不能上網時，我個人不會想開機 (想開機的情況很少很少…)，你說打電動、看片子，其實都是在你的電腦也能上網的同時做的，說穿了，說不定你主要是想上網，其他的都只是附屬功能，那這種情況下，沒有網路等於關機，似乎也很能讓人接受了。最後附上一段Chrome OS的UI操作概念影片，大概就有感覺了：參考資料： Google.com 相關文章首頁PageRank突然由0成長至4，感謝大家支持… 鑽石、訂製鑽戒的線上之戰：eBay, 藍色尼羅河(Blue Nile), 九鑽網金屬創造力聯播－金工、藝術、設計優質Blog聯播 Google Buzz! Google的社群應用初體驗! 設計、美學、金工、珠寶部落格的網路行銷工具－台灣創造力聯播。(09/01/04更新) 虛實整合的趨勢

Wordpress CMS外掛-Pods CMS:簡單客製化企業網站(下)

mrmu — Tue, 17 Nov 2009 12:44:57 +0000

上回我們談到Pods後台能設定pods,templates,pages，就好比MVC架構的三個特性。在pods頁面，我們先選state這個pod來看一下設定畫面：左上角的name是預設的第一個欄位，每個pods都會有一個name。而下一個欄位abbrev就是自訂出來的，所以這個pod有兩個欄位。如果需要自訂pod，就新增一個，再看自己需要什麼樣的欄位，一一設定進去就行了。設定好pod的欄位，就能到後台選單裡的Pods發現多了一個 Add xxx的選項，以state來說就是Add state，這邊就能新增pod的內容，而wp後台pods選單還有browse content選項，可以看到所有設定好的pod及其內容。進入templates我們可以發現像標籤模版的語法，像是{@name}這樣的語法，就是取得pods的name欄位內容；而進入pages我們也能看到一些特定的api，可以去取得pods的內容，並且套用templates的設定後，再行輸出。如果各位跟我一樣，一開始對pods的設定及使用沒有太多耐心，其實我們也能直接就用pages來設計我們自訂的動態頁面，我們來試試看吧! 首先進入pages，然後新建一個名為testphp的頁面，我們隨便寫一段php程式，就寫九九乘法表好了XD，如下 (請先別學範例在裡面打中文，稍後說明原因)：之所以會加上那個div的語法來包住它，主要是因為配合wordpress預設的template，因為這個自訂頁面會被嵌進template之中，請依各種templates 的設定來修改，否則頁面可能會亂掉。我們用php語法如此自訂了一個動態頁面後，就可以輸入 http://您的部落格網址/testphp 來觀看結果了! 請注意，若您輸入中文可能會在這裡出錯，因為pods預設的資料庫語系是瑞典文，請進入phpmyadmin修改wp_pod_pages資料表各欄位的語系為unicode語系，才能支援中文! 在此僅僅以兩篇入門文快速介紹了Wordpress Pods CMS外掛，相關的API使用，還需要查詢官網來做進一步的理解。 Pods CMS外掛，讓我們能在Wordpress中插入自製的動態網頁，如此我們可以很方便的客製出其他類型的功能，在設計企業使用的CMS網站時，無疑是一個便利的工具! 參考資料: pods的官方教學，還有一個影片教學 [英文] 相關文章 Wordpress CMS外掛-Pods CMS:簡單客製化企業網站(上) 利用CodeIgniter建立簡單的MVC架構範例黃金價格顯示小工具(Widget)-目前暫停使用! 首頁PageRank突然由0成長至4，感謝大家支持… 網頁設計及網站經營的趨勢-從搜尋引擎市場變化來思考對策網頁設計(視覺設計,網站程式)計費方式(專業分工費用)及行情調查

Wordpress CMS外掛-Pods CMS:簡單客製化企業網站(上)

mrmu — Tue, 17 Nov 2009 12:07:02 +0000

Wordpress是一款開放原始碼(open source)的部落格架站軟體，自從2003年問世後，就逐漸成為自架部落格的指標性軟體。也因為它開放性的外掛(Plug-in)機制，讓許多國內外的好手都加入撰寫外掛行列，成千上萬的外掛給了Wordpress無限的想像空間。而Wordpress本身內建的Role管理機制(可註冊會員，而會員們又分為四種等級，分別有不同權限)，不僅讓Wordpress具備共筆部落格的能力，也讓開發者進一步思考到，是否能藉由安裝外掛，將Wordpress”升級”為CMS(Content Management System,內容管理系統) 的層級，於是一系列的Wordpress CMS plugin就一一誕生了。今天要介紹的是Pods CMS plug-in這套wordpress外掛，根據官網的描述，Pods是一套架構在Wordpress之上的CMS Framework plugin，允許使用者新增自定的內容，而這個自訂的內容，就稱為pods，安裝外掛後，這些pods都會存在屬於自己的資料庫欄位供自訂頁面使用。官腔式的說明很難讓人明白它到底可以幹嘛，所以我們就裝來試試看吧! 在開始安裝pods外掛前，請先設定固定鏈結。如果網頁空間是您自己的，要先作以下設定：開啟apache的httpd.conf, 把#LoadModule rewrite_module modules/mod_rewrite.so 的註解拿掉接著再把網頁空間路徑的 AllowOverride None 改成 AllowOverride All 建立空白的.htaccess，設為可寫777，放在wp根目錄到wp後台選擇固定網址的類型，它就會把固定網址的類型轉換規則寫進.htaccess內大功告成，如果不會再更換固定網址的類型，可將.htaccess設回644 如果空間是租來的，那要先確定主機商有沒有開放空間支援.htaccess，有支援的話，只要從上面的第3步開始做就行了。安排好.htaccess後，就可以到後台的固定鏈結進行下圖的設定。設定完後，就可以開始安裝Pods CMS外掛了! 可以到wordpress外掛官網下載，下載後解開，放進wp-content/plugin下，再到後台開啟，您就可以看到它出現在選單上了! 安裝好Pods，其實裡面就有範例了，它已經有兩個pods，分別是country及state，但要檢視pods的內容，必須要有對應的page，您可以到Pods/Setup裡看到上方有pages的項目，裡面只有設定了states的page，只要確定page裡有設定，我們就能檢視它。我們可以輸入http://您的wp網址/states來看它的內容，內容如下：而出現的這些資料，其實都以「欄位對應值」的方式定義在Pods/Setup裡面的Pods頁面，各位可以觀察一下。而展示資料的方式，主要是定義在Templates，但也能在Pages作掉，有沒有嗅到MVC 架構的味道了呢？下一篇我們再繼續談下去。對了，上圖資料出來有移位的現象，那是因為沒有配合這個wp模版的設定，應該要包上div才能正常顯示，下回的例子我們再來解決這個問題。參考資料: 關於固定鏈結的設定問題，香腸炒魷魚的這篇有很清楚的說明 Pods官網相關文章 Wordpress CMS外掛-Pods CMS:簡單客製化企業網站(下) 利用CodeIgniter建立簡單的MVC架構範例黃金價格顯示小工具(Widget)-目前暫停使用! 首頁PageRank突然由0成長至4，感謝大家支持… 網頁設計及網站經營的趨勢-從搜尋引擎市場變化來思考對策網頁設計(視覺設計,網站程式)計費方式(專業分工費用)及行情調查

Google Closure工具:Google的javascript工具組

mrmu — Sun, 08 Nov 2009 07:35:00 +0000

全球數百萬的Google用戶每天都使用Google提供的Gmail, Google Docs及Google Maps等便利的服務，這些服務都大量使用javascript應用，也能由此看出Google對javascript-based apps的重視程度。最近Google更提供了一組開發javascript的工具組，讓全球的開發者能更輕鬆的開發殺手級的javascript apps，這組工具分別是：Closure Compiler, Closure Library及Closure Templates，可視為分別針對javascript程式碼優化、框架、樣版引擎所提出的解決方案。 Closure Compiler 提供三種優化javascript程式碼的方式，分別是Serive UI, API, Application等，而優化的方式可以透過不同的設定來進行，可以幫你把javascript程式排得整整齊齊，也能用很「極端」的方式，幫你把無用的函式或冗詞精簡，建議在寫完javascript code後可以來compie一下。Service UI的形式是我個人覺得最方便的，因為它就是一個網頁的表單，設定一下就會跑出結果。如下圖，左邊是compile前的設定，右邊則是compile後的優化成果)，Closure Compiler Service UI的官方教學文請見這裡。除了提供這種網頁介面直接編譯的方式外，closure compiler也有提供API可以讓你的網頁直接POST要compile的code過去，就能得到結果。Closure Compiler API 的官方教學文請見這裡。但要注意的是，如果要 compile的檔案很大， compile會失敗，這時就必須使用 Google 提供的 Closure Compiler Application 來處理，也就是要下載compiler-latest.zip 回來用 (請先確定你的電腦已安裝JRE)，解壓縮裡面有個compiler.jar檔，就用這個來 compile，不過令人感到美中不足的地方是，要用命令列的方式來compile，就像：java -jar compiler.jar –js [您的檔案名稱] –js_output_file [輸出名稱] ，這樣，詳情可見Closure Compiler Application官方教學文。 Closure Library 可視為Google版的 javascript framework，提供了許多跨瀏覽器又便利的javascript函式操作及 UI 元件，不過目前我個人還是比較習慣jQuery，就靜待觀察Closure Library是否能讓其他現有的js framework一一躺平吧。 Closure Templates 是為了解決javascript跟HTML網頁的版面搞在一起的問題，就像是樣版引擎一樣。這裡有Hello World的範例解說，因為對樣版比較沒有感覺，所以就先寫到這了。相關文章黃金價格顯示小工具(Widget)-目前暫停使用! 首頁PageRank突然由0成長至4，感謝大家支持… 網頁設計及網站經營的趨勢-從搜尋引擎市場變化來思考對策網頁設計(視覺設計,網站程式)計費方式(專業分工費用)及行情調查無名文字繪－得知無名小站好友對你的稱呼心智圖工具 [...]