You are here: Home » DreamWeaver(ドリームウィーバー)テクニック » コードスニペット <Vol.2>

コードスニペット <Vol.2>

2014年7月21日 | Leave a comment(7) Go to comments

前回のスニペットの概要に引き続き、
今回はスニペットの登録と、新規にスニペットを作る方法についてご紹介しましょう。

スニペットの登録
d19-1

   まず、スニペットパネルの右下、②の「新規スニペットフォルダ」をクリックします。
(もしくは、ウィンドウ内で“右クリック⇒新規フォルダ”)

 自動的に一覧の中に新しいフォルダが追加されるので、フォルダに好きな名前を付けます。

新規フォルダの作成

d19-2

  作成したスニペットフォルダを選択した状態で、③の「新規スニペット」アイコンをクリックします。(もしくは、ウィンドウ内で“右クリック⇒新規スニペット”)

すると、「スニペット」のダイアログウィンドウが開くので、
d19-3

 ここで挿入するコード名と、設定内容を登録します。

↓項目の内容は以下の通り

①名前:スニペットに付ける名前(パネルで表示される見出し名)

②説明:どんなスニペットか、特徴が後からでも分かる説明を入れておくと良いです

③スニペットの種類:2択から選択
  ■選択範囲を囲む場合
⇒ドキュメント上で選択して囲んだ範囲に、スニペットを挿入する場合は、こちらを指定します。 範囲選択した部分を、囲むように挿入するスニペットをつくることができます。この場合、選択した部分の前後を、「前に挿入」するコードと、「後に挿入」するコードにそれぞれ登録します。

  ■ブロックの挿入の場合
⇒ドキュメント上のカーソルを置いた場所に、スニペットを挿入する場合は、こちらを指定します。
範囲指定せずに、ひとまとまりにしたコードを挿入します。

④プレビュータイプ:スニペットパネルの“プレビューペイン”に表示する方法を
[デザイン]、[コード]のどちらかを選択できます。

あとは、設定後にOKを押せば、新しいオリジナルスニペットの完成です。

 

 

  1. foot locker nike jordan shoes - trackback on 2014年12月14日 at 1:28 PM
  2. cyber monday abercrombie uk - trackback on 2014年12月21日 at 3:35 AM
  3. air jordan alpha 1 low stealth - trackback on 2014年12月22日 at 11:03 AM
  4. abercrombie shorts black friday 2014 - trackback on 2014年12月24日 at 5:29 PM
  5. hollister nyc black friday sale - trackback on 2014年12月25日 at 2:16 PM
  6. abercrombie and fitch london cyber monday 2014 - trackback on 2014年12月27日 at 7:09 AM
  7. hollister cyber monday cyber monday deals - trackback on 2014年12月27日 at 2:07 PM

Leave a Comment