[工具]Google Analytics分析

這是PZman告訴我的網路服務,從上周開始我也開始使用了,只是一直沒想到要把他打上來。

服務網址 : http://www.google.com/analytics/zh-TW/

(image)

通常身為一個網站站長或者Blog經營者,多少會好奇每天或一個月以來,自己的網站被參觀的情況,包括人數,或者流量以及停留時間等資訊,而有的Blog可能有這樣的外掛或功能可以安裝,而有的是只要在網站上嵌入一段code就可以讓某些引擎幫你做這樣的統計,這種服務當然也不是新東西了,只是Google提供這個免費的功能,不但不用錢而且功能很強大

你可以很詳細的看到你的網站是哪一些網頁被瀏覽了多少次,來得知你受歡迎或常常被查詢的網頁或文章,你也可以很清楚看到來參觀你的網站的點是來自哪些國家〈會有地圖分布圖示給你看〉,停留時間以及流量那些基本功能也通通一併俱全,甚至有很多細部的功能可以讓你對自己網站做非常全面性的分析,是很棒的分析服務喔,推薦有這個需求的朋友可以使用看看

[教學]Flash的反解譯&Flash(SWF)完美輸出成影片

嗯雖然這兩件事情很早就有在使用,但是一直沒想到可以寫個教學來分享一下,因為實在是太小了XD〈軟體小功能也小〉,總是會忽略,因為這禮拜有回母校演講,後來有學弟妹來信問相關問題,剛好藉此機會稍微寫個小教學,以便以後有人需要可以查

通常我們看到很炫的Flash效果,有時候都不知道是怎麼做的,想辦法把他抓到電腦裡了也只是swf檔…還是不知道怎麼寫的,小樽已知的Flash反解譯軟體有兩套…一套叫Imperator °FLA ,一套叫Sothink SWF Decompiler,早期兩套軟體的反解譯能力大同小異,能解的大概兩邊都解的差不多,反之程式太複雜或者有被設計分割過的swf大概也都沒輒

目前〈2007/11/29〉最新版本Imperator °FLA 是4.0,Sothink SWF Decompiler是3.7,基本上使用都相當簡單,只要將swf讀入軟體再存成fla即可,也可以使用進階功能只存出要的原件或程式

(image)

另外

如果已經使用Flash很久的朋友,應該也知道,Flash匯出影片的功能有許多限制,問題比較大的例如MovieClip的動作不會被匯出,另外就是遮罩的效果也無法運作,這些只有匯出Flash自家的swf才能看到,匯出影片格式都不被支援,也所以有對應的swf輸出影片軟體誕生…他就是SWF2Vedio

(image)

這套軟體可以將你發佈的Flash動畫所見及所得的錄製成影片,Pro板的SWF2Vedio可以輸出的影片格式為AVI,不過通常讓我們覺得最實用的是他甚至可以發佈連續圖檔,限定圖檔格式是tga,而且很強悍的可以帶Alpha輸出,就是你在Flash裡面製作的時候留白的部分可以變成Alpha資訊一併輸出再tga裡,很多時候是一個不錯的快速解決方案,小樽之前有些影視片頭的特效case,估量時間跟熟悉度後,也常常用Flash製作一些效果後用這套軟體輸出連續圖檔來使用,非常方便,也因為它可能發展已經太成熟了…一直沒有新版本XD

以上兩種軟體的資訊提供給需要的人,希望對你們有所幫助

[教學]從最一開始架設WordPress2.3.1

本Blog使用的就是Wordpress系統,在About裡面也有提到這點,而到今天〈2007/11/21〉為止最新版本為2.3.1,剛好課堂上有需要教架設Wordpress的安裝,所以順便寫一篇簡易教學〈其實真的很簡單〉,除了提供上課的學弟妹做學習用,寫在Blog上也以便提供任何需要架Wordpress的新手,老手就不用看了XD

Step.01下載Wordpress

請到Wordpress的官方網站,按一下右上角的Get the new version,進入下載頁面後選擇你要下載格式如下圖

(image)

Step.02 設定Wordpress安裝資料

下載解壓縮完的檔案中,有一個叫做wp-config-sample.php的檔案,請用記事本或其他文字編輯軟體打開他,你會看到一些設定如下

(image)

主要需要注意的如下,其中*****的部分是你要填寫的位置

define(‘DB_NAME’, ‘*****‘);    // 你的資料庫名稱 define(‘DB_USER’, ‘*****‘);     // 你的資料庫使用者帳號 define(‘DB_PASSWORD’, ‘*****‘); // 你的使用者密碼 define(‘DB_HOST’, ‘localhost’);    // HOST name…99%你不需要改他

 Step.03 預先中文化Wordpress

如果你要安裝中文語言包,請到這裡下載Wordpress2.3.1的中文語言包

壓縮檔裡面有兩個檔案zh_TW.mo、zh_TW.po,請把他們解到/wp-content/languages/底下,沒有languages資料夾可以自己手動建立

之後在步驟2的wp-config-sample.php檔,下方的define (‘WPLANG’, ”);這段,後面引號內加入zh_TW,變成define (‘WPLANG’, ‘zh_TW‘);

 Step.04 上傳安裝Wordpress 

將改好的wp-config-sample.php檔名改成wp-config.php,ok~請將整個wordpress資料夾傳到你的網頁空間裡,如果你希望你的網頁一打開就連上Blog,則只需要將wordpress資料夾內所有的東西直接傳到你的網頁資料夾內〈例如:public_html〉,之後,如果你上傳的網頁空間網址是http://www.example.com.tw,上傳完畢以後請開啟你的瀏覽器,在URL的位置上打http://www.example.com.tw/wp-admin/install.php,只要前面步驟都正確無誤,會出現如下的畫面

 (image)

在這個安窗視窗上所有的設定事後都可以修改,所以先幫你的blog取個名字吧,只要稍微注意一下電子郵件的部分,因為到下一個步驟以後Wordpress會先自動產生一個管理員帳號給你,只要你的Email正確無誤,Wordpress也會將這個暫時密碼寄給你

最下面的”允許讓我的網誌出現於搜尋引擎中”這個選項也是可以事後取消,他的用途是允許一些已知的搜尋引擎的bot來搜尋你的Blog資料,依照小樽的經驗,勾起來以後真的很容易在Google搜尋到自己的東西XD

完成後按”安裝WordPress”

 Step.05 安裝完成

只要你上面的設定都無誤,Server狀態也正常運作的畫,你會看到安裝成功的畫面如下

(image)

他會給你一個預設的管理員帳號admin,和一組程式產生的密碼,把他抄下來,或者剛剛安裝的時候你有填寫正確的Email也會收到一封密碼信

Step.06 第一次登入

按下頁面中登入網址的地方,就會連到你的Blog的登入畫面,請將剛剛你得到的帳號密打打進去,因為這個密碼你一定會修改成自己好記的密碼,所以”記住我”就先不打勾吧

(image)

之後你就會成功登入你的部落格控制頁面囉

(image)

本頁面上面的工具列中右方有個”帳號”,為了避免程式產生的密碼沒記起來,結果想到的時候才無法登入的慘劇,請到帳號的地方,修改你的admin密碼,或者幫自己另外開一個管理員帳號,小樽的做法通常是admin的密碼改掉以外,仍然另外開一個新的帳號,因為以後你登入的時候留文章或者迴響系統會預設顯示你的帳號,我希望我的帳號名字是自己取的所以另外新開一個

以上…最一開始的Wordpress安裝已經完成了…是不是簡單到翻過來又翻過去?如果安裝好以後你迫不及待馬上自己研究

這裡推薦WordPress歡樂正體中文交流所

如果你想看原文官網則在此

如果有時間,之後在補上一些剛裝好的基本設定例如必用或推薦使用的外掛以及佈景主題設定…等

[CC]Creative Commons-適當的授權分享你的作品或著作

Creative Commons台灣翻譯成創用CC,也有台灣的官方網站在此原文官網在此,目前版本進行到3.0通用(unported)版,不過台灣是正在進行草案中,有興趣的可以到官方網站填入你的E-mail來參與。他所存在的宗旨是能夠讓任何創作或智慧財產權的share更加有活性,你可以針對任何作品包括程式/音樂/文章/藝術品…等,在作者設定的保留部分權利範圍內,自由使用這些作者提供的作品,相關細節在此不贅述,官方網站上都有詳細到翻過來又翻過去的解釋,這裡只針對標章的認識跟申請做講解,如果你懶得看文字也有漫畫…

首先關於標章的認識,目前官方網站提供的訊息整理如下: (官網授權標張網頁在此)

(image)

姓名標示 2.5 台灣版

授權標章 授權條款法律文字

(image) (image)

姓名標示─非商業性 2.5 台灣版

授權標章 授權條款法律文字

(image) (image) (image)

姓名標示─非商業性─相同方式分享 2.5 台灣版

授權標章 授權條款法律文字

(image) (image)

姓名標示─禁止改作 2.5 台灣版

授權標章 授權條款法律文字

(image) (image) (image)

姓名標示─非商業性─禁止改作 2.5 台灣版

授權標章 授權條款法律文字

(image) (image)

姓名標示─相同方式分享 2.5 台灣版

授權標章 授權條款法律文字

(image)

禁止改作 1.0 版

授權標章 授權條款法律文字

(image) (image)

禁止改作─非商業性 1.0 版

授權標章 授權條款法律文字

(image)

非商業性 1.0 版

授權標章 授權條款法律文字

(image) (image)

非商業性─相同方式分享 1.0 版

授權標章 授權條款法律文字

(image)

相同方式分享 1.0 版

授權標章 授權條款法律文字

(image) (image)

取樣 1.0 台灣版

授權標章 授權條款法律文字

(image) (image)

特別取樣 1.0 台灣版

授權標章 授權條款法律文字

(image) (image) (image)

非商業性─特別取樣 1.0 台灣版

授權標章 授權條款法律文字

認識規認識,如果你不想要懂那麼多你就是要用就對了,來!請先到”選擇授權條款這裡“,你可以依照作品的型態來做授權的動作,請選擇根據作品型態來選擇授權條款,內容如下

音樂及錄音:包括中華民國著作權法中的音樂著作及錄音著作。 相片及繪畫:包含中華民國著作權法中的攝影著作、圖形著作、美術著作、建築著作及戲劇、舞蹈著作。 文字、書籍、部落格及網頁:包含中華民國著作權法中的語文著作。 影片及動畫:包含中華民國著作權法中的視聽著作。 講義、教材及論文 電腦程式:包含中華民國著作權法中的電腦程式著作。

選擇你的作品型態後,請選擇你希望授權的模式,如下圖以我要申請動畫或影片的授權為例,下一步的畫面會如下

(image)

如果你不是很懂有甚麼差別,就直接選第一個取得核心授權的方式吧,選擇後畫面如下(點縮圖放大)

(image)

以上圖為例,我選擇了不願意被做商業用途,另外使用者得在”不可”修改或重製我的影片或內容的範圍內,可以複製、公開散撥或播放我的影片,之後你會得到一段html碼如下(點縮圖放大)

(image)

如果你的作品有放在網站上供人下載或點閱,請在這支影片的鄰近處〈按照官方說法越近越好〉,放置這段html碼,他會出現一個cc授權的標章按鈕,這樣只要點擊你網頁上的連結就會連到頁面如下

(image)

此外觀網有建議如果可以你可以將這些授權條款或者標章直接放置在您的影片裡面,如果是音樂的話則是有聲音檔的授權標章,程式也有程式的添加授權模式,詳情可以依照官網上給予的授權步驟一一設定後取得

最後,官網也有提供一些可以產生CC標籤的應用程式或網站在此,如果你想要更方便的取得或辨識授權標章,可以到這裡逛逛

[補充]會動的Favicon小圖示

之前我寫過一篇怎麼做Favicon,也就是在你網址列旁邊那個小圖,也是你將該網站加入我的最愛以後,前面的小圖示可以自己製作的方法,不久後有人跟我說他看到一個網站的這個icon會動!後來上網查了一下才知道原來只要多加一條語法就可以達成,當然你自己還是要先做好一個16X16的gif動畫檔

具體的做法是先做好一個16X16的gif動畫檔,傳到你的網站空間上,你可以做更大的他最後還是只會取樣成16×16,通常會變成你不想要的樣子所以還是直接用16X16做比較建議

將你希望產生效果的網頁檔案打開,使用原始碼編輯模式,在<head></head>之間任意位置(通常是<title>之前),插入以下指令

<link rel=’icon’  href=’圖示路徑/檔名.gif’ type=’image/gif’/>

ok你做完了,但是呢並不是所有瀏覽器都可以完整支援動態Favicon的,FireFox據說是一定沒問題,有興趣的可以玩玩看,不過我沒有做所以不要盯著我的Favicon看~因為做了我自己也看不到XD->我不是用IE7就是用Opera看,純粹是有朋友問就順便追加補充這篇

優秀的免費英文字型網站

強者我同學米歐今天在問一個英文字型,雖然我有很多字型,也有字型管理軟體,但是通常要用到的時候也是在那裏套很久,因為字型的造型特徵通常跟他名字沒甚麼關係,後來就請同學先上網查查看有沒有名字我在幫他找,後來同學就找到了這個免費字型搜尋網站

http://www.searchfreefonts.com/

(image)

上面的分類真的是太人性了,而且還有評比,特徵,我想應該很多人都會有機會用到,因此寫出來推薦!

自製網站(網址列)圖示教學

當我們在逛一些網站的時候可能會發現,顯示在瀏覽器網址列前的小圖示會變成不同的圖案,或者當你將這個網站加入我的最愛以後,當你打開我的最愛列表時,也會發現這個網址的最前方也是這個小圖示,例如小樽的網站就有(如下圖)

 (image)

這是怎麼做到的呢?其實非常的簡單唷

1.首先你必須要先製作一張16X16像素的icon(.ico檔),至於怎麼製做呢?你可以使用軟體例如IconCool Editor,或者你也可以到FavIcon from Pics 這個網站來線上製造一張屬於自己的icon檔,完成之後,為他命名(例如小樽的叫skylogo.ico)

2.然後將他上傳到你的網頁空間下,你可以放在根目錄也可以放在任意資料夾只要你記的住

3.將你希望產生效果的網頁檔案打開,使用原始碼編輯模式,在<head></head>之間任意位置,插入以下兩條指令

<link rel=”shortcut icon” href=”圖示路徑/檔名.ico”/> <link rel=”Bookmark” href=”圖示路徑/檔名.ico”/>

上述icon圖檔的路徑可以是絕對位置也可以是相對位置,如果你不確定網頁跟icon圖檔的相對關係,避免路徑出錯找不到圖檔的話可以使用絕對位置,上面兩斷指令第一段是將icon指定讓瀏覽器知道要到哪裡去找到這個網站的icon檔,第二段是處理書籤(bookmark)裡面的圖示,但是即使沒有寫第二行,只要你關閉重新開啟瀏覽器,瀏覽器也會自動幫你替換圖示,有寫的話馬上就會幫你更換圖示

Html自動換頁的語法

很多時候我們有機會用到這個語法,尤其例如網站搬家或者有連結更動的時候會需要他,而這個語法也可以很簡單的指定停留秒數

語法: <meta http-equiv=”refresh” content=”秒數; url=網址“>

放置位置: 網頁的<HEAD>和</HEAD>

其中content就是停留秒數,url=要轉過去的網址,可以是絕對路徑或相對路徑

NextGen Gallery

這是我使用的for wordpress的相簿外掛,因為有一個問題我一直沒能解決,就是我的相片都是按照我想要的順序給他命名,但是讀入以後都沒有按照我命名的順序排序,這點很困擾我,到卡斯伯先生的blog上討教的時候,卡斯伯先生也說他遇過這個問題,要我可以向原作者請益,於是我上了作者的網站,發現最新版本是7/31釋出(0.64),我裝的時候剛好是前一天所以表示有新版本出了我還沒裝,當下載下來傳上去了,不過是否有包括解決了命名問題還不曉得,待會就來試試看

===解決分隔線解決分隔線===

我找到這個功能了,在相片集的Options裡面選[相片集],在中間左右有一個Sort thumbnails的功能就是選擇縮圖排序的原則,預設是ID,但是其實我們的圖片只要是批次近來的,不論是資料夾匯入或者zip檔上傳,那個ID並不會依照你的檔名給予,但是你可以在這裡選擇file name,他就會依照檔名排序