保護眼睛!請更換Dreamweaver程式碼配色!

change dreamweaver code color cover

對於經常使用電腦的人來說,眼睛可以說是最操勞的了,而現在的螢幕由於硬體技術的關係也越做越亮了,網頁設計師與程式設計師這類人士經常要看螢幕上密密麻麻的原始碼,如果原始碼的背景色是白色的話,對眼睛的傷害絕對不言可喻,程式設計師可能大都使用純文字編輯器來寫網頁原始碼居多,這一類的文字編輯器多採用暗黑色的背景以保護程式設計師的眼睛,但是網頁視覺設計師則大多使用Dreamweaver這類所見即所得的網頁編輯器,Dreamweaver的特點除了所見即所得外,也能切換到原始碼編輯模式去直接撰寫,可以說是強大又便利的網頁編輯器了,Amos非常習慣在Dreamweaver的原始碼編輯模式中Coding,比起其他的編輯器來說,Dreamweaver的Coding速度真的很快,但唯一的缺點是預設的原始碼檢視模式是採用白色的背景,這樣看久了眼睛實在很累,所以還是改一下原始碼的配色好了。

更換colors.xml檔案的作法

若要修改Dreamweaver程式碼檢視的配色,你可以自己手動的一個一個慢慢修改原始碼顏色,或者在cs6shortcuts.com上有人提供了自己的原始碼配色xml檔讓你直接更換,更換Dreamweaver的code color xml 檔是最快最方便的作法,你可以直接下載Amos參考sublime2配色修改的colors.xml檔案,並且依據不同的作業系統到以下位置找到colors.xml檔並更換掉,簡單的操作步驟如下:

1.關閉你的Dreamweaver

2.依據系統到以下位置找到你的 colors.xml 檔,
「windows XP」C:\Documents and Settings\你的帳號名稱\Application Data\Adobe\ 9\Configuration\CodeColoring
「windows Vista」C:\Users\ 你的帳號名稱\Application Data\Adobe\Dreamweaver 9\Configuration\CodeColoring
「windows 7」C:\Users\ 你的帳號名稱\AppData\Roaming\Adobe\Dreamweaver CS4\en_US\Configuration\CodeColoring
「MAC OS」 你的帳號名稱/Library/Application Support/Adobe/Dreamweaver CSx/en_US/Configuration/CodeColoring/
MAC如果看不到Library(資源庫)的話,請開啟終端機後貼上代碼「chflags nohidden ~/Library/」就能看到了。

3.把原始的colors.xml檔改成colors_org.xml以利未來想還原時可以還原。

4.下載這個colors.xml檔,並且把它複製到上面位置。

5.開啟Dreamweaver

6.開啟「偏好設定 / 原始碼色彩」,在「預設背景」項目中把背景色設定為「#272822」後按下ok
change dreamweaver code color setting2

7.完成囉~現在的顏色看起來舒服多了~
 Dreamweaver color screen

手動自訂原始碼色彩的方法

如果更換了colors.xml之後,配色你不滿意的話,你也可以自己修改適合自己的配色,像是使用個人幸運色可以避免Bug的產生

1.開啟你的Dreamweaver,開啟選單「編輯 / 偏好設定」

2.點選「原始碼色彩」項目後,再點選「」項目兩下
change dreamweaver code color setting

3.點選你想設定的項目以設定原始碼色彩
change dreamweaver code color css

4. 下方Amos做了比對表,方便你比對一下每個項目對應的原始碼是哪些項目,如果想要更換成你喜歡的顏色也ok喔,不過千萬要記得避免使用太過刺眼的色彩,這樣才不會造成眼睛的疲勞喔。
change dreamweaver code color import

change dreamweaver code color media

change dreamweaver code color comment

change dreamweaver code color important

change dreamweaver code color properte

change dreamweaver code color select

change dreamweaver code color string

change dreamweaver code color value

 

一秒改MAC黑幕

如果你使用的是MAC電腦的話,你也可以使用MAC內建的功能,快速切換螢幕的顏色好保護眼睛,作法如下:

1.開啟「系統偏好設定 / 鍵盤 /輔助使用」並勾選「反相顏色」

2.之後想要把畫面變黑的話,就只要按下鍵盤的「蘋果+alt+control+8」就會變成反相色彩囉!

3.唯一的缺點是……如果你要在Dreamweaver選色盤色彩的話,會…會…會看不出來…XDDDDD