下載Firebug

Firebug是FireFox的擴充外掛，所以如果要使用Firebug，一定要搭配FireFox瀏覽器才有作用唷。
‧Firebug下載位置

使用Firebug

Firebug的功能非常強大，除了可以即時預覽你的網頁之外，還可以觀看網路執行狀況、DOM資訊以及script的偵錯...等等。
但在這裡我只會跟大家介紹Firebug裡的「HTML」以及「CSS」功能。這兩個功能對一般使用者來說已經很足夠了:)，有需要更瞭解其他功能的朋友，可以自行摸索或是上網找相關議題唷。

在新春，我第一次嘗試使用影片做教學，搭配文字解說，跟大家說明怎麼使用Firebug
有興趣的朋友們可以點擊youtube影音觀看(我底下也有內嵌啦!!)

片長大概6分鐘，希望大家不要聽到睡著了(因為配音員講話毫無抑揚頓挫ORZ)，總之就請大家多多包涵，如果真的還有不懂的地方，歡迎留言問我唷!!!

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 語法 | 隱藏mybloglog的文字內容
  2008.05.11
  
  
• 語法 | 用css讓區塊水平垂直置中
  2010.06.01
  
  

不過...至於我會不會去註冊呢?我想應該是不會:P，微網誌這種東西還是定居一個地方就好了，亂亂跑也會累的

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自訂Gmail標籤顏色
  2008.11.04
  
  
• 自己製作網路的社群名片
  2009.02.03
  
  

如果你有碰到這種狀況，不妨跟著以下步驟來除錯吧!!

1.防火牆問題，你可能對該網站設有防火牆的阻擋
2.將對網站的安全層級調低
3.選擇工具→網路網路選項→進階→多媒體的部份，將「顯示圖片」打勾
4.可嘗試用魔法兔子修復IE

在瀏覽網站的時候，假設你只是一般的瀏覽者，以上四種方法都行不通，也許就是放置圖片的空間已壞死，你可以選擇跟網站管理者說一聲，或者就離開該網站吧XD

如果你是網站管理者，以上方法都無效，你也不知道出了什麼問題的話，那可以嘗試修改圖片的色彩模式!! 這才是我今天要講的重點(笑)

目前我知道的其中原因，IE瀏覽器好像尚未支援CMYK色的輸出，所以如果你的圖片存成CMYK，那IE就無法顯示你的圖片。

Q.那要如何知道圖片是CMYK還是RGB呢？
最簡單的檢測方法就在於CMYK的檔案大小或高出RGB許多，同一張圖片用RGB存檔案在10kb上下，用CMYK可能會高達200kb。透過這個簡單的方式就可以判斷圖片的色彩模式囉。

接著你可以直接修改此圖檔改為RGB模式就ok囉

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自訂Gmail標籤顏色
  2008.11.04
  
  
• 自己製作網路的社群名片
  2009.02.03
  
  

比較困難的地方在於要如何使用電腦打出一些函數，假設我要求以下方程式的解：

可以這麼打：0.0635=2*10^-5*x^2-0.0026x+0.1215

^表示平方的意思，所以x^2=x的平方，10^-5=10的-5次方。數學符號的「乘」請打「*」。

因為是一元二次方程式，所以基本上來說X會有兩個解，假設你的公式沒打錯電腦就會幫你算出答案囉，再選擇最佳解即可:)

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自訂Gmail標籤顏色
  2008.11.04
  
  
• 自己製作網路的社群名片
  2009.02.03
  
  

只是有時候某些社群網站過於冷門，你找不到帳號可以輸入，加上這些服務通常都是外國居多，所以他們也不會增加台灣的社群網站；又或者他給你的語法過長，版面沒辦法依你自己的喜愛做修改，總會讓大家覺得有些困擾。

「這時候如果我們可以自己做一個社群名片就好了！」你會不會常有這樣的想法呢？其實製作社群名片非常的簡單，只要簡單的幾個步驟就可以了。

社群名片主要包含兩個東西：一個是社群的連結，另一個則是代表性的圖示。

社群的連結想必大家都已經準備妥當了，只要你擁有這個社群的帳號，當進入你專屬頁面的同時上方的網址列就是你的社群連結。所以我們需要的就是他的代表性圖示。

索取代表性圖示

通常一個網站的代表性圖示都會顯示在「我的最愛」這個icon上，就像是twitter的、delicious的，只要是夠大的社群網站幾乎都會有個專屬的icon，所以我們只要把這個icon下載回來就好了。

這邊舉兩個例子，告訴大家如何將社群網站的icon擷取下來：
1.twitter: 首先我們進入twitter的首頁，接著按下滑鼠右鍵→選擇「檢視原始碼」，搜尋「favicon」會找到一串網址列(http://assets1.twitter.com/images/favicon.ico)，而這串網址列就是icon所在的位置，請將他下載回你的電腦

2.Delicious: 再舉第二個網站做例子，前面的twitter我們可以很直覺就發現他的icon位置，而現在的這個例子則是要花一點功夫。同樣檢視原始碼搜尋「favicon」找到了以下這串語法: link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" 找是找到了，可是我們發現他前面沒有http:// 耶，這樣要怎麼知道他的正確位置呢？

這就是所謂的絕對路徑以及相對路徑的差別，絕對路徑會明確告訴你他的位置在哪(就像twitter)，相對路徑則是像delicious一樣。

這邊只要抓到一個訣竅：我們是在那裡看他的原始碼？我們是在delicious的首頁看他的原始碼，顯示的icon位置是/favicon.ico，所以最簡單的辨別方式就是把「delicious的首頁網址」+「icon位置」=「http://delicious.com//favicon.ico」將合併後的網址打到網址列，是不是就會出現他的icon圖案啦!!把它下載到自己的電腦吧。

將ico轉成png

下載回來的圖片檔名都是ico，他沒辦法直接放到部落格，所以我們要先將圖片轉成png格式。大家可以到ConvertICO.com進行轉換，他支援ico以及png互轉喔。

製作社群名片

轉好之後的png我們需要幫他找個空間上傳，如果你自己的主機還有額外的空間，而且不怕流量問題，那我當然建議你直接上傳到主機。另外也提供大家可以將檔案丟到google page。

假設我要放上twitter的名片，我的社群網址為http://twitter.com/muki，icon網址為http://mukispace.googlepages.com/twitter.gif，在支援html的情況下我可以這樣寫：



通常icon的大小都會設置在長*16、寬*16的狀況下，但是有時候有的icon卻不依照這個規則走，我們就可以直接在img的標籤底下幫他設定height="16" width="16"

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自訂Gmail標籤顏色
  2008.11.04
  
  
• 線上解方程式
  2009.03.17
  
  

自從中時策劃的全球華文部落格大獎開辦以來，每年不少華文界的部落格主都為了此獎項卯足本事拚搏。然而人人對於獎項的評選標準，往往心中自有把尺，而這把尺往往幾乎評審口味有所艮隔。當每年的得主揭曉，總會引起些許的風波，以及不少入圍者的失落。

這個網站旨在惡搞全球華文部落格大獎，因此也故意取名為「全球華文不及格大獎」。

想知道自己的部落格能得到什麼稱號與獎項？就趕快來報名參加吧。系統會給你出乎意料的驚喜！
@全球華文不及格大獎 / 關於本站

其實我覺得這跟不弱格觀察這種KUSO的東西有異曲同工之妙，都是讓我們這些得不到獎的市井小民能夠有個慰藉的出口。

而不及格大獎同樣有兩種得到貼紙的管道：
一、「報名參賽」
在報名參賽的網頁輸入你的blog位置，就可以得到一串分析數據還有你應得到什麼獎項。
以下是我測出來的結果：年度最佳「過江之鯽」部落格

二、「訂做貼紙」
也是像不弱格觀察的自訂觀注一樣，在網頁裡頭輸入你的blog位置以及想要得到的獎項，就會幫你訂做出專屬於你自己的貼紙唷！

KUSO的東西都很好玩，也會讓大家會心一笑。如果你不想汲汲營營於華文大獎，或許可以參考這一款不及格大獎XD

• 專為網誌交換連結
  2008.04.16
  
  
• yahoo的站長工具
  2008.05.27
  
  
• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  

此為網路行銷課程的一部分，由組員共同撰寫文章，借發文於MUKI space*
為了保護原作者的權益，文章不刪減修改任何一字。
此篇文章發表者：黃同學

我選擇寫介紹web2.0的網站，我找到這個網頁
Top 100 web2.0網站 最熱門的100個網站
http://www.yeeyan.com/articles/view/571/329
其中音樂的部分Musicovery: http://musicovery.com/
因為正好有用過所以就圖解說明一下怎麼用好了
Musicovery是一個可以讓人一心情去點歌的免費音樂播放網站，以下我用圖解說明一下如何操作

網站的畫面真的就是只有這樣，白色簡單調

個人認為這是一個非常棒的網站，大家可以一起用出一個屬於自己的音樂電台！

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自訂Gmail標籤顏色
  2008.11.04
  
  
• 自己製作網路的社群名片
  2009.02.03
  
  

• Candy

• Bus Stop

• Tea House

我本來是想用Bus Stop這款主題，可惜下頭的長頸鹿佔據太多畫面，導致我的gmail往右邊移動，寬度也變小
所以就退而求其次使用Tea House
不過Tea House我也很喜歡辣XD
很開心Gmail釋放了那麼多主題給我們使用，這樣就不用再用Stylish這款插件做修正了
而你開始使用gmail主題了嗎?
你自己又是使用哪款呢?歡迎一起分享唷!!

【延伸閱讀】
Gmail支援佈景主題 / about Dogg
[Gmail]新功能:令人耳目一新的背景主題 / Fun New Run High
[資訊]Gmail開始提供佈景主題 / Goston's Blog

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自訂Gmail標籤顏色
  2008.11.04
  
  
• 自己製作網路的社群名片
  2009.02.03
  
  

第二個小變更：以前是要點選檢視看詳細資料，現在則是點選你設定的名稱之後，還要再按一次檢視報告唷!

到了控制主頁之後，發現多了兩個試用版的東西可以點選。
分別是自訂報告以及進階區段(進階區隔)

自訂報告的功能，就是可以讓你自行選擇要觀看哪些數值的比較，進行篩選。
google這邊的介紹是說「設計獨一無二、符合您個人需求的報告」
首先創立一個自訂報告
接著會看到如下的畫面

使用方法很簡單，在最左邊的區塊有藍色以及綠色的圖層
將自己想要的數據以及範圍點選後用滑鼠拖曳的指定色塊即可。

而數據跟範圍是有因果關係的
也就是說，也許你拖曳了某個數據，之後範圍的部份會有一些無法拖曳。
這就要靠大家自己玩玩看囉:)
設定好之後就可以按下建立報告觀看你設定的成果

我還蠻喜歡這個東西的XD
因為可以讓我們想看什麼就看什麼，超級web2.0(笑

至於進階區段(進階區隔)這個功能，因為時間太晚了所以我來不及測試
(明天要期中考 囧)
所以大概過兩天再來記錄吧~

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自訂Gmail標籤顏色
  2008.11.04
  
  
• 自己製作網路的社群名片
  2009.02.03
  
  

自訂label顏色

嘿嘿，這當然就是Gmail的新功能啦!!!

目前只有英文版能使用，但是有英文懼怕症的人也彆氣餒
因為只要你開通這個功能之後，切回中文版本依然可以使用!!

首先就來看如何切換gmail的語言~
首先點選右上角的﹝設定﹞，在一般的地方有一個Gmail顯示語言，請將它改成English(US)，按下儲存變更

ENGLISH US

改成英文版之後，就會發現在Setting(設定)的選單最右邊多了一個Labs，請點選他!!!!
接著你會看到Gmail有提供非常多的功能，有興趣的人也可以自己玩玩:)

請將視線移到下方，搜尋Custom Label Color
點選Enabled，然後Save changes(儲存變更)

讓使用者自訂標籤顏色

接著回到General(一般)，將gmail的使用語言改成中文繁體
你會看到標籤的地方多了一個「新增自訂色彩」

點下去之後就可以開始自己新增喜歡的顏色囉~

• 隨意更換網頁風格的FF插件：Stylish
  2008.06.15
  
  
• 讓你的blog有撕開的效果
  2008.06.02
  
  
• 自己製作網路的社群名片
  2009.02.03
  
  
• 線上解方程式
  2009.03.17