zen coding的dreamweaver插件安装教程
作者：神采飞扬 来源：前端观察 发布时间：2010-01-12 13:30:00
在我发表上一篇《Zen Coding: 一种快速编写HTML/CSS代码的方法》之后，有网友表示不知道怎么在Dreamweaver上使用zen coding插件。OK，今天我就写一篇详细的教程来讲述如何在DW中使用zen coding。如果你已经知道如何使用，可以不再阅读本文。
可喜的是，我在Dreamweaver CS3上进行了测试，证明Dreamweaver CS3和CS4都是支持Zen coding的这个插件的。
准备
安装插件之前，请确认你已经安装了adobe Extention Manager，如果没有安装，请到Adobe官方下载安装：
下载安装
到zen coding项目主页下载最新的zen coding 用于dreamweaver的插件，在该页面的右侧栏有下载列表，就是扩展名为mxp的那个。（目前的版本是0.5，可以点这里直接下载）。
下载完后，双击你下载的那个zen coding.mxp文件就可以直接安装，很简单。
安装后重启DW，然后你就会在命令菜单下发现zen coding子菜单，如下图：
这就说明已经能够安装成功了。
使用方法
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插件默认的这几个快捷键，那么你就可以很简单的修改快捷键：
选择“编辑”菜单下的“快捷键”子菜单即可编辑快捷键，界面如下图：
快捷键那行显示的是当前的快捷键，需要更改的话，将光标移动到按键后面的输入框，然后直接按键盘上的你想使用的键即可，点击“更改”按钮，然后确定。
如果修改快捷键，请注意尽量不要和当前已经使用的快捷键冲突。
另外，默认的快捷键设置不能够被修改，在你改的时候会提示，可以按照提示新建一个设置。
0
投稿猜你喜欢
学习编写简练、优化的CSS需要大量的实践和一种不自觉的强迫性清洁的渴望。然而让你的CSS保持整洁并不仅仅是你对清洁的疯狂的心理需求，尤其对于- 2008年，对于JavaScript来说是非常振奋人心的一年，很多高人加入到JavaScript和Web开发的阵营中来，浏览器厂商在技术上互
- 简单的说，一个数据库管理系统应该的提供的基本服务有两种：1.数据访问。对每个数据库管理系，数据访问服务都包含一下几种(1)插入--向数据库中
- “输入框( Input )应当符合逻辑地划分为小组，这样大脑就可以很好的处理大堆区域间的关系。”– 《HTML权威指南》Web 应用程序总是
- 内容摘要：严格地说，ASP 并不是一门编程语言，所以不存在类这一概念，我们这里说 ASP 类是指 A
- Asp开发 联通CDMA以下是在开发wap中的随笔，其中一些对于“老鸟”来说，谈不上什么，希望对初学者有所帮助，大家有什么小技巧，欢迎顶上来
- 以下是通过Excel 的VBA连接Oracle并操作Oracle相关数据的示例Excel 通过VBA连接数据库需要安装相应的Oracle客户
- 在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行
- 原文地址：30 Days of Mootools 1.2 Tutorials - Day 19 - TooltipsMootools 1.2
- 代码如下:<％ '隐藏并修改文件的最后修改时间的aspshell '原理:通过FSO可以修改文件的
- 第一：编写限制搜索范围的查询语句。众所周知，在数据库查询的时候返回记录的多少直接关系到查询的效率。所以，在客户端通过一定的条件语句，限制搜索
- 大家平时见到google的广告太多了，但有没有兴趣知道一下它的运行过程呢？下面我们一起来看看这个广告代码的执行过程，以及其中的一些精彩内容。
- 今天同学向我提了一个问题，我觉得蛮有意思，现记录下来大家探讨下。问题是：在一个表里面，有一个允许为空的字段，空是可以重复的，但是不为空的值需
- 在学会了SELECT语句的构造和用途之后你就该学习如何使用它了。在你所掌握的数据库工具下，这可能意味着你得按下某个写着“执行”字样的按钮。在
- 从98年某月某日我的第一个个人猪页诞生.到2008年的今天.宣告了我从事设计行业整整十年.十年,很多变化,从摆弄个人猪页到现在以做设计为生,
- 类 型描 述EmptyVariable 没有被初始化，它是数字的话，它的值就为0,如果它是字符串，那么它的值就为1N
- 每个进行过较大型的ASP-Web应用程序设计的开发人员大概都有如下的经历：ASP代码与页面HTML混淆难分，业务逻辑与显示方式绞合，使得代码
- 如何让你的CSS代码更具有组织性和易维护性，为什么你的样式表总是臃肿和混乱的？有些时候是源于一开始书写时的混乱和草率，有时候也是因为后期的维
- 尽管可能是个比较老的话题了，但是我还是从来没有整理过。今天在《精通HTML》一书中看到，这里整理一下。在XHTML中，<html>
- sql exist的妙用create table b(a varchar(10),b varchar(10),c varchar(10))i
