目次:
- 1 [新しいCSSルールを開く]ダイアログボックスを開きます。
- 2クラスを選択する（任意のHTML要素に適用できます）。
- 3あなたの新しいクラスに名前をつけます。
- 4（新しいスタイルシートファイル）を選択します。
- 5スタイルシートファイルを別名で保存ダイアログボックスが表示されます。
- 6スタイルシートの名前を入力します。
- スタイルを保存します。
ビデオ: Dreamweaver CC の CSSデザイナーパネルの使い方（フォロー1） 2025
Adobe Creative Suite 5（Adobe CS5）Dreamweaverでは、ページをより正確に制御できるようにクラススタイルの作成をサポートしていますフォーマット。本文、テキスト、見出し、サブヘッド、およびその他の要素の名前付きスタイルである クラスセレクタ を作成できます。タグセレクタとは異なり、クラスの任意の名前を選択し、必要なときにアイテムに選択的にそのスタイルを適用することができます。
<！ - 1 - >新しい外部スタイルシートを定義して、サイト内の複数のページで新しいルールを使用できるようにすることもできます。このメソッドは、一度に複数のページに添付できる外部ファイルにルールを保存します。
1 [新しいCSSルールを開く]ダイアログボックスを開きます。
CSSパネルを右に移動し、下部にある[新規CSSルール]ボタンをクリックするか、[書式]→[CSSスタイル]→[新規]を選択します。
<！ - 2 - >2クラスを選択する（任意のHTML要素に適用できます）。
このオプションは、セレクタタイプドロップダウンリストにあります。
3あなたの新しいクラスに名前をつけます。
「セレクタ名」テキストボックスに、新しいクラスの名前を入力します。任意の名前を入力することができますが、空白がなく、使用方法を記述していることを確認してください。 Reallycoolstyleは悪い名前です。ヘッドラインスタイルはより良い名前です。 Dreamweaverは必要な命名規則であるため、ピリオドをスタイル名の前に挿入します。
<！ - 3 - >4（新しいスタイルシートファイル）を選択します。
これは、下部のルール定義ドロップダウンリストのオプションです。 [OK]をクリックします。
5スタイルシートファイルを別名で保存ダイアログボックスが表示されます。
サイトフォルダを探します（または、サイトを定義していない場合は、サイトの画像ファイルやページなどの関連情報をすべて保持するフォルダ）。
6スタイルシートの名前を入力します。
適切な名前（mainなど）を入力します。 CSSまたは基本。あなたがあなたのウェブサイトのために作成している主なスタイルのセットなら、CSS。 （Dreamweaverはファイル名の末尾に必須の.css拡張子を追加します。）
スタイルを保存します。
URLをそのままのままにし、[相対]ドロップダウンリストを[ドキュメント]に設定します。 [保存]をクリックします。
あなたは新しいものを作成しました。 CSSファイル、または外部スタイルシートを使用します。 CSS Rule Definitionダイアログボックスが表示され、新しいスタイルシートをさらに細かく調整できます。
