目次:
- 1 HTMLページを開きます。
- 2プロパティインスペクターパネルでHTMLボタンをクリックします。
- 3テキスト行を選択します。
- 4 CSSビューに切り替えます。
- 5新しいCSSルールを開始します。
- 選択したテキストに色を付ける。
- 7 [新しいCSSルール]ダイアログボックスが表示されます。
- 8 [OK]をクリックして新しいタグスタイルを作成し、パネルを閉じます。
ビデオ: Dreamweaver CS5使い方講座(ドリームウィーバー)ロールオーバーイメージ/動学 2024
新しいAdobe Creative Suite 5（Adobe CS5）では、タグ（または要素）を作成するのが簡単なルートです。これは、ページ上の既存の要素タグとプロパティインスペクタを使用して、 DreamweaverユーザーはCSSを理解する。 Dreamweaverでは、P、H1、H2などの既存のHTMLタグを操作できます。ページ上の既存の要素タグとプロパティインスペクタを使用すると、特定のHTMLタグが使用されている場所で自動書式設定を適用することができます。
1 HTMLページを開きます。
テキストを含むものを必ず選択してください。
<！ - 1 - >2プロパティインスペクターパネルでHTMLボタンをクリックします。
ボタンはパネルの左側にあります。プロパティインスペクタがHTMLビューで表示されます。
3テキスト行を選択します。
プロパティインスペクタにあるBボタンを使用して、選択したテキストを太字にします。
4 CSSビューに切り替えます。
プロパティインスペクターパネルの左端にあるCSSボタンをクリックします。
<！ - 2 - >目的は、テキストを太字にするタグに最終的なスタイル情報を割り当てることで、ページ上の太字も赤色で表示されます。
5新しいCSSルールを開始します。
太字のテキストを選択したままにし、プロパティインスペクタで[ターゲットルール]ドロップダウンリストから選択します。
選択したテキストに色を付ける。
テキストを選択したまま、プロパティインスペクタ（BおよびIボタンの下にあります）の右側にあるカラーセレクタを使用して、選択した太字のテキストに適用する赤色を選択します。
<！ - 3 - >
7 [新しいCSSルール]ダイアログボックスが表示されます。
「セレクタタイプ」ドロップダウンリストから「タグ（HTMLエレメントの再定義）」を選択します。 Selector NameドロップダウンリストからStrongを選択します。 [ルール定義]ドロップダウンリストから（この文書のみ）を選択します。
セレクタ・タイプは、ページ上の要素に書式を適用する方法を決定します。タグスタイルは、特定のHTMLタグでフォーマットされた要素の外観を変更します。
8 [OK]をクリックして新しいタグスタイルを作成し、パネルを閉じます。
タグを適用して（Bボタンやその他のショートカットを使用して）ボールドテキストを作成するたびに、そのボールドテキストも赤く表示されます。ドキュメントに表示されるときに太字のテキストがどのように表示されるかを決定するタグスタイルを作成しました。
