保護眼睛!請更換Dreamweaver程式碼配色!
對於經常使用電腦的人來說,眼睛可以說是最操勞的了,而現在的螢幕由於硬體技術的關係也越做越亮了,網頁設計師與程式設計師這類人士經常要看螢幕上密密麻麻的原始碼,如果原始碼的背景色是白色的話,對眼睛的傷害絕對不言可喻,程式設計師可能大都使用純文字編輯器來寫網頁原始碼居多,這一類的文字編輯器多採用暗黑色的背景以保護程式設計師的眼睛,但是網頁視覺設計師則大多使用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\Dreamweaver 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
7.完成囉~現在的顏色看起來舒服多了~
手動自訂原始碼色彩的方法
如果更換了colors.xml之後,配色你不滿意的話,你也可以自己修改適合自己的配色,像是使用個人幸運色可以避免Bug的產生。
1.開啟你的Dreamweaver,開啟選單「編輯 / 偏好設定」
2.點選「原始碼色彩」項目後,再點選「CSS」項目兩下
3.點選你想設定的項目以設定原始碼色彩
4. 下方Amos做了比對表,方便你比對一下每個項目對應的原始碼是哪些項目,如果想要更換成你喜歡的顏色也ok喔,不過千萬要記得避免使用太過刺眼的色彩,這樣才不會造成眼睛的疲勞喔。
一秒改MAC黑幕
如果你使用的是MAC電腦的話,你也可以使用MAC內建的功能,快速切換螢幕的顏色好保護眼睛,作法如下:
1.開啟「系統偏好設定 / 鍵盤 /輔助使用」並勾選「反相顏色」
2.之後想要把畫面變黑的話,就只要按下鍵盤的「蘋果+alt+control+8」就會變成反相色彩囉!
3.唯一的缺點是……如果你要在Dreamweaver選色盤色彩的話,會…會…會看不出來…XDDDDD
15 Comments
連結壞掉了~可以提供嗎?
謝謝
不好意思~剛剛已經修正囉~請重新整理一次即可^^
NICE~完成任務!!
恭喜恭喜^^
its currently listed here http://ultrashortcuts.com/dreamweaver
so good!
非常感谢,配色看起来很舒服
謝謝~
3Q
真是專業又用心,造福不少人,感謝你
謝謝您~我會繼續努力^^
老師 請問一下 我不小心動了偏好設定>字體>繁體中文
結果我曾經做過的網頁程式碼字型都改了…
一直無法改回unicode,請問有什麼方法可以回到預設值? 謝謝!!
啊~~我好久沒用DW了@@
我有按照你說的把colors.xml 更換掉,可是dreamweaver裡的程式碼完全沒有改變ㄝ,我的版本是win10、dw2015cc的。求解~~TT
2015cc 他已經內建這種深色背景的功能囉,你可以在設定裡面去找到原始碼色彩的設定,其中會有一個「主題樣式」可以修改,由於我的是英文版,所以只能就字面翻譯成中文給你,弱你使用的是中文版的話,尋找一下設定中有沒有類似我說的那個字詞應該是可以找得到的喔