草監生活

[教學]立即解決DNS更新連不到網站的問題

2010-03-28T01:51:00.000-07:00

一般網址為了讓大家好記憶，通常都是以英文(或中文)型式表現，當使用者打下網址之後，便會透過DNS主機將網址轉換成IP位置，通常這個過程使用者都不會有任何感覺，只會知道"我打下了網址前往某網站"，但是一個新網站的誕生卻需要一段時間拿IP跟網址登記DNS，DNS才會知道網址所對應的IP是在何處，而我們的電腦為了加快速度，通常都會留下暫存檔，也就是電腦會記住某個網址的IP省去與DNS溝通的時間，也就是所謂的DNS快取，讓我們更快前往網站，就像瀏覽器都會暫存網頁下來，讓我們更快的瀏覽到頁面，可是如果今天網站對應的IP改了，那就要等DNS生效，在未生效前都會前往舊的IP位置，DNS生效後就會前往新的IP位置，可是這時候會因為作業系統對IP的暫存（也就是DNS Catch），導致使用者前往舊網站，這時候除了可以等DNS Catch時效過期而自動刪除外，你也可以手動刪除，以下就介紹在Windows、Mac OS與Linux中，刪除DNS Catch（Flush DNS）的方式：

-Windows清除本機DNS Catch的方法-

打開你的Windows，開起搜尋框，打下cmd（或從附屬應用程式中找到命令提示字元）。
當命令提示字元的黑底白字畫面跑出>的時候輸入ipconfig /flushdns，然後按下enter鍵。
完成，你的DNS Catch已經手動清空了，本方法應該適用於任何版本的Windows。

-Mac OS X清除本機DNS Catch的方法-

打開你的Mac OS，點擊畫面右上角的放大鏡圖示的Spotlight，輸入terminal（或終端機）。
當終端機的白底黑字跑出$的時候，如果你是10.5以上版本請輸入：sudo dscacheutil -flushcache，不到10.5版本請輸入：lookupd -flushcache，如出現詢問密碼，請輸入您的系統密碼（同安裝程式時所輸入的密碼），輸入密碼時畫面並不會出現任何文字或*，請照打，打完按下Enter鍵。
完成，你的DNS Catch已經手動清空了。

-Linux 清除本機DNS Catch的方法-

開起你的terminal輸入/etc/rc.d/init.d/nscd restart，或者sudo /etc/init.d/nscd restart。
如果執行上述指令卻出現command not found，代表您的系統尚未安裝nscd，請先執行sudo aptitude install nscd，安裝nscd，安裝完成後請重新執行第一點之指令 /etc/rc.d/init.d/rstatd，或者sudo /etc/init.d/nscd restart。
完成，你的DNS Catch已經手動清空了。

以上就是各種系統清除DNS快取的方法，如果有誤請留言告知，將會在第一時間內馬上修正內容。

引用自:草監影像私人頻道

[借書]眾多免費書集有板全的PDF下載

2008-11-17T19:16:00.000-08:00

http://192.83.187.51/ebookcgi/ttsweb.exe?@ebooksrh

台北市立圖書館買斷遠景出版事業公司所出版有關文學類（含中西文學）、歷史類、小說類、藝術類、傳奇類、傳記類等通俗書籍電子書，沒有同時使用人數的限制，提供內文的全文檢索，可在網頁上直接顯示、列印或下載全文，亦提供全文PDF檔。

所以只要你有台北市立圖書館聯合借書證，那你就可以免費借閱所有PDF，借書館只需前往台北市立圖書館(任何一館都行)即可辦理，非台北市民也可辦理喔！

[網站]11個讓你觀察網站的工具

2008-10-11T23:05:00.000-07:00

當一個網頁設計師或者是網站擁有者最關心的莫過於"我的網站有人看嗎?" 為了滿足這個疑問,網路上開始開發許多像是流量統計或網站觀察工具等產品,有很大部分都是免費使用的,今天這篇文章就是要介紹幾個免費又好用的網站觀察工具:

1Goglle Analytics (分析)
這是google所研的網站觀察工具,你可以使用此工具了解你的網站(或部落格)的成長狀況,也可以輸出報表,非常的容易使用,當然也會有一些來客的資訊,例如來看草監生活的幾乎都是台灣人(或更細的台北人之類的),使用容易程度簡單,詳細度高

2Yahoo站長工具
這是Yahoo推出的站長工具,在版面上比google好看一些,統計功能方面各人覺得跟google差不多,但是Yahoo比較注重於地域性(不知道是不是雅虎全球都有入口網站的原故?!),所以在來客資訊部分顯然比google更清楚,詳細度感覺也較高,就我個人使用Yahoo與Google這兩種工具比較之下,數據上出入有人會差十幾人,我想這應該跟入口網站搜尋功能差異有關係吧?!使用容易程度簡單,詳細度高

3Compete
之前介紹的都是比較個人的工具,而Compete則是提供網站與網站之間的比較,讓你可以比較兩者網站之間的不同,不過缺點是...似乎對子網域無效!

4Quantcast
Quantcast是一個讓你簡單可以觀察網站流量多寡的網站,在Quantcast的網站上有許多知名網站流量可供瀏覽,參考價值很高喔!不過流量過低...當然就會找不到資料就是了,算是一種有門檻的觀察工具吧!

5Alexa
是的!如果你有在注意網站的情況甚至會去找些資料,那你一定看過這一個網站,沒錯!他就是一個公平公正公開但是並不很即時卻依然有很高參考價值的網站觀察工具,如果你想了解一個網站的流量與成長,你可以透過這個網站看出一點端倪來,不過,上面資料僅供參考,實際情況,根據我的觀察,還是有一定落差在...

6Popuri.us
如果你嫌之前的都太複雜,那這款一定適合你,因為他沒有複雜的報表也沒有落落長的統計圖,更沒有嚇死人的工具列表,Popuri.us只供一些簡單的網站查詢服務,你可以撿查你的網站或部落格有無登入各大知名流覽器或書簽網站,並且提供一些簡單的SEO結果資訊,前前後後也才幾行就搞定一堆資訊,真的是簡單方便又好用!

7socialmeter
顧名思義就是簡查你的網站或部落格的社交狀態,何謂部落格社交狀態? 那當然是個大書簽網站被收入的情況囉! 不過這個網站只提供國外不提供國內,當我把草監放進整個就是慘不能堵...

8Quarkbase
這是一個提供網站全方位觀察的結果,不過不支援子網域,他有非常簡潔的外表,當你打下網址,你會看到很多詳細的資訊,算是還不錯的統計工具

9Websiteoutlook
這是一個很有趣的網站!他會告訴你你的網站價值多少美金!當然還是會告訴你一些關於網站的資訊,做一些詳細的統計,我把草監放進去居然有到一千塊左右的美金,換算成台幣也有三萬多,當然...這只是參考參考,我想也沒人想買草監吧XD

10Cubestat
與上一個相同的是他會告訴妳你的網站價值多少美金,但不同是他的規則可是比上一個嚴厲的多了,在網站設計上也顯然比較單純,草監也活生生從一千塊左右摔到一百塊,真的,不同的網站測出來的數據差距都不小阿~~

11Webrankboard
這個工具提供簡體中文!雖然不是繁體但是多少看得懂,只要輸入網址他就會幫你撈出一堆資料讓你來簡查你的網站或部落格到底哪裡有問題,順便還幫你做了W3C檢查,你W3C了嗎?

以上就是本篇讓你觀察網站的工具,好用記得發聲一下阿~

[美味]親愛的我把食物變好吃了-美食產生器

2008-10-10T07:29:00.000-07:00

這是一個只要上傳食物圖變就可以變你把食物變的鮮豔可口,讓你忍不住食指大動口水直流的美食產生器,在頁面上你可以看到許許多多的範例,只要把滑鼠移至上頭就會掉換成原本的樣子,試試看!你就會知道原來美味的照片簡單就可以得到!

http://www.monolis.co.jp/food/

[景點] 核爆後的廢區大陸

2008-08-17T08:52:00.000-07:00

放上兩張今天懷念起第二人生(Second life)之後回去以前最常去的廢區探險時看到的畫面,這個廢區是核爆之後所留下的土地,在裡面可以找到很多有趣的東西與畫面:p,拍照的時候是第二人生 (Second life)的半夜,雖然可以自己調整陽光(可以黑夜瞬間變白天XD),但是我還是喜歡跟隨著時間而變動的氣氛!
這是一張...被分屍的機器人...我剛看到的時候也嚇到,這應該超過普遍級了才對...

這一張,也是在同一個大陸上看到的,居然是...恐龍化石耶! 而且我還撿到一顆類似石頭的東西,不知道會不會也是化石?!

[改造]XP 大改造之我要變成Vista (三)

2008-08-12T08:54:00.000-07:00

::前言::
上一篇中教大家如何讓縮小在開始工具列上產生縮圖,再加上上上篇我的電腦讓硬碟出現血條的教學,這篇要交的是,如何把XP音效轉換成Vista音效!

::本次目標::
將XP音效轉換成Vista音效

::事前準備::
改造電腦一台
設備與先前完全一樣,顯卡基本上很舊了,比主機板內建的還糟糕,主機板是技嘉的8I865GME-775-RH
基本上支援CPU到 Core2 但是我這台電腦很老了,壞哪裡才換哪裡,CPU至購買至今還沒壞,所以依然是P4 3.0 赫茲~

Vista音效包
我已經幫大家準備好了,請大家前往領便當
http://www.badongo.com/file/10826562

備註:便當狗簡易文字版下載教學,開啟上列網址,看向網頁右手邊會有一張亂碼圖跟一個輸入框,把框框內的亂數字母或數字填入,按下送出等待讀秒,倒數結束就會出現載點!

－中場休息，本文章出自草監生活，歡迎引用（不得用於商業行為），但請勿修改，並保留出處　http://nowilllive.blogspot.com/－

::使用前::
我想大家用XP很久就會知道那種登登登登的音效還有突然蹦出來記憶體錯誤的登!為了怕勾起大家心中的傷痕我還是不要放了...

::使用中::
下載完後,請解壓縮,你會看到一個資料夾叫做vista音效包,請打開資料夾

開始資料夾後你會看到一個檔名為"安裝方法"的純文字文件,你可以開也可以不開,這份文字文件是讓你之後要修改音效時忘記怎麼安裝可以打開來看的教學備份文字文件檔－中場休息，本文章出自草監生活，歡迎引用（不得用於商業行為），但請勿修改，並保留出處　http://nowilllive.blogspot.com/－

文字檔裡面寫的就是下面這個步驟,找到檔名為"Vista"的檔案,在上面案右鍵選擇安裝,就會自動安裝在XP內建音效檔位置安裝過程會出現一個檔案複製中的視窗,等待視窗跑完,恭喜你,你完成音效改造的步驟了

::使用後::
你現在可以重新啟動電腦聽聽看不一樣的關機與開機音效囉!希望你會喜歡:p

[改造]XP 大改造之我要變成Vista (二)

2008-07-26T07:55:00.000-07:00

::前言::
上一篇中教了大家如何讓硬碟變成圖式化顯示,雖然是個小地方但是卻有很不一樣的感覺,這次要講的也是一個小地方,但是卻可能是很實用的小地方喔!

::本次目標::
讓工具列上縮小的選項出現Vista式縮圖

::事前準備::
改造電腦一台
設備與先前完全一樣,顯卡基本上很舊了,比主機板內建的還糟糕,主機板是技嘉的8I865GME-775-RH
基本上支援CPU到 Core2 但是我這台電腦很老了,壞哪裡才換哪裡,CPU至購買至今還沒壞,所以依然是P4 3.0 赫茲~

Vista 工具列縮圖模擬軟體 Visual Task Tips 一枚

Visual Task Tips 也是一套輕薄短小的軟體,主要用來模擬Vista 工具列縮圖效果,目前只支援32位元不支援64位元,簡單說就是他還不支援雙核心
Visual Task Tips 與Vista Drive Icon一樣都是免費軟體,不需要付費喔~檔案大小大概104Kb左右

載點Installer, 102.0Kb

或上官方網站下載http://www.visualtasktips.com/

－中場休息，本文章出自草監生活，歡迎引用（不得用於商業行為），但請勿修改，並保留出處　http://nowilllive.blogspot.com/－

::使用前::
這是一般的工具列,當滑鼠在上頭時不會有任何縮圖
::使用中::

打開安裝程式如下,按 Next
下一步同意授權, 選擇下 I Agree ... 在按下 Next

－中場休息，本文章出自草監生活，歡迎引用（不得用於商業行為），但請勿修改，並保留出處　http://nowilllive.blogspot.com/－

下一步,選擇安裝位置,如要修改請案Browse...一般都是選擇預設位置,確定安裝位置後按下Install

安裝完畢後會到這個畫面,請不要取消打勾,按下finish,就裝好這個程式了

－中場休息，本文章出自草監生活，歡迎引用（不得用於商業行為），但請勿修改，並保留出處　http://nowilllive.blogspot.com/－

::使用後::
剛好移到工具列還是一樣沒有縮圖,這是正常現象,因為本程式的運作原理應該是在開啟時抓下圖片,下次移到工具列在輸出之前抓的圖片,所以只要打開選項(如下圖是打開firefox)然後在縮小
當滑鼠移到工具列時,縮圖就出現啦!! 恭喜你又成功改造一個地方囉!

－中場休息，本文章出自草監生活，歡迎引用（不得用於商業行為），但請勿修改，並保留出處　http://nowilllive.blogspot.com/－

::軟體說明::
如果你覺得出現的視窗太多了,可以在工具列右邊看到下圖中的小圖,點兩下就會開啟軟體設定

下圖就是軟體設定選項,依序是顯示縮圖大小.出現延遲時間,最後一個由於本人英文不太好,所以不太清楚,但根據我的猜測應該是縮圖產生與更新的時間調整,所以隨意更動可能會影響電腦效能喔~建議是不要變更比較好喔!

[改造]XP 大改造之我要變成Vista (一)

2008-07-26T02:38:00.000-07:00

::前言::
Vista 出來已經一段時間,但是市面上老舊電腦有很多都跑不動Vista這個複雜的系統,對於老舊CPU來說實在太吃力
對於勉強可以跑跑XP的CPU來說更是望塵莫及,雖然網路上已經有許多地方開始教大家如何把XP改成Vista
讓XP用戶可以過過乾癮,但是仍然還有許多用戶存在著迷失~
"改出來會有多像? 還不是XP "
"沒有圖給我看,我怎麼知道改得像不像"
"我是電腦白癡,沒有一步一步的教學我實在看不懂..."
就如以上總總之迷失,不斷的出現著,所以秉著好東西與全世界分享的心情,於是寫下這一系列的教學(遠望)
歡迎大家轉貼,但是請勿修改,並且著名出處,這樣才是史上最優的網友喔!

－中場休息，本文章出自草監生活，歡迎引用（不得用於商業行為），但請勿修改，並保留出處　http://nowilllive.blogspot.com/－

::本次目標::
改造XP 硬碟容量之顯示畫面,變成Vista 圖像式顯示 (就是變成血量條)

::事前準備::
改造電腦一台
本改造之內容對象為一台有點年紀的電腦設備為 P4 3.0GHz 2G的Ram
作業系統為 Windows XP Professional SP2 版本
為了節省CPU 與 Ram ,本台電腦使用的佈景為傳統佈景,桌面也如下圖一樣藍藍一片

Vista硬碟容量圖像式模擬軟體一枚
本次所使用的軟體是Vista Drive Icon

Vista Drive Icon 是一套模擬Vista 硬碟容量圖示化的軟體,安裝快速,使用方便,讓您在XP也可以享受Vista 等級的硬碟顯示喔!
本篇所使用的是Vista Drive Icon 1.4版本 , 官方發布日期是2008-04-13 是目前最新的一個版本
載點:Vista Drive Icon v1.4 (exe)

或前往官方網站尋找http://drvicon.sourceforge.net/

本軟體為Freeware,所以不用花費任何一毛錢,而且檔案大小約132KB , 非常的輕薄短小

－中場休息，本文章出自草監生活，歡迎引用（不得用於商業行為），但請勿修改，並保留出處　http://nowilllive.blogspot.com/－

::使用前::

為一般傳統的顯示畫面

::使用中::

將下載好的Vista Drive Icon 1.4 .exe 軟體打開,看到了安裝畫面,只有英文可以選擇
下一步,按下 next

－中場休息，本文章出自草監生活，歡迎引用（不得用於商業行為），但請勿修改，並保留出處　http://nowilllive.blogspot.com/－

下一步同意授權, 按下 I Agree

下一步,選擇安裝位置,如要修改請案Browse...一般都是選擇預設位置,確定安裝位置後按下Install

等待安裝過程中,不需要按任何按鍵

安裝完畢後會來到這個畫面,上面紅色圈圈打勾的地方請不要取消,取消就會看不到效果了,請直接按下面的Finish

－中場休息，本文章出自草監生活，歡迎引用（不得用於商業行為），但請勿修改，並保留出處　http://nowilllive.blogspot.com/－

::使用後::
安裝好Vista Drive Icon 1.4 .exe 後,打開我的電腦就會看到下面的畫面
恭喜你成功啦!!

[appserv] 外部資料庫匯入

2008-07-20T23:33:00.000-07:00

1首先將sql檔案放置於資料夾中(在自己知道的位置上就可以了),並且記下位置
2打開cmd命令提示字元
3使用"cd\" 與 "cd 路徑" 切換到 appserv 的 mysql\bin (路徑大致上是C:\AppServ\MySQL\bin)
4輸入 "mysql -uroot -p 資料庫名稱 <資料庫路徑"
5輸入 root 密碼按下enter 即可

範例
1在"C:\" 放入 mysql.sql 資料庫,路徑為 C:\mysql.sql
2開一個資料庫,名稱為test
3開啟cmd切換至C:\AppServ\MySQL\bin>
4輸入"mysql -uroot -p test < C:\mysql.sql
5輸入root密碼按下enter,結束

[CSS] 40 種不一樣的的CSS排版方式

2008-07-12T00:34:00.000-07:00

在blog.html.it裡有一面專門在測試CSS排版方式的頁面,在裡面展示了簡單的CSS,如果在快速的時間內排出40種不同的版型,可以讓新手練練功參考一下答案,雖然作者排列的方式很簡單但是卻很實用喔!

展示:http://blog.html.it/layoutgala/

[排行]Web 2.0 Awards

2008-07-10T08:28:00.000-07:00

http://www.seomoz.org/web2.0/short

這是一個排行評比網站,從2006年開始舉辦Web 2.0 Awards , 替優秀的網站加上一個獎杯

[搜尋]用顏色搜尋的ideeinc multicolour

2008-07-10T08:20:00.000-07:00

http://labs.ideeinc.com/multicolour/

ideeinc multicolour 是一個擁有三百萬圖庫且是用顏色去搜尋的多媒體色彩搜尋引擎,你可以選擇你所喜愛的顏色去搜尋,是個有趣的搜尋器

[飲食]愛上食物討厭浪費lovefoodhatewaste

2008-07-10T07:52:00.000-07:00

愛上食物討厭浪費(http://www.lovefoodhatewaste.com/)是一個專門研究實務與節省食物的網站,你可以很快速的找到你的需求,因為他用顏色分類出來,是個非常體貼使用者的網站,它的分類如下:
1你總是煮太多?我們可以幫你
2不知道該如何配菜?做一頓菜跟食物是很有價值的!
3最好的廚師跟剩菜的鬥爭
4保持食物的新鮮與在最好的時間吃下它
5為何切食物會浪費?
6請發表你的聲音在我們的網站上

我英文不好,看得有點吃力,不錯這網站光是顏色的搭配就非常吸引我了!

[工具]Flickr 相簿工具 - slideshow 影子秀

2008-07-09T07:57:00.000-07:00

http://www.picsviewr.com/

PicsViewr是一個Flickr 的相簿功能延伸產生器,只要輸入你的ID就可以自動產出一個連結,並且幫你做好屬於你的相簿影子秀,是個簡單容易又實用的工具喔!

線上Demo

[AS]ActionScript的匯入與匯出

2008-06-29T21:52:00.000-07:00

一般互動設計師再使用flash時多少都會用到ActionScript,有時候只是下個連結,卻因為連錯了要修正,又必須打開flash,才能修正到ActionScript,但是如果把ActionScript匯出,修改就不用這麼麻煩了,而且用記事本就可以修改了,省去了開啟flash程式的時間,是個算是很實用的技巧,但是部分設計師並不會在一開始就把ActionScript另外寫成一個AS檔,所以flash裡有快速匯出ActionScript的快速鍵:Control+Shift+X (Windows) 或 Command+Shift+X (Macintosh) ,至於匯入,當然也有快速鍵: Control+Shift+I (Windows) 或 Command+Shift+I (Macintosh) ,如果你常需要修改ActionScript卻鮮少再去動到元件,這個小動作可以節省你一點時間喔!

[檢測]網頁設計必備武器 - 網站瀏覽器環境測試

2008-06-29T06:17:00.000-07:00

　　做為一個網頁設計師，除了設計出一個美觀好看以及客戶喜歡的網站以外，還要站在使用者的角度出發，測試不同的瀏覽器讓每個不管來自何處的使用者，都可以看到美美的網站，但是一台電腦能裝遍所有的瀏覽器嗎？想必這個答案應該是不能，即使現在Apple上的safari都有windows版本，但是依然有些瀏覽器不能使用在其他平台，以使用者所使用的瀏覽器分析去看，主要還是IE為超大宗，所以設計師通常至少會做兩種瀏覽器測試那就是IE 跟 Firefox，但是IE 還有分IE6與IE7一台電腦不可能存在於兩種IE，所以，網頁設計師該怎麼辦？

http://browsershots.org/

　　Broesershots.org，可以幫你測試你所設計的網站在各種瀏覽器會是什麼樣子，並且把它抓成圖讓你檢查你的網站在這些不同的瀏覽器中會是什麼樣子，簡單的說就是幫你做好瀏覽器相容性測試，在抓成圖片讓你看清楚，是個不錯的瀏覽器相容性測試工具喔！你需要測試瀏覽器環境嗎？試試看這個網站吧！

簡易文字教學：

１開啟Broesershots.org，在最上面填上你的網址(EX:http://nowills.blogspot.com/)，如果你有特殊需求可以自行勾選你需要的瀏覽器，預設選項對我來說就很夠用了，確定好後按下"Sunmit"！

２接下來會出現一個讓你覺得莫名其妙的頁面，上面會寫請你等Ｘ分Ｘ秒，請稍等的兩三分鐘後按"重新整理"（快速鍵F5），下面就會出現縮圖囉，那些縮圖是可以按的，按進去後你就會知道你的網站在各瀏覽器的狀況囉！

附註：他很貼心的設計了上一個下一個的按鈕，讓你不用回到先前等待的頁面就可以繼續檢查下一個瀏覽器環境，整體來說是不錯的工具喔

[搖滾]skyrock.com & rockport

2008-06-28T23:27:00.000-07:00

rock,中文為石頭,當它是音樂類型時,他又叫"搖滾",搖滾樂是時下流行音樂的其中一種類型,因為深受年輕人喜愛,在市場上又佔大宗,故,通常也跟商業有掛勾...(純粹個人的思維,沒有惡意...)
　　就音樂人來說,音樂類型的差別在於元素,而尤rock衍生出來的音樂類型或創作方式也數之不盡,時候朗朗上口的Rap 或 R&B 也都會加入rock的元素,而隨之web2.0的風潮,人人開始在網路上簡單的創造出自己的小小秀場,舉凡web site.blog等等,而類型也多到數隻不盡的地方的時候,音樂創作者也開始在網路上展開了個人秀!這麼嚴肅的說了這麼多只為了介紹一個網站, Skyrock.com!

http://www.skyrock.com/

　　Skyrock.com是目前全世界較知名的的大型音樂創作分享blog平台,之所以說他大型也是因為他的名氣較高,而上面目前有一千六百萬個blog,其中有不少創作類型的音樂人在上頭發表自己的音樂,你可以在這裡免費聽到他們的創作,也許你會另外一個超級偶像也說不一定,除了發表音樂以外,還有發表音樂MV,雖然有些看起來技術很生疏,但是卻也有不少極富創意的MV可看,除了音樂的洗禮之外也有影像故事讓你更加容易這個屬於rock的世界- Skyrock.com!

　　另外有個品牌名稱也跟rock有關,就是rockport,標榜『能穿著跑步鞋做為走路鞋的鞋子』的品牌，始終以『舒適走路』為第一訴求。 Rockport 是全球第一家得到美國足病醫師協會推薦獎章的優良品牌，於1986年成立健身走路機構，成為全球第一家專門教導及研究走路運動的組織。而Rockport的女用高跟走路鞋亦於1989年再次得到美國足病醫師協會的推薦獎章。

http://www.rockport.com

　　我還曾經看過線上的藥妝店在賣rockport的鞋子!這個品牌在台灣似乎不常見,我也是在查rock的資料時發現的,上了網站看了一下鞋子,設計上看起來蠻新潮的,很適合年輕人穿在腳上,透氣性與舒適度應該都是不錯的品牌!網站設計上採乾淨清爽,不時加上一些炫感的效果,有些產品圖處裡的蠻有rock風味的,有興趣的人可以看一下,也許你會有不同的發現!

　　最後,再來首耳熟人詳的rock歌曲 - We will rock you

We will rock you　Queen
Buddy, you're a boy make a big noise
Playing in the streets gonna be a big man someday
You got mud on your face
You big disgrace
Kicking your can all over the place
Singing

We will, we will rock you
We will, we will rock you

Buddy you're a young man, hard man
Shouting in the street gonna take on the world someday
You got blood on your face
You big disgrace
Waving your banner all over the place

We will, we will rock you
Singing
We will, we will rock you

Buddy you're an old man, poor man
Pleading with your eyes gonna make you some peace someday
You got mud on your face
You big disgrace
Somebody better put you back into your place

We will, we will rock you
Singing
We will, we will rock you
Everybody
We will, we will rock you
We will, we will rock you
Alright

--------------------------------------------------------------------
We will rock you 中文歌詞

伙計，你是個只會大聲嚷嚷的孩子
在街頭鬼混，希望有一天能成為大人物
你搞得灰頭土臉
狼狽至極
把鐵罐到處踢來踢去
唱吧........

我們要讓你搖滾起來
我們要讓你又搖又滾

老兄，你是個年輕人，一條硬漢
在街頭叫囂，總有一天要接管這個世界
你臉上流著鮮血
顏面盡失
到處揮舞著旗幟

我們要讓你搖滾
唱吧........
我們要讓你又搖又滾

老兄，你老了，窮光蛋一個
眼裡祈求著寬恕，總有一天可以使你得到平靜
你搞得灰頭土臉
狼狽至極
最好有人能把你趕回老家去

我們要讓你搖滾
唱吧........
我們要讓你又搖又滾
大家一起唱
我們要讓你搖滾
我們要讓你又搖又滾
好極了........

::延伸閱讀::
[欣賞]SPIN - Double Edge Films - 一部關於DJ的精彩短片

[分析] EMI music .tw and .fr

2008-06-23T08:01:00.000-07:00

這是台灣的EMI music,目前正在播放著胡彥斌的男人,之所以提這首歌只為了證明這篇文章不是古文,而是我突然想比較一下網站的差異,剛好逛到EMI 就拿EMI來當例子了,台灣的EMI music,是以黑白紅三種色系去做格線設計的板面,中規中矩不失大方,黑色讓人覺得神秘與大方,紅色讓人覺得熱情如火,我一直覺得這種配色有一種豔遇的感受,有點像前些年的sin city (中文翻萬惡城市),

再來看看法國的EMI music, 說到法國,我通常都會想到法文.巴黎鐵塔.塞納河畔.左岸.溫柔.浪漫還有外遇,帶著這些屬於我的刻板印象,我看到了下面這個影像

法國的EMI music 在風格上比台灣的EMI music 強烈, 設計的方式也比較創新,但是還是可以看得出來大致上採用的格線設計方式,網站的內容都在右半邊,雖然在視覺上比較偏重右邊,但是左邊的景色讓人不時的想去多看他幾眼,並且圖片有延伸的概念,搭配上音樂元素讓人覺得這是一條"音樂之路",這是讓EMI music更加的踏實更加的有目標,而視覺注重的右半邊採用格線設計用非常寬敞的方式來排版,在視覺上不會有膩的感覺,讓整個EMI music.fr更加的耐看

[CSS]Div+css命名規則-增強SEO

2008-06-10T08:03:00.000-07:00

下列出處於wowbox,不過由於用語不太適合台灣繁體中文所以我修改了一下,當然,有些地方翻得不太好,比較像我本人的口語,如果有什麼地方翻得不太好,請見諒喔!
------------------------------------------------------------
頁　　手：　header
　登入霸：　loginBar
商　　標：　logo
側　　欄：　sideBar
廣　　告：　banner
導　　航：　nav
　子導航：　subNav
選　　單：　menu
　子選單：　subMenu
搜　　索：　search
卷　　軸：　scroll
頁面主體：　main
內　　容：　content
　標籤頁：　tab
文章列表：　list
提示訊息：　msg
　小技巧：　tips
標　　題：　title
加入我們：　joinus
指　　南：　guild
服　　務：　service
熱　　門：　hot
新　　聞：　news
下　　載：　download
註　　冊：　regsiter
狀　　態：　status
按　　鈕：　btn
投　　票：　vote
合作夥伴：　partner
友情鏈接：　friendLink
頁　　尾：　footer
版　　權：　copyRight

1.CSS ID 的命名

外　套：　　wrap
主導航：　　mainNav
子導航：　　subnav
內　容：　　content
頁　首：　　header
頁　尾：　　footer
標　籤：　　label
標　題：　　title
主導覽：　　mainNav（globalNav）
上導覽：　　topnav
邊　霸：　　sidebar
左邊霸：　　leftsideBar
右邊霸：　　rightsideBar
商　標：　　logo
廣　告：　　banner
選單內容：　menu1Content
選單容量：　menuContainer
　子選單：　submenu
導覽圖標：　sidebarIcon
註　解：　　note
麵包屑：　　breadCrumb(即頁面所處位置導航提示）
容　　器：　container
內　　容：　content
搜　　索：　search
登　　入：　login
　功能區：　shop(如購物車，收銀台)
當前的：　　current

2.另外在編輯樣式表時可用的註解可這樣寫：

<– Footer –>
內容區
<– End Footer –>

備註: 加上註解可以方便日後修改,畢竟每次的命名習慣可能不同,誰都不敢保證幾年後你會不會再去改它,所以最好還是乖乖的寫上註解比較好

3.樣式文件命名

主要的 master.css
佈局，版面 layout.css
專欄 columns.css
文字 font.css
列印樣式 print.css
主題 themes.css

------------------------------------------------------------
一般來說,這些命名的規則就是用英文寫出負責的位置名稱,例如:title就是指標題,這些命名是為了讓搜尋機器人更快明白這些版面是在做什麼的,當然機器人並不是永遠都很聰明,所以當你自創一個詞時,機器人是不想花時間去了解的,自然網站的SEO就會比較差,再者,如果你按照這套模式去命名,你可以把你的CSS跟另外一個按照這套模式命名的站長或者blogger來進行版面互換的遊戲,想必再四月一號會很好用才對:p

::延伸閱讀::
[思考]資訊架構、優使性與親和力

[CSS]10種CSS語法產生器

2008-06-02T08:17:00.000-07:00

對於網頁設計師來說CSS應該不是陌生的東西,CSS的威力有多強?想必大部分的設計師都很瞭解,但是卻又有更多人望CSS而卻步,為什麼? 因為CSS太強了,所以複雜的程度不是看兩三分鐘就可以瞭解的,是的,對於這些搞不懂CSS又望之卻步的人,以下的工具就產生了

1CSS捲軸產生器
顧名思義就是產生捲則的CSS,讓你更換捲軸顏色只要三兩下就清潔溜溜囉

2CSS網頁按鈕產生器
顧名思義(又是這一句),這是產生按鈕的CSS程式,讓你三兩下就搞定按鈕,不過可惜的是裡面好像只有IE only的style,所以用其他瀏覽器的人可能看不到你精美的CSS按鈕,但是目前用IE的使用者還站有好大一塊餅,所以不在乎的人就努力研究吧! 更詳細的CSS網頁按鈕產生器教學請看3Cbank!
補充:CSS Button Desiger 線上版有了,測試了一下,在fire fox 上使用還蠻正常的
http://www.pagetutor.com/button_designer/

3CSS文字產生器
顧名思義(還是這一句),這是一個設定文字CSS的產生器,他的使用非常簡單方便也很容易上手,操作幾次就大概知道怎麼用了,不過可惜的是~他不支援IE6~請用IE7或其他瀏覽器使用!

4htaccess 檔案產生器
顧名思義(目前想不出其他句子),這是一個產生htaccess 檔案的產生器,不懂怎麼寫htaccess 檔案?那這個產生器會是你最好的幫手

5Spiffy Corners 圓角CSS產生器
正如其名(終於換了),這是一個產生圓角CSS的產生器,他產出的可不是圖片喔!而是用CSS製成的原角,百分之百無圖片!想減少頻寬的站長們可以考慮一下喔XD

6Spiffy Box CSS圓角矩型產生器
這跟上一篇是同作者,也正如其名的,他是一個產生圓角圖片與CSS的產生器,可能比上面那個好看,但是更吃頻寬,喜歡美觀的人可以考慮一下XD

7CSS Menu Maker - CSS選單產生器
正如其名(又開始重複了),這是一個CSS按鈕產生器,透過幾個步驟就可以產生不錯的CSS選單,美觀又大方,而且還有多種樣式供您選擇,真的是製作CSS選單的最佳利器

8CSS相片框產生器
就像我打的標題,他是CSS相片框產生器,只要設定好你的相片位址,簡單幾步驟就可以產生相片框效果,你不需要花費大量的時間或者金錢在處理相片框,有了這個相片框產生器,你只需要選擇你想要的相片框然後上傳你要的照片就可以產生出美美的照片跟抄搭的相片框喔!原理與介紹請看這裡

9CSS框線效果原理教學 - Box Tips
這個不是產生器, 而是一個CSS排列加上邊框效果的妙招教學頁面,上面有很多CSS原始碼可以給大家研究研究,不管是文繞圖還圖繞文,這上面都有~想學CSS的也可以透過這一篇感受到CSS強大的魔力喔!

10CSS文字樣式產生器 - CSSTXT
2008年7月27號鳳凰颱風前一夜新增:正如其名(格這麼久還是一樣XD),這是一個產生CSS文字樣式的CSS產生器,打進你要的文字並且做好一些設定,就會自動產生CSS,只要複製起來就可以用囉!
以上~就是本篇CSS語法產生器~希望對大家有幫助喔~

本篇為原發文章，備分於草監影像私人頻道

[趣聞]蔡依林的部落格

2008-05-25T06:04:00.000-07:00

昨晚跟風痕影聊了很久，他跟我說了一個關於蔡依林的部落格的故事，我覺得很有趣，其實我們一開始是在討論SEO，但是他卻突然想到了這件事情，他說使用者在搜尋關鍵字後常常都不內看文，只看標題，然後有時候還把標題當成了Blog的名稱，就像這個＂蔡依林的部落格＂，他給了我一個Blog叫做小隔間裡的人生，他告訴這就是使用者其實不看內容最好的證明，當我看到這篇的留言，我笑了，不知道有多少人真的把這個當成蔡依林的部落格，雖然格主很認真的加上一句＂多看一篇文章，你可以不用變丁丁＂的標語，但是效果還是有限，不過這真的證明了，大多數的使用者就只是搜尋了關鍵字然後不管三七二十一先留言再說的心態，雖然我還是搞不太懂這是什麼心態，但是，偶而來個一兩次美麗的錯誤，我覺得也不錯:p

[flash]FLV 上傳主機後無法撥放的原因

2008-05-19T21:00:00.000-07:00

第一次處理flash網站的影音串流,當然首選是FLV檔囉!當我套上內建FLV播放器之後上傳到主機,卻發現完全不能播放,整個影片消失了,為什麼?我在本機測試了結果是很正常的,我一直以為是我flash設定的問題,但是不管我怎麼弄,本機都很播放正常,主機卻依然不能播放,上網查了許久才發現,原來主機如果是windows 2003系統的,默認輸出是沒有FLV這個檔案的選項的,那該怎麼辦呢?

仔細的探討原因應該是出在於:
WIN2003加強IIS6了MIME驗證，一切未註冊的檔案格式系統接默認輸出404錯誤。手動在IIS中HTTP裡設定MIME添加MIME視訊選項，MIME類型: video/x-flv 擴展名:.flv，即可使用Flash8或以上版本來進行播放

如果上面設定太複雜,有個折衷的辦法,經過我本人實驗是成功的:
假設有一個FLV檔案叫做"test.flv",就開一個資料夾,資料夾名稱就叫做"test.flv",再把原本的FLV影片檔改名indrx.html並放置到test.flv資料夾裡,即可!

[appserv] NET HELPMSG 3547

2008-05-18T22:49:00.000-07:00

今天開啟我架在本機的PHP站時,appserv又罷工了,整個404找不到網頁,使用appserv重裝功能,

他告訴我請輸入NET HELPMSG 3547,我查了一下,應該是port 80 被佔住了, 仔細看一看,原來是skype惹的話,開始skype 功能 -> 設定選項 -> 進階 ->連線, 有一個"使用 80/443port做為連線代替",把勾拿掉,按下確定~應該就沒問題了

本篇為原發文章,本文同步備分於草監影像私人頻道

[實是]今日美國 USATODAY

2008-05-09T08:50:00.001-07:00

http://www.usatoday.com/

你可以在這個網站裡找到今日美國各式各樣的資訊,資料更新快速,還有多種頻道,適合嚮往美國或者偶而會去美國想了解美國的人,而且只有美國才有的,裡面很少會有其他國家的東西,主要都是美國的資訊,所以如果你想了解美國現在的生活,那這個網站應該很適合你喔!

提外話:

美國紐約,New York,官方名稱為The City of New York,1613年荷蘭人建立城市並取名新阿姆斯特丹﹙New Amsterdam﹚和新尼德蘭﹙New Netherland﹚。1664年被英國人征服,改名New York,為什麼有個New?因為早年的英國已經有個城市叫York了!可惜這個城市的命運崎嶇,1673年荷蘭人收復失土改名新奧蘭治﹙New Orange﹚,但是在1674年又永久割讓給英國,紐約再度更名成紐約市﹙City of New York﹚,為什麼我要說什麼?因為有部美劇就叫New Amsterdam-新阿姆斯特丹,故事內容大致上就是在講述紐約的生活,在TV.com上的評分有9.0,不過我還沒看所以不知道到底好不好看就是了:p

[電視]想查美劇排行? TV.com 隨你查

2008-05-08T08:40:00.000-07:00

http://www.tv.com

天阿,現在美國的連續劇真是好看,集數不多但是集集精彩,真的不比電影差!但是這麼多美劇,我怎知道哪一部比較好看?我又該先看哪一部比較好?有沒有比較中立的評論網呢?Lost.House.CSI.Prison Break.Heroes.Gossip Girl...等都很棒,該看哪個好?別急別急,我這就告訴你哪一個網站可以獲得你想要的資訊! TV.com,就如同他的網址,沒錯他是美國的電視網站,裡面有最新影集介紹與網友評比,還可以看到網友的留言與推薦,還有什麼會比美國人自己評比美劇還要準的評比?

草監生活

[教學]立即解決DNS更新連不到網站的問題

[借書]眾多免費書集有板全的PDF下載

[網站]11個讓你觀察網站的工具

[美味]親愛的我把食物變好吃了-美食產生器

[景點] 核爆後的廢區大陸

[改造]XP 大改造 之 我要變成Vista (三)

[改造]XP 大改造 之 我要變成Vista (二)

[改造]XP 大改造 之 我要變成Vista (一)

[appserv] 外部資料庫匯入

[CSS] 40 種不一樣的的CSS排版方式

[排行]Web 2.0 Awards

[搜尋]用顏色搜尋的ideeinc multicolour

[飲食]愛上食物討厭浪費lovefoodhatewaste

[工具]Flickr 相簿工具 - slideshow 影子秀

[AS]ActionScript的匯入與匯出

[檢測]網頁設計必備武器 - 網站瀏覽器環境測試

[搖滾]skyrock.com & rockport

[分析] EMI music .tw and .fr

[CSS]Div+css命名規則-增強SEO

[CSS]10種CSS語法產生器

[趣聞]蔡依林的部落格

[flash]FLV 上傳主機後無法撥放的原因

[appserv] NET HELPMSG 3547

[實是]今日美國 USATODAY

[電視]想查美劇排行? TV.com 隨你查

[改造]XP 大改造之我要變成Vista (三)

[改造]XP 大改造之我要變成Vista (二)

[改造]XP 大改造之我要變成Vista (一)