動的、静的でHTML、CSS設計に違いはありません

動的であれ、静的であれ基本的にhtmlの設計の考え方に違いはありません

Webサイトというのはほとんどが複数のページで構成されるもので、と考えると(ものすごく簡単にいってしまうと)htmlとスタイルシートの設計、テンプレートの作成〜ページの量産というプロセスになるかと思います。そのページの量産という工程の手法が、CMSであったり、MovableTypeであったり、Dreamweaverのテンプレート(ライブラリやスニペット)であったり、そして人の手であったりするだけです。なので、ページが生成される手法がどんなものでも文書構造とスタイルシートを設計する段階で特に変わりはないというのが私の答えです。

>デザインされた1枚のPSDファイルなどから

これは、画面単位のPSDファイルだったりしませんか?

マークアップする前に、まずデザイナさんからもらったPSDファイルをよく見て、画面単位ではなく、エレメント単位に分類、まとめることが重要です。そこから、レイアウトパターンの分類と、ブロックに入る要素の分類が把握できたらOKです。そうすることによって、モジュール的というかコンポーネント的な考え方ができるようになり、htmlの文書構造やスタイルシートの設計がしやすくなります。

>CMSなどで作られた文書の量が多かったり、ループの回数の違いで表示に崩れが発生して手直しが発生したり

これはCMSだからこの結果、というのではなくその人が手で(多い文書を入れる)作業をしたとしても同じことだと思います。なので設計においては、およその文書量がどのくらいかと情報を得ておくことも必要だったりもしますね。

株式会社コスモインタラクティブ
野田郁也