スマフォ専用サイト作りの勉強

WEBサイト作り＆公開をもう10年以上続けていますが、今のところPC用サイトのみ。
アクセス解析を見るとスマフォで閲覧しているユーザーが年々増えていて、私自身でさえもPCよりスマフォで見ることが多くなった。
そろそろスマフォ用サイト作りを勉強して構築しなくちゃなと思い続けて数年。
今日は会社の自主研修も兼ねて勉強＆実践です。
WEBサイト作りに使用しているのはプロご用達の「Adobe Dreamweaver」
….と言いたいところですが、Dreamweaverはサブ的に使っていてメインはなんとソースネクストの「ホームページZERO」。
これ素人向けアプリなんですけど、サイトをスピーディに構築するにはめちゃくちゃ楽なんです。
サイト作りそのものの質を上げることに時間をかけるより、内容やスピードの方が私にとっては、というかサイト運営をすべて一人で行うには大事。ソースが汚くてもある程度はしょうがない。
で、このホームページZEROには
「たったの4操作でPCサイトをスマフォサイトに作りかえられる」
なんて機能が実装されてます。
どんなもんかなと試してみました。
この機能はPCサイトをまるっと複製し、CSS（レイアウト）をスマフォに最適化したものに適応させるというものでした。
そして複製されたサイトはPC用サイト内に「sp」というフォルダに格納されます。
PC用index（トップページ）とスマフォ用Index（トップページ）にはそれぞれ「PCサイトに切り替え/スマフォサイトに切り替え」というボタンを設置。ユーザーはボタンをクリックすることでそれぞれのサイトを見ることができます。
うううううーーーーん。
「サイトをまるっと複製」というところがいまいち合理的じゃない。
もしページを更新するとしたら、2ファイルをなおさなくてはいけなくなる。
データ容量も単純に２倍になる。
小さい規模のサイトならいいだろうけど、ページの多いサイト向きの方法ではない。
簡単にできるのは確かだけど。
この方法は使えないということがわかりました。
理想とするのは、読み込むhtmlは同じファイルで
利用する端末によって自動的にCSSだけが切り替わって適切なレイアウトになるという方法。
もうちょっと勉強します。