静的なPCサイトをスマホ対応にする手法
まだスマホもCMSも流行っていない時期に作成した、
単純なｈｔｍｌとcss構築のPCサイトをスマホ対応(デザインやレイアウトの最適化)しようと思います。
以下のような条件の場合、どういった手法が最善でしょうか？
・PCサイトの全体のページ数は100P以上。ほぼ静的なhtmlで、一部aspによる更新システムあり。
・すべてのページを最適化しようとは考えていない。トップページと主要なコンテンツ数ページのみ最適化したい。
・頻繁に修正の入るコンテンツ内容については、PC版を修正したらスマホも同様に変わるようにしたい。(修正の二度手間を無くすため)
・メインナビゲーションなど、ほぼ固定の箇所についてはPCとスマホそれぞれ別ソースでもかまわない
更新の二度手間がかなり気になる箇所なので、できればワンソースでcssによる切り替え対応したいところですが、もともとスマホのことなんて全く考慮していないhtml設計なので、正直cssだけでどこまで最適化できるのか微妙なところです。
希望の形としては、
PCサイト用の大枠のhtmlと、スマホ用の大枠のhtmlがそれぞれ存在していて、
その中のパーツパーツをワンソースで管理できたらベストだなーと思っています。
(PHPファイルとかで部分的なソースをインクルードして使う、みたいな感じでしょうか。)
上記のような方法は可能なのでしょうか？
可能であるとしたら、どのように実現すれば良いでしょうか。
参考URLなどでも結構ですので教えていただきたいです。
また、上記手法が一般的ではない場合、どういう手法がベストなのでしょうか。
ご教授いただけますと幸いです。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_3_thumbnail_img_sm.png)
