Pages

熱門文章

2010年9月21日

Dreamweaver片段[Snippet]功能

Dreavweaver裡面的片段功能相信很多人都沒聽過
我自己也是前一份工作的時候有主管告訴我才知道有這個功能
但那時候沒有仔細研究,最近想起來才發現這個功能真的是太好用了阿

Dreamweaver片段面板

它主要的功能就是可以在Dreamweaver裡面儲存你自訂的code,
不管是HtmlCSSJava Script...等都可以

以往在學習網頁的階段,通常都會在網路上收集一些特殊效果或是語法code
不過在使用的時候還要從茫茫文件海中搜尋你收集的code
然後再copy到Dreamweaver裡面似乎有一點搞剛....
這時候就需要用到片段這個功能啦

以下的畫面就是設定片段的視窗

自訂片段
可以自訂片段的名稱跟code內容,還能加上這個片段是做甚麼用的描述

像我們一般在用css做排版的時候
整體的layout要寫的code幾乎都差不多
這時候就可以設定幾組兩欄或三欄式的
以後要製作網頁時就不用再寫一次了
只要把大範圍的Html Code跟CSS都設定好
之後只要再針對細部做調整就好了~真的是超方便阿!!!

另外如果重灌電腦要備份你的片段檔案
XP請到以下路徑

C:\Documents and Settings\使用者名稱\Application Data\Adobe\Dreamweaver 版本\Configuration\Snippets

Win7請到以下路徑

C:\Program Files (x86)\Adobe\Dreamweaver 版本\configuration\Snippets

將檔案拷貝起來,之後再覆蓋回去就可以了

如果再搭配SugarSync同步家裡和公司的檔案
那不管是走到哪都可以有相同的工作環境了

沒有留言:

張貼留言