DreamWeaverCS3(ドリームウィーバーCS3)サイト制作」はドリームウィーバーCS3を使ったウェブサイトの作成方法とウェブサイト制作上の基礎知識を紹介しています。

CSSファイルを使う

htmlファイルを作成中に新規CSSをCSSファイルに記述する方法です。 CSSを適応したいテキストを指定します。
ツールバーの一般から「Divタグを挿入」を選びます。
クラスにするか、IDにするか選び、自分で分かりやすい名前を付けます。 「新規CSSスタイル」をクリックします。
定義場所を選びます。新規スタイルシートファイルを選びます。
cssファイルに名前を付けて保存します。(ちなみに定義場所で「現在のドキュメントのみ」を選ぶとhtmlファイル内にcssが記述されます。)
CSSの設定をします。(設定については別ページで説明します。)
cssファイルをhtmlに反映させるにはhead内に記述する必要があります。
ツールバー「一般」から「ヘッド:リンク」をクリック。HrefにCSSファイルを記述。(参照からも選べます)
OKでCSSファイルがリンクされ、HTMLファイルにCSSが反映されます。
コードを見るとヘッドの部分にCSSのリンクの記述が入っている事がわかります。

CSSの変更

cssスタイル htmlファイルを操作してる時、cssを変更する必要性が時々出てきます。cssファイルを立ち上げて直接記述を打ち直す事も出来ますが、ドリームウィーバーではもっと簡単にcssを変更する事が出来ます。
まず、htmlファイルで変えたい部分を指定します。すると、「CSSスタイル」にその箇所のCSSセレクタが表示されます。
この「CSSスタイル」上でCSSを変更する事ができます。
追加したい項目がある場合は「プロパティの追加」をクリックしてプロパティを選ぶ事ができます。選んだ後に値の部分をクリックして値を入れます。
また、削除したい項目がある場合は、項目をクリックしてから「CSSスタイル」の右端にあるゴミ箱マークをクリックして削除できます。
以前からある項目の値をクリックして値だけを変える事も出来ます。 「CSSスタイル」を操作すると、自動的にCSSファイルが開いていると思います。「CSSスタイル」を変更すると、もちろんCSSファイルにもその変更が記述されます。