close
對於常常使用電腦的人來講,眼睛可以說是最操勞的了,而此刻的螢幕由於硬體技術的關係也越做越亮了,網頁設計師與程式設計師這類人士經常要看螢幕上密密層層的原始碼,假如原始碼的配景色是白色的話,對眼睛的危險絕對不言可喻,程式設計師可能大都使用純文字編纂器來寫網頁原始碼占多數,這一類的文字編纂器多採用暗黑色的靠山以護衛程式設計師的眼睛,但是網頁視覺設計師則大多使用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/
「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/」就可以看到了。
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幣) ,並且把它複製到上面位置。
![網頁設計 愛惜眼睛!可置換Dreamwaver程式碼顏色 網頁設計 愛惜眼睛!可置換Dreamwaver程式碼顏色](https://imageproxy.pixnet.cc/imgproxy?url=https://www.tshopping.com.tw/static/image/filetype/unknown.gif)
![網頁設計 愛惜眼睛!可置換Dreamwaver程式碼顏色 網頁設計 愛惜眼睛!可置換Dreamwaver程式碼顏色](https://imageproxy.pixnet.cc/imgproxy?url=https://www.tshopping.com.tw/static/image/filetype/unknown.gif)
5.開啟Dreamweaver
6.開啟「偏好設定 / 原始碼色采」,在「預設靠山」項目中把後臺色設定為「#272822」後按下ok
![網頁設計 愛惜眼睛!可置換Dreamwaver程式碼顏色 網頁設計 愛惜眼睛!可置換Dreamwaver程式碼顏色](https://imageproxy.pixnet.cc/imgproxy?url=https://www.tshopping.com.tw/data/attachment/forum/201412/10/172823lasgt2v38pg3gvyg.png&width=600)
![網頁設計 愛惜眼睛!可置換Dreamwaver程式碼顏色 網頁設計 愛惜眼睛!可置換Dreamwaver程式碼顏色](https://imageproxy.pixnet.cc/imgproxy?url=https://www.tshopping.com.tw/data/attachment/forum/201412/10/172819mavalo0oxcfxx30e.png&width=600)
濫觞http://www.netyea.com
#網頁設計 #網站架設 #關鍵字優化 #網頁優化 #App程式設計 #AIOT物聯網
文章標籤
全站熱搜