スマートフォンホームページデザイン

PC用のHTMLを利用しレイアウトを変える

PC用のホームページ＝HTMLファイルのデータをそのまま、レイアウトを変えて表示させるもの。HTMLで構成された静的コンテンツのホームページはこの方法か、別にiPhone専用サイトを構築するかしかありません。

デルタネットデザイン制作のホームページはW3C標準に準拠したCSS（カスケード・スタイルシート。レイアウトデザインプログラムのこと）でデザインしているので、CSSを切り替えることでページデザインを全く違うものにすることができます。したがって、アクセスがあった時点で、その訪問者が何でブラウザしているかを調べてiPhoneであれば、専用CSSを読み込ませる、ということが可能です。

この方法が最も手軽にiPhoneサイトを作り、しかもPC用サイトと連動することができます。

独自のホームページを作る

これは文字通りパソコン用サイトとは別にデザインしたサイトを立ち上げるというもの。HTMLベースでiPhone等の画面に最適化されたページにすることができますが、更新のたびに両方のサイトを編集しなければならず、あまり現実的・経済的とは言えません。

各社から発売されているタブレット端末。電子書籍購読用のものから、より機能を増やしたものまで様々です。大きさもさまざま。そのどれもに共通するのがインターネット接続。Wi-Fi無線ネットワーク下でのみ通信できるものと3G通信機能を内蔵したものとがあります。一番大きいものがiPadです。これは画面が1024×768ピクセルあり、15インチモニターと同じでパソコンのホームページがそのまま表示されます。ただし、iPadにかぎらず、次期Windows8タブレットでもアナウンスされていますが、フラッシュアニメーションによる構成はできません。その他にもいくつか、制約があります。