ツール/タグライブラリを選択して、タグライブラリエディターを開きます。
- Dreamweaver ユーザーガイド
- はじめに
- Dreamweaver と Creative Cloud
- Dreamweaver のワークスペースとビュー
- サイトの設定
- ファイルの管理
- レイアウトとデザイン
- CSS
- ページコンテンツとアセット
- ページプロパティの設定
- CSS 見出しプロパティおよび CSS リンクプロパティの設定
- テキストの操作
- テキスト、タグ、属性の検索と置換
- DOM パネル
- ライブビューでの編集
- Dreamweaver でのドキュメントのエンコード
- ドキュメントウィンドウでのエレメントの選択および表示
- プロパティインスペクターでのテキストプロパティの設定
- web ページのスペルチェック
- Dreamweaver での区切り線の使用
- Dreamweaver でのフォントの組み合わせの追加と変更
- アセットを使用した作業
- Dreamweaver での日付の挿入と更新
- Dreamweaver でのお気に入りアセットの作成と管理
- Dreamweaver でのイメージの挿入と編集
- メディアオブジェクトの追加
- Dreamweaver でのビデオの追加
- HTML5 ビデオの挿入
- SWF ファイルの挿入
- オーディオエフェクトの追加
- Dreamweaver での HTML5 オーディオの挿入
- ライブラリ項目の操作
- Dreamweaver でのアラビア語およびヘブライ語のテキストの使用
- リンクおよびナビゲーション
- jQuery Widget と効果
- web サイトのコーディング
- Dreamweaver でのコーディングについて
- Dreamweaver のコーディング環境
- コーディングの環境設定
- コードカラーリングのカスタマイズ
- コードの記述と編集
- コードヒントとコード補完機能
- コードの折りたたみと展開
- スニペットでコードを再利用する
- 構文チェックコード
- コードの最適化
- デザインビューでのコードの編集
- ページのヘッドコンテンツの操作
- Dreamweaver でのサーバーサイドインクルードの挿入
- Dreamweaver でのタグライブラリの使用
- Dreamweaver へのカスタムタグの読み込み
- JavaScript ビヘイビアーの使用(基本操作)
- JavaScript に組み込まれているビヘイビアーの適用
- XML および XSLT について
- Dreamweaver でのサーバーサイド XSL 変換の実行
- Dreamweaver でのクライアントサイド XSL 変換の実行
- Dreamweaver での XSLT の文字エンティティの追加
- コードのフォーマット
- 製品間ワークフロー
- テンプレート
- Dreamweaver テンプレートについて
- テンプレートおよびテンプレートから作成されたドキュメントの認識
- Dreamweaver テンプレートの作成
- テンプレート編集可能領域の作成
- Dreamweaver でのリピート領域およびテーブルの作成
- テンプレートの任意の領域の使用
- Dreamweaver での編集可能なタグ属性の定義
- Dreamweaver でネストされたテンプレートを作成する方法
- テンプレートの編集、更新、削除
- Dreamweaver での xml コンテンツの書き出しおよび読み込み
- 既存のドキュメントでのテンプレートの適用または削除
- Dreamweaver テンプレートでのコンテンツの編集
- Dreamweaver でのテンプレートタグのシンタックスルール
- テンプレート領域のハイライト表示の環境設定
- Dreamweaver でテンプレートを使用する利点
- モバイルとマルチスクリーン
- 動的サイト、ページおよび web フォーム
- web アプリケーションについて
- アプリケーション開発のためのコンピューター設定
- データベース接続のトラブルシューティング
- Dreamweaver での接続スクリプトの削除
- 動的ページのデザイン
- 動的コンテンツソースの概要
- 動的コンテンツのソースの定義
- ページへの動的コンテンツの追加
- Dreamweaver での動的コンテンツの変更
- データベースのレコードの表示
- Dreamweaver でのライブデータの入力とトラブルシューティング
- Dreamweaver でのカスタムサーバービヘイビアーの追加
- Dreamweaver を使用したフォームの作成
- フォームを使用したユーザーからの情報の収集
- Dreamweaver での ColdFusion フォームの作成と有効化
- web フォームの作成
- フォームエレメントの HTML5 サポート強化
- Dreamweaver を使用したフォームの開発
- アプリケーションのビジュアル開発
- web サイトのテスト、プレビュー、パブリッシュ
- トラブルシューティング
Dreamweaver でタグライブラリ、タグ、属性、および属性値を追加、変更、削除します。タグライブラリのプロパティを設定します。
タグライブラリとは、Dreamweaver における特定のタイプのタグを集めたものであり、Dreamweaver によるそれらのタグのフォーマット方法に関する情報も合わせて格納されています。タグライブラリは、Dreamweaver がコードヒント、ターゲットブラウザーチェック、タグ選択、およびその他のコーディング機能に使用するタグについての情報を提供します。タグライブラリエディターでは、タグライブラリ、タグ、属性、および属性値を追加または削除できます。また、タグライブラリのプロパティの設定(コードの内容を簡単に識別できるようにフォーマットを指定するなど)や、タグおよび属性の編集も実行できます。
タグライブラリエディターを開く、または閉じる
-
タグライブラリエディターダイアログボックスが表示されます。このダイアログボックスのオプションは、選択したタグによって異なります。
-
次のいずれかの方法でタグライブラリエディターを閉じます。
変更内容を保存するには、「OK」をクリックします。
変更内容を保存せずにエディターを閉じるには、「キャンセル」をクリックします。
注意:「キャンセル」をクリックすると、タグライブラリエディターで行った変更がすべて消去されます。タグまたはタグライブラリを削除した場合は、復元されます。
ライブラリ、タグ、および属性の追加
タグライブラリエディターを使用すると、タグライブラリ、タグ、属性を Dreamweaver のタグライブラリに追加できます。
タグライブラリの追加
-
タグライブラリエディター(ツール/タグライブラリ)で、「+」ボタンをクリックして、「新しいタグライブラリ」を選択します。
-
「ライブラリ名」ボックスに名前を入力し(例えば Miscellaneous Tags)、「OK」をクリックします。
タグライブラリへのタグの追加
-
タグライブラリエディター(ツール/タグライブラリ)で、「+」ボタンをクリックして、「新しいタグ」を選択します。
-
タグライブラリポップアップメニューでタグライブラリを選択します。
-
新しいタグの名前を入力します。複数のタグを追加するには、タグの名前をコンマとスペースで区切ります(例えば cfgraph, cfgraphdata)。
-
新しいタグに対応する終了タグ(</...>)がある場合は、「一致する終了タグがあります」を選択します。
-
「OK」をクリックします。
タグへの属性の追加
-
タグライブラリエディター(ツール/タグライブラリ)で、「+」ボタンをクリックして、「新しい属性」を選択します。
-
タグライブラリポップアップメニューでタグライブラリを選択します。
-
タグポップアップメニューでタグを選択します。
-
新しい属性の名前を入力します。複数の属性を追加するには、属性の名前をコンマとスペースで区切ります(例えば width, height)。
-
「OK」をクリックします。
ライブラリ、タグ、および属性の編集
タグライブラリエディターを使用して、タグライブラリのプロパティを設定し、ライブラリ内のタグや属性を編集できます。
タグライブラリのプロパティの設定
-
タグライブラリエディター(ツール/タグライブラリ)のタグリストで、タグライブラリ(タグではなく)を選択します。
注意:タグライブラリのプロパティは、タグライブラリが選択されている場合のみ表示されます。 タグライブラリは、タグリストの最上位フォルダーに表されます。例えば、HTML タグフォルダーはタグライブラリを表し、HTML タグフォルダー内の abbr フォルダーはタグを表します。
-
使用する場所リストで、このタグライブラリを使用するドキュメントタイプをすべて選択します。
ここで選択したドキュメントタイプによって、タグライブラリのコードヒントを提供するドキュメントタイプが決まります。例えば、あるタグライブラリに対して HTML オプションを選択しない場合、そのタグライブラリのコードヒントは HTML ファイルでは表示されません。
-
(オプション)「タグ接頭辞」ボックスに、タグの接頭辞を入力します。注意:
接頭辞を使用して、コード内のタグを特定のタグライブラリの一部として識別します。接頭辞を使用しないタグライブラリもあります。
-
「OK」をクリックします。
タグライブラリ内のタグの編集
-
タグライブラリエディター(ツール/タグライブラリ)のタグリストで、タグライブラリを展開し、タグを選択します。
-
「タグフォーマット」の以下のオプションを設定します。
改行
Dreamweaver でタグの改行を挿入する位置を指定します。
コンテンツ
Dreamweaver でタグの内容を挿入する方法を指定します。つまり、改行、フォーマット、およびインデントの規則をタグの内容に適用するかどうかを指定します。
大文字/小文字
特定のタグに対する大文字と小文字の区別を指定します。指定なし、小文字、大文字、または大文字/小文字混在を選択します。「大文字/小文字混在」を選択すると、タグ名に大文字と小文字が混在ダイアログボックスが表示されます。Dreamweaver がタグを挿入する際に使用する文字種(大文字または小文字)でタグを入力し(「getProperty」など)、「OK」をクリックします。
初期設定
すべてのタグに適用される初期設定の大文字または小文字の区別を設定します。表示されるタグの大文字/小文字の初期設定ダイアログボックスで、「<大文字>」または「<小文字>」を選択して「OK」をクリックします。
注意:XML および XHTML 標準に合わせる場合などに、初期設定を小文字にします。
タグの属性の編集
-
タグライブラリエディター(ツール/タグライブラリ)のタグリストで、タグライブラリを展開し、タグを展開してタグ属性を選択します。
-
属性の大文字/小文字ポップアップメニューで、指定なし、小文字、大文字、または大文字/小文字混在を選択します。
「大文字/小文字混在」を選択すると、属性名に大文字と小文字が混在ダイアログボックスが表示されます。Dreamweaver が属性を挿入する際に使用する文字種(大文字または小文字)で属性を入力し(「onClick」など)、「OK」をクリックします。
「初期設定」リンクをクリックすると、すべての属性名に対する大文字と小文字の区別の初期設定を指定できます。
-
属性タイプポップアップメニューで、属性のタイプを選択します。
「列挙」を選択した場合は、その属性に指定可能なすべての値を「値」ボックスに入力します。値は、スペースではなくコンマで区切ります。例えば、cfchart タグの showborder 属性の値を列挙する場合は、「yes,no」のように入力します。
ライブラリ、タグ、および属性の削除
-
タグライブラリエディター(ツール/タグライブラリ)のタグリストで、タグライブラリ、タグ、または属性を選択します。
-
「-」ボタンをクリックします。
-
「OK」をクリックして、選択したアイテムを削除します。
タグリストからアイテムが削除されます。
-
「OK」をクリックしてタグライブラリエディターを閉じ、削除を完了します。