ビデオ: Dreamweaverのテンプレートとは? 2024
他のタイプのページの作成に使用するのと同じ新規ドキュメントダイアログボックスを使用して、Dreamweaverで新しいテンプレートを作成します。 Dreamweaverテンプレートを作成するには、次の手順を実行します。
-
ファイル→新規を選択します。
[新規ドキュメント]ダイアログボックスが開きます。
-
左側のリストで、[空白ページ]オプションをクリックします。
-
ページ・タイプ・リストで、「HTMLテンプレート」を選択します。
<! - 1 - > -
レイアウト領域で、空白のページを作成するか、あらかじめデザインされたCSSレイアウトを選択するかを選択します。
Dreamweaverの多くのCSSレイアウトオプションは、新しいページデザインを作成するための大きな出発点となります。
-
[作成]ボタンをクリックします。
新しい空のテンプレートが作成され、メインワークエリアで開き、[新規ドキュメント]ダイアログボックスが閉じます。
-
ファイル→保存を選択します。
テンプレートを編集可能な領域がなく、実際に保存するかどうかを尋ねる警告が表示されます(無効にしていない場合)。 [OK]をクリックして警告ダイアログボックスを閉じ、続行します。編集可能な領域を持たないテンプレートは便利ではないため、Dreamweaverではこの警告が表示されます。手順9で編集可能領域を作成する方法が見つかります。
<! - 2 - > -
[OK]をクリックして現在のページを保存します。
[テンプレートとして保存]ウィンドウが開き、[テンプレート]フォルダが開きます。ローカルサイトフォルダにTemplatesという名前のフォルダがまだない場合は、最初のテンプレートを作成して保存するときにDreamweaverが作成します。
Dreamweaverテンプレートを正しく動作させるには、DreamweaverテンプレートをローカルサイトフォルダのTemplatesという名前のフォルダ(大文字 T )に保存する必要があります。これは[ファイル]パネルに表示されます。フォルダ名を変更したり、Templatesフォルダをサブフォルダに移動すると、テンプレートが正しく機能しなくなります。
<! - 3 - > -
他のDreamweaverファイルと同じように、画像、テキスト、その他の要素を追加して、ページのデザインを作成します。
他のウェブページと同じように、テンプレートにページデザインを作成することを忘れないでください。テンプレートから作成されたページで置き換えられる画像やテキストを含めるか、ページのスケルトンを作成するかは、あなた次第です。
-
編集可能な領域を作成するには:
-
画像、テキストブロック、またはコンテンツ領域を選択します。
しばしば、ページの全領域を選択して、そのセクション内のすべてが編集可能になるようにすることが最善の方法です。タグとCSSでページを設計した場合は、mainContentクラススタイルでスタイル付けされたタグなど、セクション全体のタグを選択することをお勧めします。
タグで囲まれたセクションを選択する便利な方法は、ページのその領域のどこにでもカーソルを置き、ワークスペースの下部にあるタグセレクタを使用してタグを選択することです。
-
挿入→テンプレート→編集可能領域を選択します。
新しい編集可能領域ダイアログボックスが開きます。
-
新しい編集可能領域に名前を付けます。
見出し や メインコンテンツなど、コンテンツの種類を特定するものを選択します。 編集可能と定義した領域は、テンプレートから作成されたページで変更可能な領域になります。 1つのテンプレートに複数の編集可能な領域を設定することができます。編集可能な各領域の名前は異なる必要があります。名前はスペースや特殊文字を使用できませんが、アンダースコアとハイフンは大丈夫です。
-
OKをクリックします。
アクアブルーボックス(ボックスの左上にアクアブルーのタブがあります)が編集可能領域を囲んでいます。新しい編集可能領域ダイアログボックスに入力した名前がタブに表示されます。
-
-
ページのデザインが完了し、編集可能な領域をすべて追加したら、[ファイル]→[保存]を選択してテンプレートを保存します。
新しいテンプレートページを保存するか、既存のページをテンプレートとして保存すると、Dreamweaverによって自動的にテンプレートが追加されます。 dwt拡張子を入力し、ファイルをTemplatesフォルダに保存します。
編集可能領域を指定する前にテンプレートを保存すると、テンプレートが編集可能領域なしでは役に立たないため、Dreamweaverでは警告が表示されます。テンプレートを保存する前に編集可能なリージョンを作成する必要はありませんが、編集可能なリージョンを1つ以上作成するまで、テンプレートから作成されたページは変更できません。後で編集可能領域を後で追加することができます。
Adobeは、Dreamweaver CCに新しいテンプレート挿入パネルを追加しました。テンプレートを扱うときは、メニュー項目の代わりにこの新しいパネルを使用できます。これらの機能は同じです:Editable RegionアイコンのようなTemplates Insertパネルの対応するアイコンをクリックするだけです。