ビデオ: Dreamweaver CS5.5使い方講座 HTML5 CSS3サイト作成編 第1章サイトの定義[動学.tv] 2024
要素を編集できるようにするには、Dreamweaverの任意の要素の属性を編集可能にすることもできます。この手順は、タグ自体を編集できないときに属性を編集可能にする場合にのみ必要です(たとえば、タグの背景イメージですが、タグ自体ではありません)。
編集可能な属性は、そのページへのリンクの色を変更して、開いているページを識別したい場合に特に便利です。ナビゲーションバーのリンクは青色ですが、そのページが開いているときは、各ページのリンクを赤色に変更する必要があります。
<! - 1 - >リンクの色属性のみを編集可能にするあなたは訪問者がcorrにいるとき、例えば、About usのリンクを赤に変えることができます私たちについて
テンプレートに編集可能な属性を作成するには、次の手順に従います。
-
Dreamweaverテンプレートで、編集可能な属性を付けるアイテムを選択します。
テキストだけでなくリンクを選択したことを確認するには、リンクテキスト内の任意の場所をクリックし、作業領域の下部にあるタグセレクタを使用してタグを選択します。
-
[修正]→[テンプレート]→[属性を編集可能にする]を選択します。
編集可能タグ属性ダイアログボックスが表示されます。
-
属性ドロップダウンリストから、編集可能にする属性を選択します。
属性オプションは、画像、リンク、テキスト、またはページ上の別の要素のいずれを選択するかによって異なります。
<! - 3 - >リンクタグはアンカータグとして知られ、タグセレクタにちょうど表示されるので、最も混乱しやすいHTMLタグの1つです。ただし、完全タグは「編集可能タグ属性」ダイアログボックスではHREFと識別されます。
必要な属性が表示されていない場合は、[追加]ボタンをクリックし、属性の名前を入力します。
-
「属性を編集可能にする」チェック・ボックスを選択します。
その属性のオプションは、ダイアログボックスの下部でアクティブになります。
-
「タイプ」ドロップダウンリストで、属性タイプを選択します。
linkタグにはいくつかの属性があります。
-
OKをクリックして属性を編集可能にし、ダイアログボックスを閉じます。
テンプレートから作成したページの編集可能な属性を変更するには、次の手順を実行します。
-
テンプレートから新しいページを作成するか、テンプレートで作成したページを開きます。
-
変更→テンプレートのプロパティを選択します。
テンプレートのプロパティダイアログボックスが開き、編集可能な属性が一覧表示されます。
-
編集する属性を選択して、ダイアログボックスの下部にオプションを表示します。
リンクの色を変更するには、hrefを選択してテンプレートのプロパティを表示します。次に、[テンプレートのプロパティ]ダイアログボックスの左下にある色見本をクリックし、色を選択します。
-
[OK]をクリックしてダイアログボックスを閉じ、設定を保存します。
ダイアログボックスを閉じると新しい設定が適用されます。