ウェブサイトのレスポンシブルデザインについて。

質問

現行の非レスポンシブルのウェブサイト（ページ数約100ページ）を、レスポンシブルデザインに変える計画をしています。

質問1．
本文中に組み込まれている画像を、端末のサイズによって、サイズを伸縮させたいのですが、
Dreamweaver CS6 の可変グリッド機能を使って、画像サイズを伸縮させるとして、サイト内には複数ページに多数の画像が配置してあるので、画像1枚ずつ、各端末による表示設定をする必要があるのでしょうか？
最低でも各画像に、Class属性を設定する必要がありそうな気がするのですが・・。

質問2.
画像を1枚づつ、3種類の端末に合わせて、表示サイズを手動で設定する必要があるのであれば、Dreamweaver CS6の可変グリッドデザインは使用せずに、Dreamweaver 用のレスポンシブルデザインのサイトを作る拡張機能を使用した方が現実的な様に思うのですが、いかがでしょうか？
現行のサイトをレスポンシブルにするのは、私にとってはかなり大変な作業なので、アドバイスをいただけると助かります。

よろしくお願いします。

回答No.2

noname#206842

レスポンスデザインですが、グリッドレイアウトでいいのでしょうか？
グリッドレイアウトの場合、画像は、そのままでかまいません！
Dreameweaverは、使わない方がいいのでは？・・・

ページレイアウトの、CSSを最初に書きましょう。
グリッドレイアウトの場合、最大幅960pxの設定が、基本です。
その他の設定は、CSSに、MediaQueryを記述して対応します。

簡単なのは、CSS Frameworkを、利用するといいでしょう。
最新の記述方法ですと、Bootstrap3.34+WebFont+css3⇒Material Designてことになると思います。
あとは、sitemap+Database(MySQL)などとの組み合わせを考えれば、より良いものになると思います。

私は、昔から、Responsived Design Lyoutのページしか作らないので、Dreameweaverなどの、オーサリングは、利用しません！すべてエディタでの記述です。
100ページ程度のサイトであれば、２～３日で書き換えられるのでは？・・・

参考URL：

https://github.com/Daemonite/material

回答No.1

okappasan

開発者でないのでもしかしたら参考にならないかもしれないのですが…
http://web-tan.forum.impressrd.jp/e/2015/04/07/19711
こちらの記事の
『画像をレスポンシブ対応にするCSS』
で解決できませんかね？

お礼

とても参考になりましｔ！
ありがとうございます。