2009年3月24日 星期二

Freemind 讓部份文字變色的方法

之前介紹 Freemind 這一套心智圖 (mindmap) 軟體時,有提到可以針對個別的節點來設定其格式。不論是要將文字放大縮小,或是要將節點的顏色改變都沒有問題。

藉由節點的格式設定,可以讓心智圖看起來比較顯眼明白,一眼就可以看到重點所在。

可是,問題來了,如果我不想要將整個節點文字都變色,而祇想將某幾個字變色就好,那怎麼辦呢?在 Freemind 中似乎沒有這樣的設定方式耶?

前一陣子剛好不小心發現有這樣的功能,今天又看到有網友在問,所以就寫一篇文章來介紹如何在 Freemind 中將某些字改變顏色的方法吧!!

無效的做法

假設底下是我們要處理的心智圖,我們希望將某些重點標記為紅色:

我們想到的就是從『格式 ==> 節點顏色』功能來進行:

可是這樣設定之後,整個節點都變色了,根本無法達成我們的需求:

其實要讓某幾個字變色,其他字不變是有方法的,我們可以用 HTML 來達成這個目的。

利用 HTML 改變 Freemind 字型顏色

什麼是 HTML 呢?嗯,HTML 是構成網頁的基本語言。你在任何一個網頁上按右鍵,選擇『檢視原始檔……』,祇要它不是用 Flash 畫出來的網頁,那麼你都會看到一堆奇奇怪怪的英文與數字的組合,那就是 HTML。

那個太難懂了嗎?不用擔心啦!我們祇要學兩個東西就好了,其他不懂也沒關係。

首先,每一個網頁最開頭一定都是由

<html>

開始,這個指令告訴瀏覽器:『嘿,我是一個網頁,準備瀏覽我吧!』。我們在 Freemind 中要使用 HTML 碼改變文字顏色時,也要先用 <html> 這個指令告訴 Freemind:『嘿,這個節點要用 HTML 代碼喔。』

然後要改變顏色,是用

<font color="顏色">

來進行。比方說要將文字變成紅色,就可以用

<font color="red">

這樣的指令,在這個指令之後的文字都會變成紅色。

你可以用幾個常見顏色的英文 (如 red、blue、black、white、yellow) 來改變文字顏色,也可以用十六進位編號來表示,如 #FF00000 來表示紅色。當你需要的顏色比較特殊時,可以利用一些免費的配色軟體幫你算出顏色的十六進位值,這樣就不受限於幾個常見的英文所表示的顏色了。

有了開始變色的指令,也要有一個結束變色的指令才能正常運作,否則有時可能會出錯。要結束變色,我們用的是

</font>

這個指令。你可以發現其實就是原本的 <font> 加上一個倒斜線就變成了結束指令 </font> 了。一般的網頁就是由一大堆 <XXX> </XXX> 指令組成的。這類指令很多,我們要變色的話,祇需記得 <font> </font> 就可以了。

那要怎麼將 HTML 加進節點之中呢?其實祇要按 F2 編輯節點就可以直接寫 HTML了。不過有時 HTML 一寫就寫很長,所以用 F2 直接編輯不是那麼方便,我們需要叫出另一個編輯畫面,讓我們可以好好的編輯一下。

要叫出編輯畫面,祇要在節點上按右鍵,選擇『編輯節點文字…』即可:

此時就會開啟一個視窗,讓你慢慢編輯啦!

我們在文字的最前方加入 <html> 表示要使用 HTML 碼,然後再於要變色的部份加上 <font> & </font> 指令。

加入變色指令

編輯完成後,按 OK 就發現被 <font> 與 </font> 夾住的字變成紅色了:

利用 XHTML 指令也可以改變顏色

不過剛剛的教學可能有些人要罵我亂教,現在應該用 <span> 指令代替 <font> 啦!

嗯,在 Freemind 中確實也可以用 <span> 來改變文字顏色:

其結果如下:

所以,如果對 XHTML 瞭解的人可以用 <span> 來下變色指令,至於之前不知道 HTML 是什麼的人,我是認為會用 <font> 就好啦!至少 <font> 比較好記,日後有興趣了,接觸多了,想用比較新、比較嚴謹的 HTML 時再改用 <span> 吧!:)

ps: 如果是用 0.9 版的 Freemind 就不需要這麼麻煩了!不過還是寫一下給舊版的使用者知道怎麼變字體顏色!:)

Technorati : , , , ,