主頁 > 知識庫 > 在dreamweaver中使用zen coding的方法

在dreamweaver中使用zen coding的方法

熱門標簽:齊齊哈爾地圖標注地點 南寧銷售外呼系統(tǒng)線路商 縣域地圖標注點 天津銷售電銷機器人公司 吃雞地圖標注設置 電銷機器人外呼失敗怎么回事 400電話座機怎么辦理 邵陽市地圖標注app 400電話申請好不好
在我發(fā)表上一篇《Zen Coding: 一種快速編寫HTML/CSS代碼的方法》之后,有網(wǎng)友表示不知道怎么在Dreamweaver上使用zen coding插件。OK,今天我就寫一篇詳細的教程來講述如何在DW中使用zen coding。如果你已經(jīng)知道如何使用,可以不再閱讀本文。

可喜的是,我在Dreamweaver CS3上進行了測試,證明Dreamweaver CS3和CS4都是支持Zen coding的這個插件的。

準備

安裝插件之前,請確認你已經(jīng)安裝了adobe Extention Manager,如果沒有安裝,請到Adobe官方下載安裝:

  • DW CS3需要安裝Extention Manager 1.8版本,訪問下載頁面,或者直接下載;
  • DW CS4需要安裝Extention Manager 2.0版本,訪問下載頁面,或者直接下載;

下載安裝

zen coding項目主頁下載最新的zen coding 用于dreamweaver的插件,在該頁面的右側欄有下載列表,就是擴展名為mxp的那個。(目前的版本是0.7,可以點這里下載,里面有qianduan打包的一個版本,不過官方新版是0.7的了,推薦使用官方的。)。

下載完后,雙擊你下載的那個Zen Coding v.0.7.mxp文件就可以直接安裝,很簡單。

安裝后重啟DW,然后你就會在命令菜單下發(fā)現(xiàn)zen coding子菜單,如下圖:

這就說明已經(jīng)能夠安裝成功了。
使用方法
zen coding的用法也是很簡單的,新建或者在任一html文件中,切換到代碼視圖,編寫zencoding格式代碼,比如:

復制代碼
代碼如下:

ul#nav>li*4>a

然后,選中這行代碼,按下快捷鍵 CTRL + , 即可生成完整的HTML代碼:

復制代碼
代碼如下:

<ul id="nav">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>

就這么簡單。

修改Dreamweaver的快捷鍵

或許你并不習慣使用zen coding插件默認的這幾個快捷鍵,那么你就可以很簡單的修改快捷鍵:

選擇“編輯”菜單下的“快捷鍵”子菜單即可編輯快捷鍵,界面如下圖:

快捷鍵那行顯示的是當前的快捷鍵,需要更改的話,將光標移動到按鍵后面的輸入框,然后直接按鍵盤上的你想使用的鍵即可,點擊“更改”按鈕,然后確定。

如果修改快捷鍵,請注意盡量不要和當前已經(jīng)使用的快捷鍵沖突。

另外,默認的快捷鍵設置不能夠被修改,在你改的時候會提示,可以按照提示新建一個設置。

標簽:延安 日照 濟寧 贛州 衡水 寧夏 寧波

巨人網(wǎng)絡通訊聲明:本文標題《在dreamweaver中使用zen coding的方法》,本文關鍵詞  在,dreamweaver,中,使用,zen,;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《在dreamweaver中使用zen coding的方法》相關的同類信息!
  • 本頁收集關于在dreamweaver中使用zen coding的方法的相關信息資訊供網(wǎng)民參考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章