スマホでネットにアクセスしている人が増えている

これからweb制作を行うのであれば、絶対に押さえておきたいのがスマホへの対応です。というのは、今、ネットにアクセスしている端末はPCよりもスマホの方が多いといわれているからです。実際、検索サイトはスマホで閲覧されたときにどのように見えるのか、といった観点でサイトを評価するようになっており、スマホに最適化されていないサイトの場合、評価を落とされることも十分あり得ます。では、スマホに対応するには具体的にどうすればいいのかというと、基本的にスマホ画面の解像度、大きさに合わせることです。 スマホの画面はPCのモニターに比べるとだいぶ小さく、しかも、利用者はスマホを縦にして見ることが多いため、コンテンツとメニューを一列にして表示させた方がいいといえます。

HTMLは同一にしてCSSで表示を切り替える

パソコンでサイトを見ると、デザインはメニューとコンテンツが一列ずつある2カラム構成、あるいはメニューが二列とコンテンツが一列の3カラム構成になっていることが多いですが、このようなデザインをスマホに合わせることは可能です。CSSを使い、アクセスしてきた端末の解像度に合わせて適用するCSSを変えればいいのです。つまり、スマホに対してはメニューとコンテンツが一列になるようなCSSを適用させれば、まったく同じHTMLでもPCおよびスマホへの両対応になります。 PC用のページとスマホ用のページを別々に用意するやり方もありますが、この方法だとメンテナンスの作業量が単純に二倍になってしまい、大変なので今ではあまり使われていません。