---

1. スマホページとは 　参考１ 　参考２
   • ホームページはパソコンを対象として発展してきて、 それがスマートフォンにも拡大してきました。 しかしスマートフォンのディスプレイはパソコンと比べて画面が小さいが高精細度であり、種類も色々有るなど利用条件が異なっています。
   • そのようにスマートフォンの普及率が急拡大してきたので、スマートフォンに対応したページの作成が望まれます。
   • 「スマホページ」は、このスマートフォンの特性などに配慮したホームページということが出来ます。


2. スマートフォンページの特徴
   • 機器の画面が小さい。一方、解像度が高いものがあり、表示物が小さくなって見えにくい。
   • しかも、端末の向きにより、表示領域の縦横が変わったりする
   • また位置情報(GPS)、端末センサなどにも対応する
   • FLASHには非対応 　対策 　注意


3. 対応方法
   • 基本は、HTML5、CSS3に従って書き、ページはBOMなしUTF-8 (UTF-8N) で保存する。
   • スマートフォンの仕様形態に対応したページを作る。
     1. スマートフォン専用ページを作り、振り分けをする
     2. レスポンシブデザインページを作る 　レスポンシブサイト
   • スマートフォンページを作成する際のポイント
     1. 表示領域の大小に作り振り分けしたページを作成する
     2. 画面サイズと解像度に配慮して画像を表示する 　Media Queries
   • .htaccess だけでキャリア判定
   • Chromeデベロッパーツールなどでスマホ/タブレットの表示をエミュレーションする


4. 関連サイト
   • 参考サイト本ページ関連サイト
   • 文法チェックHTML5対応の文法チェック
   • レスポンシブレスポンシブ・ウェブデザイン
   • 自動縮小防止スマートフォン用ページが自動縮小されないようにする
   • Webデザインラボ
   • 基本的なサンプル
   • softbank技術情報