- 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 テンプレートの作成、アセットパネルを使用した新しいテンプレートの作成、Contribute サイトのテンプレートの作成を行う方法について説明します。
テンプレートは、HTML などの既存のドキュメントまたは新規のドキュメントから作成できます。
テンプレートを作成したら、テンプレート領域を挿入して、テンプレートのコードカラーとテンプレート領域のハイライトカラーの環境設定を設定できます。
作成者や前回の編集日時、レイアウトの決定理由など、テンプレートの追加情報をそのテンプレートのデザインノートファイルに格納することもできます。テンプレートから作成されたドキュメントには、テンプレートのデザインノートは継承されません。
Dreamweaver のテンプレートは、初期設定で Dreamweaver テンプレートのページセクションが固定または編集不能になっている、他の Adobe Creative Suite 製品のテンプレートと異なります。
既存のドキュメントからのテンプレートの作成
既存のドキュメントからテンプレートを作成できます。
-
テンプレートとして保存するドキュメントを開きます。
-
次のいずれかの操作を実行します。
挿入/テンプレート/テンプレートの作成を選択します。
挿入パネルの「一般」カテゴリーで、ドロップダウンメニューからテンプレートを選択した後、「テンプレートの作成」オプションを選択します。
注意:以前、「次からこの警告を表示しない」を選択していない限り、保存するドキュメントに編集可能領域が定義されていないことを通知する警告が表示されます。「OK」をクリックしてドキュメントをテンプレートとして保存するか、または「キャンセル」をクリックしてテンプレートを作成せずにダイアログボックスを閉じます。
-
サイトポップアップメニューからテンプレートを保存するサイトを選択し、「保存先」フィールドにテンプレートの一意の名前を入力します。
-
「保存」をクリックします。Dreamweaver では、テンプレートファイルは、ファイル拡張子 .dwt を付けて、サイトのローカルルートフォルダーにあるサイトの Templates フォルダーに保存されます。サイトに Templates フォルダーがない場合は、新しいテンプレートを保存するときに自動的に作成されます。注意:
Templates フォルダーからテンプレートを移動したり、Templates フォルダーにテンプレート以外のファイルを置くことはできません。また、Templates フォルダーは、ローカルルートフォルダーから移動しないでください。移動すると、テンプレートのパスにエラーが発生します。
アセットパネルを使用した新しいテンプレートの作成
-
アセットパネル(ウィンドウ/アセット)で、パネルの左側にあるテンプレートアイコンを選択します。
-
アセットパネルの下部にある新規テンプレートアイコンをクリックします。
名前の付いていない、新しいテンプレートがアセットパネルのテンプレート一覧に追加されます。
-
テンプレートを選択したまま、テンプレートの名前を入力し、Enter キー(Windows)または Return キー(Mac OS)を押します。
Dreamweaver により、アセットパネルおよび Templates フォルダーに空白のテンプレートが作成されます。
Contribute サイト用のテンプレートの作成について
Dreamweaver を使用して、Adobe® Contribute® ユーザーが新しいページを作成する際に役立つテンプレートを作成することができます。テンプレートを使用することで、サイトの外観と印象に統一感を与えたり、多数のページのレイアウトを一度に更新することができます。
テンプレートを作成してサーバーにアップロードすると、サイトに接続したすべての Contribute ユーザーが利用できます。ただし、一部の Contribute のロールでテンプレートの使用を制限している場合を除きます。テンプレートの使用を制限している場合は、新しいテンプレートを作成するたびに、Contribute ユーザー用のテンプレートリストにそのテンプレートを追加する必要があります(詳しくは、『Contribute の使用と管理』を参照してください)。
各 Contribute ユーザーのサイト定義に設定されたサイトルートフォルダーが、Dreamweaver のサイト定義に設定されたサイトルートフォルダーと同じであることを確認します。ユーザーのサイトルートフォルダーが Dreamweaver の設定と一致しない場合は、そのユーザーはテンプレートを使用できません。
Dreamweaver テンプレートに加えて、Contribute の管理ツールを使用して Dreamweaver 以外のテンプレートを作成することもできます。Dreamweaver 以外のテンプレートは、Contribute ユーザーが新しいページを作成するのに使用できる既存のページです。Dreamweaver テンプレートと似ていますが、テンプレートを変更してもそれをベースにしたページが更新されない点で異なります。また、Dreamweaver 以外のテンプレートには、編集可能、ロック、繰り返し、およびオプション領域など、Dreamweaver テンプレートのエレメントを含めることができません。
Contribute ユーザーが Dreamweaver テンプレートの含まれているサイト内で新しいドキュメントを作成するときには、Contribute の新規ページダイアログボックスに、利用可能なテンプレート(Dreamweaver テンプレートと Dreamweaver 以外のテンプレートの両方)が一覧表示されます。
Latin-1 以外のエンコードを使用するページをサイトに追加するには、テンプレート(Dreamweaver テンプレートまたは Dreamweaver 以外のテンプレート)を作成する必要があります。Contribute ユーザーは、どのようなエンコード形式のページでも編集できますが、Contribute ユーザーが新しいブランクページを作成すると、そのページでは Latin-1 エンコードが使用されます(日本語版の Contribute では、Shift-JIS エンコードになります)。異なるエンコードを使用するページを作成するには、Contribute ユーザーは、他のエンコード形式の既存ページのコピーを作成するか、他のエンコード形式のテンプレートを使用します。ただし、他のエンコード形式のページやテンプレートがサイトにない場合は、まず Dreamweaver でそのエンコード形式のページやテンプレートを作成する必要があります。
Contribute サイト用のテンプレートの作成
-
サイト/サイトの管理を選択します。
-
編集するサイトをダブルクリックします。
-
サイト設定ダイアログボックスで、詳細設定/Contribute を選択します。
-
まだ Contribute の互換性を有効にしていない場合は、有効にします。
「Contribute 互換性を有効化」を選択し、サイトルートの URL を入力します。
-
「Contribute でサイトを管理」をクリックします。
-
管理者のパスワードを入力するよう求められた場合は、管理者のパスワードを入力し、「OK」をクリックします。
-
「ユーザーと役割」カテゴリーで、ロールを選択して「役割の設定を編集」ボタンをクリックします。
-
「新規ページ」カテゴリーを選択し、「このリストからページをコピーして新規ページを作成」の下にあるリストに既存のページを追加します。
詳しくは、『Contribute の使用と管理』を参照してください。
-
「OK」を 2 回クリックしてダイアログボックスを閉じます。