WEB制作初心者です。ドリームウィーバー８を使って制作していますが、テンプレートと外部CSSの使い方で悩んでいます。どうすれば効率的で修正作業などもしやすくなるのか、アドバイスをいただきたいです。

DWというよりは、CSSの使い方の問題ですね。

時と場合によりますが、

まったく共通部分がないのであれば１でも２でもよいと思います。

CSSの量が少ないなら２のほうがいいでしょう。

ただ、それほど個別にIDを指定する必要があるというのは、

サイトの構成自体を見直したほうがいいかもしれません。

普通はどこかしら共通の部分があります。

IDではなくclassや各種のセレクタをうまく使うとCSSの記述量も減るでしょう。

似たサイトのソースを研究してみるといいかもしれません。

自分の場合は１も２も。です。

共通の部分は共通のCSSファイルへ（ヘッダーや、フッター、レイアウトなど）

それ以外のコンテンツ毎に変わる部分は、コンテンツ毎にCSSファイルを作成します。

（細かく分けると管理しにくいので、量に合わせた適切な分け方で）

動的に外部CSSを指定するのが難しい場合は、コンテンツの大枠をIDで囲うことで他のコンテンツへ影響の内容にCSSを記述できるよにします。

また、大枠のレイアウトや直接タグに対するCSSを記述するファイルを別途設けてもいいかもしれません。

規模の小さいものなのであれば、複数のファイルに分ける必要は確かにないかもしれませんが、経験として是非試してみて欲しいです。

>１…●●.css、▲▲.css、■■.cssのように、それぞれのページ用に外部スタイルシートを作った方がいいでしょうか？

1の方法はDreamweaver+テンプレートで可能ですし、そのページにだけ当てはまるルールを作る必要がある場合は(常にではない）そうした方がいいと思います。

方法は、そのページのスタイルシートを「新規CSSルール」で追加するときに「ルールを定義する場所」の欄で「(新規スタイルシート)」を選択します。

テンプレートを使う場合でもそのサイトのCSSの構成をあらかじめ設計しておくことが得策です。それをふまえて、まず全ページに共通する大本のテンプレートを作っておき、そこから各コーナーのテンプレートを派生させてつくって行くような入れ子構造のテンプレートの使い方なども可能になります。またテンプレート内にオプション領域を設定してその領域の表示のオンオフを選択したり、「編集可能な属性」を設定することでページごとにclassやidなどの属性を変更することも可能です。そういった機能を必要に応じて使用していけば割合柔軟でシステマティックなサイト編集が行えるようになると思います。

Dreamweaver の使い方ではなく、CSS の適用基準（ポリシー）の問題ですね。

以下の条件をすべて満たすなら、「１」の方法をお勧めします。

満たさないなら、「２」の方法をお勧めします。

1. コンテンツ毎に CSS デザインが全く異なる。
2. 将来的に、まとめてCSSデザインを変更することがない。

他の方法ですが、「１」の方法を選択するなら、コンテンツHTMLのヘッダ部に style タグで書いた方がファイル管理の手間が省けます。Dreamweaverでも、CSSを分離しなければ、HTML中に style タグを記述してくれます。

コンテンツ毎のCSSに法則性がある――たとえば、ある条件ではすべての要素の color を black に、別の条件では blue にする――ということであれば、外部に共通 JavaScript ファイルを用意し、その中で動的に style タグを発生させるという方法もあります。

すでにある程度答えが出ているようなので1点だけ。

CSSの外部ファイルを複数読み込ませると

その分リクエスト回数が増えます。

リクエスト回数はサイトの表示速度にも関わり、なるべく少ないほうが良いので、

管理面と相談しながら外部ファイルの数を決定したほうがよろしいかと思います。