close

1.jpg

 

 

對於經常使用電腦的人來說,眼睛可以說是最操勞的了,而現在的螢幕由於硬體技術的關係也越做越亮了,網頁設計師與程式設計師這類人士經常要看螢幕上密密麻麻的原始碼,如果原始碼的背景色是白色的話,對眼睛的傷害絕對不言可喻,程式設計師可能大都使用純文字編輯器來寫網頁原始碼居多,這一類的文字編輯器多採用暗黑色的背景以保護程式設計師的眼睛,但是網頁視覺設計師則大多使用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\Dreamweaver9\Configuration\CodeColoring
「windows Vista」C:\Users\ 你的帳號名稱\Application Data\Adobe\Dreamweaver 9\Configuration\CodeColoring
「windows 7」C:\Users\ 你的帳號名稱\AppData\Roaming\Adobe\Dreamweaver CS5\zh_TW\Configuration\CodeColoring
「MAC OS」 你的帳號名稱/Library/Application Support/Adobe/Dreamweaver CSx/en_US/Configuration/CodeColoring/
  [win 10] C:\Users\你的帳號名稱\AppData\Roaming\Adobe\Dreamweaver CS5\zh_TW\Configuration\CodeColoring
MAC如果看不到Library(資源庫)的話,請開啟終端機後貼上代碼「chflags nohidden ~/Library/」就能看到了。
3.把原始的colors.xml檔改成colors_org.xml以利未來想還原時可以還原。
4.下載  Colors.xml (13.58 KB, 下載次數: 5, 售價: 1 金T幣)  Colors.xml (15.38 KB, 下載次數: 5, 售價: 1 金T幣) ,並且把它複製到上面位置。
5.開啟Dreamweaver
6.開啟「偏好設定 / 原始碼色彩」,在「預設背景」項目中把背景色設定為「#272822」後按下ok

 

2.png

3.png
來源http://www.netyea.com
#網頁設計 #網站架設 #關鍵字優化 #網頁優化 #App程式設計 #AIOT物聯網

arrow
arrow
    創作者介紹
    創作者 NetYea 網頁設計 的頭像
    NetYea 網頁設計

    NetYea 網頁設計

    NetYea 網頁設計 發表在 痞客邦 留言(0) 人氣()