国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

在dreamweaver中使用zen coding的方法

2019-10-26 17:25:44
字體:
供稿:網(wǎng)友
在我發(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的插件,在該頁面的右側(cè)欄有下載列表,就是擴展名為mxp的那個。(目前的版本是0.7,可以點這里下載,里面有qianduan打包的一個版本,不過官方新版是0.7的了,推薦使用官方的。)。

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

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

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

復(fù)制代碼
代碼如下:
ul#nav>li*4>a

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

復(fù)制代碼
代碼如下:
<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)使用的快捷鍵沖突。

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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 大港区| 涿鹿县| 延津县| 彩票| 中江县| 沂水县| 五大连池市| 肇源县| 怀化市| 苏尼特右旗| 华安县| 新巴尔虎左旗| 什邡市| 巴马| 本溪| 宁晋县| 内黄县| 内丘县| 增城市| 商河县| 河北区| 肇东市| 福贡县| 保德县| 湘阴县| 息烽县| 家居| 双鸭山市| 万州区| 桂林市| 白朗县| 雅江县| 涟源市| 沭阳县| 大连市| 成都市| 安龙县| 卓尼县| 宁河县| 怀安县| 新宾|