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
投稿猜你喜欢
本篇已得到原作者Steve Dennis的翻译准予，在此Jorux表示感谢！本教程主要参考Creating a CSS Layo- 一、前言这里我先为大家提供一个中文网站，大家可以下去更深入的学习。https://pypi.org/project/pypinyin/pyp
- Django部署到Cenos7需要安装大量的依赖包, 有很多坑需要踩, 这里是踩坑后探索出的标准化步骤实验环境: 腾讯云centos7用ce
- 模块概述如果说模块是按照逻辑来组织 Python 代码的方法, 那么文件便是物理层上组织模块的方法。 因此, **一个文件被看作是一个独立模
- 目录1、功能介绍2、关键代码2.1 主页功能2.2 添加商品信息2.3 数据库设计商品表前言：
- 为了能让PHP连接MSSQL,系统需要安装MSSQL,PHP,且在PHP.ini中的配置中,将 ;extension=
- Python深搜版：核心在于带随机的深搜（见代码第23到27行，其实也可以用22行代替这几行代码，你可以试着把第24行的数字4改大或者改小，
- 先来看一张简单的文档树很明显树的顶层节点是NodeA节点,接下来可以通过指定的合适节点移动到树中的任何点,结合以下的代码你可以更好的了解这棵
- 1.执行cmd命令，不显示执行过程中弹出的黑框def run_cmd( cmd_str='', echo_print=1):
- 1.echo和print的区别PHP中echo和print的功能基本相同（输出），但是两者之间还是有细微差别的。echo输出后没有返回值，但
- 最近在工作中进行了NLP的内容，使用的还是Keras中embedding的词嵌入来做的。Keras中embedding层做一下介绍。中文文档
- 前言说到幻影坦克，我就想起红色警戒里的……幻影坦克（Mirage Tank），《红色警戒2》以及《尤里的复仇》中盟军的一款伪装坦克，盟军王牌
- pycharm简介PyCharm是一种Python IDE，带有一整套可以帮助用户在使用Python语言开发时提高其效率的工具，比如调试、语
- 阅读上一章：Chapter 10 应用CSSChapter 11 打印样式先前在第10章中,讨论了几种为文档应用CSS的方法,这一章是要研究
- 在上一讲代码的基础上，做进一步修改，成为了如下程序，请看官研习这个程序：#!/usr/bin/env python#coding:utf-8
- 本文实例讲述了Python根据指定日期计算后n天，前n天是哪一天的方法。分享给大家供大家参考，具体如下：# -*- coding:utf-8
- yolov5的代码模型构建是通过.yaml文件实现的，初次看上去会一头雾水，这里记录一下，也方便自己后面用到的时候查看。以models/yo
- 1.1 方法归纳使用 + 直接将多列合并为一列（合并列较少）；使用pandas.Series.str.cat方法，将多列合并为一列（合并列较
- 如下所示：def sub(arr): finish=[] size = len(arr) end = 1 << size #en
- 本文实例为大家分享了python实现发送邮件功能的具体代码，供大家参考，具体内容如下# -*- coding: utf-8 -*- # Au
