Dreamweaverのテンプレート - ダミー - ソーシャルメディア 2024

多くのWebデザインプログラムは、。彼らが本当に意味するのは、プログラムに既製のページデザインがいくつか含まれているということです。 Dreamweaverでは、ページの基本的なデザインを作成し、変更可能なセクションと変更できないセクションを制御できるテンプレートデザイン機能を提供することで、このコンセプトをさらに発展させています。さまざまなスキルレベルの開発者チームと協力している場合、これは貴重な機能です。たとえば、不動産会社のサイトを構築していて、従業員がページのデザインを台無しにすることなく販売リストを更新できるようにするには、テンプレートが最適なソリューションになる可能性があります。

<！ - 1 - >

テンプレートは、背景色やナビゲーション要素などの特定の特性を共有する多数のページを作成する場合に最適です。新しいページごとに正しいプロパティを設定したり、ページの後に同じ変更を加えたりするのではなく、テンプレートを使用して複数のページを一度に変更することができます。

テンプレートに忠実

Dreamweaverテンプレート機能を使用する大きな利点の1つは、テンプレートのどの領域を変更できるかを指定できることです。これは、HTMLでさまざまなスキルレベルを持っている人と作業している場合に、より高度なデザイナーに、あまり経験のない人が後でうまくできないページを作成したい場合に特に便利です。この目標を念頭に置いて、テンプレートには編集可能領域とロックされた（編集不可能な）領域があります。変更されるコンテンツ（製品の説明など）には、編集可能領域を使用します。ロックされた領域は、ロゴやサイトナビゲーション要素などの静的で不変なコンテンツに使用します。

<！ - 2 - >

テンプレートを使用して文書を作成した後でもテンプレートを変更できます。テンプレートを使用するドキュメントを更新すると、そのドキュメントの編集不可能なセクションが、テンプレートで行った変更に合わせて更新されます。

テンプレート自体を編集している間は、編集可能な領域やロックされた領域など、ファイルの任意の部分を変更できます。ただし、テンプレートから作成したドキュメントを編集する場合は、そのドキュメントの編集可能な領域のみを変更することができます。元に戻ってテンプレートを作成した後に変更すると、そのテンプレートで作成したすべてのページに反映されるか、現在編集しているページのみに反映されるかを選択できます。

<！ - 3 - >

テンプレートの作成

テンプレートの作成は、Dreamweaverで他のファイルを作成するのと同じくらい簡単です（次の手順を参照）。既存のHTML文書から始め、必要に応じて変更したり、まったく新しい文書を作成したりすることができます。ファイルをテンプレートとして保存すると、そのファイルはWebサイトのメインフォルダのTemplatesフォルダに自動的に保存されます。 Dreamweaverの自動機能が正しく機能するためには、この共通フォルダにテンプレートを保存する必要があります。 WebサイトにTemplatesフォルダがない場合は、最初のテンプレートを保存するときにDreamweaverによって自動的に作成されます。

テンプレート機能は、DreamweaverでWebサイトを定義した場合にのみ機能します。

テンプレートのすべての要素は、タグで示されるドキュメントタイトルセクションを除き、デフォルトでロックされます。（ドキュメントタイトルセクションはロックされていないため、Dreamweaver 4では改善されています.Dreamweaver 3では、タイトルエリアを編集可能にできませんでした）。テンプレートを新しいページを作成するために使用するには、ページの他の領域も編集可能にする必要があります。いつでもテンプレートに戻り、編集可能な領域を増やしたり、後で特定の領域を編集する機能を削除することができます。

編集可能領域を含むテンプレートを作成するには、次の手順を実行します。

「ウィンドウ」 - >「テンプレート」を選択します。 2。 [テンプレート]パネルの右上隅にある矢印をクリックし、表示されるドロップダウンメニューから[新規テンプレート]を選択します。

新しい無題のテンプレートがパネルのテンプレートのリストに追加されます。 3。テンプレートが選択された状態で、Macの場合はFinder、PCの場合はExplorerのいずれかと同じように、テンプレートの名前を入力します。

新しいテンプレートが[Templates for Site]リストに追加されます。 4。新しいテンプレートに名前を付けたら、その名前をダブルクリックして開きます。

他のHTMLページと同じようにDreamweaverでテンプレートページが開きますが、ファイル名が拡張子で終わる点が異なります。 dwt。

他のHTMLページと同じようにこのページを編集し、画像、テキスト、表などを挿入することができます。 5。「変更」 - >「ページ・プロパティー」を選択して、背景、テキスト、およびリンクの色を指定します。

次に、将来変更したい情報のプレースホルダとして、ページにテキストまたは画像を配置します。 6。イメージまたはテキスト領域を編集可能にするには、イメージまたはテキストを選択してから、「修正」 - >「テンプレート」 - >「新規編集可能領域」を選択します。編集可能として選択したイメージまたはテキストは、テンプレートで作成されたページで変更可能な領域になります。編集可能とマークされていない領域は固定され、テンプレート自体を変更した場合にのみ変更できます。

新しい編集可能領域ダイアログボックスが開きます。 7。 [名前]テキストボックスに、編集可能な領域の名前を入力します。

テンプレート内のテキストまたはイメージが強調表示され、編集可能であることを示します。あなたはあなたが欲しいものを何でも指定することができますが、あなたがそのエリアに入れる情報のタイプに対応する何かを選ぶと、あなたが覚えやすくなります。 8。他の画像やテキスト領域を編集可能にするには、手順6と7を繰り返します。

9。終了したら、テンプレートを保存してファイルを閉じます。

テーブル全体または個々のテーブルセルを編集可能にすることはできますが、最初にマージしない限り、複数のセルを一度に編集することはできません。テーブル内のセルの一部を編集可能にする場合は、各セルを一度に1つずつ選択する必要がありますが、他のセルは編集できません。レイヤーとレイヤーのコンテンツも別々の要素として扱われますが、いずれかを編集可能としてマークすることができます。レイヤーを編集可能にすると、そのレイヤーの位置を変更することができます。レイヤーコンテンツを編集可能にするとは、レイヤー内のテキストやイメージなど、レイヤーのコンテンツを変更することができます。