以前の記事「Zenコーディング:HTML/CSSコードをすばやく書き込む方法」を公開した後、一部のネチズンは、DreamWeaverでZen Codingプラグインを使用する方法がわからないと述べました。 OK、今日はDWでZenコーディングの使用方法に関する詳細なチュートリアルを書きます。すでに使用する方法がわかっている場合は、この記事を読むのをやめることができます。
幸いなことに、DreamWeaver CS3でテストし、DreamWeaver CS3とCS4の両方がZenコーディングのこのプラグインをサポートしていることを証明しました。
準備するプラグインをインストールする前に、Adobe Extention Managerをインストールしていることを確認してください。インストールされていない場合は、Adobeの公式ダウンロードとインストールにアクセスしてください。
Zen Coding Project Homepageにアクセスして、DreamWeaver用の最新のZenコーディングプラグインをダウンロードします。このページの右側の列には、拡張機能MXPのある列のダウンロードリストがあります。 (現在のバージョンは0.7です。ここをクリックしてダウンロードできます。Qianduanがパッケージ化したバージョンがありますが、公式の新しいバージョンは0.7なので、公式のバージョンを使用することをお勧めします。)
ダウンロードした後、ダウンロードしたZenコーディングv.0.7.mxpファイルをダブルクリックすると、直接インストールできます。とても簡単です。
インストール後、DWを再起動すると、下の図に示すように、コマンドメニューの下にZenコーディングサブメニューがあります。
これは、インストールが正常に完了したことを意味します。
使い方禅コーディングの使用も非常に簡単です。新規または任意のHTMLファイルを作成し、コードビューに切り替えて、次のようなZenCodingフォーマットコードを書き込みます。コードをコピーします