こんにちは。
私は400ページくらいのサイトを運営しております。内容は映画関係。
どうやらHTML4.01にさえ準拠していないので、HTML5にするには相当時間がかかると存じます。それからCSSなどでスマホ用にも作れたらと思っています。
そのためにまずは既存の準拠していないページをスマートフォンで見られればいいかな!って思った次第です。でも見に来た人がスマホなのかパソコンなのか判断するのにCSSやJavaScriptが必要なんではないのかな!?と考えています。
で、CSSやJSでスマホと判断したらスマホ用のページに飛ばすという。ただ、これは1つのページにつきPC用とスマホ用の2つのページを用意しなければならないのではと困惑しています。
どなたか、道を照らして頂けませんでしょうか?
よろしくお願いいたします。
No.3ベストアンサー
- 回答日時:
HTML4.01であってもスマホで問題ないのですが、大事なことはHTML4.01であってもstrictに準拠というか・・・HTMLにはプレゼンテーション--見栄え---に関わることは一切無くて、文書構造だけ記述してあり、プレゼンテーションはスタイルシートでのみ指定してあるか・・だけです。
そうすれば、スタイルシートを用意するだけで、幅広のディスプレイやスマホのみなせず、携帯電話もスクリーンリーダーも・・・
【引用】____________ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
【引用】____________ここから
HTMLでは、著者は出力メディアの別を問わない文書作成ができる。これによりユーザは、非常に多様な装置やメディアによってWebページにアクセスできる。多様な環境とは、例えば、Windows、Mac OS、X11などのシステムが走っているコンピュータのグラフィックディスプレイや、インターネットテレビ、携帯電話組込み機器やPDAベースのモバイル機器、音声ブラウザ、点字出力環境、などである。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Style Sheets in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
長くなりましたが、
>まずは既存の準拠していないページをスマートフォンで見られればいいかな!って
これは、無理です。
>これは1つのページにつきPC用とスマホ用の2つのページを用意しなければならない
ますますもって無駄です。
文書構造とプレゼンテーションを分離することで、たった一つのHTMLを作成するだけで、様々なユーザーエージェントに対応できますし、ユーザーが任意のスタイルを選択することもできます。
「なぜならただ1種類の文書しか作る必要がなくなるからだ。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」
折角作成するなら、いずれにも対応したHTMLを作ればよいです。そして順次切り替えていく。時間的にも労力的にも無駄にならないでしょう。
>
No.4
- 回答日時:
r360studioさんがCSSを使いPCからスマフォまで対応サイトサンプルを公開してます。
http://r360studio.com/dgcr/dgcr-extra22/test3.html
CSSはこちら
http://r360studio.com/dgcr/dgcr-extra22/grid.css
PC上で画面サイズを変更すると変化します。
*ページは一つでメタタグで切り替えてます。
No.2
- 回答日時:
「Webサイトのスマートフォン対応 7つの基本ルール」というのがありました。
http://web-tan.forum.impressrd.jp/e/2011/01/31/9 …
これをみると、CSSを駆使するとしても、やはりスマホで使いやすいページにするためには、それ相応の修正が必要になるようです。
地道にスマホ対応に修正していくって手もあるでしょうけど、これを機会に、新しいサイト構築の環境に乗り換えるってのもありかもしれません。
新しいもの、メジャーなものは、プラグインとかテンプレートなどで、スマホ対応を可能としているみたいです。
ちなみに、私は、concrete5っていうCMSを使ってサイトを作っていますが、これにはiPhone用のプラグイン?みたいなのが提供されていて、お手軽にPC用サイトをスマホ対応にできるみたいです。私はiPhoneユーザではないのですが、アクセスする人にiPhoneユーザが増えてくると思えるので、試してみようかな、なんて思っています。
No.1
- 回答日時:
スマホ用に作成するのが、ユーザーとしては使いやすいです。
(軽量化が出来る)ちゃんとCSSで作っているならCSSをスマホ用に用意すれば一応できます。以下URL参照。
http://mnemoniqs.com/web/one-css-smartphone/
画面サイズが変わっただけでかなり大変ですが頑張ってください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
画像の横並び配列
-
パソコンと携帯で文字のサイズ...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
POSTしたデータの文字コードがu...
-
googleドライブで、PDFファイル...
-
HTMLページが勝手にダウンロー...
-
iPadの標準ブラウザでローカルH...
-
スマホサイト url SP
-
htmlの謎
-
VBA URLDownloadToFileについて
-
form action="#"
-
ページ全体を中央に配置したい...
-
Preタグ内URLからリンクは張れ...
-
模写コーディングでソースの表...
-
htmlファイルの表示が真っ白
-
【HTML】1クリックで複数ファイ...
-
一つのリンクに複数のURLを指定
-
、URL化させるにはどうしたらい...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
画面は固定と可変のどちらがい...
-
ホームページを作っているので...
-
ホームページ制作、SPサイトの...
-
スマホでPCサイト見たらスマホ...
-
携帯HPナノ ナノという文字につ...
-
WEBデザイナーのフォトショ中級本
-
この容量はテキストサイトとし...
-
ソリッドレイアウトとリキッド...
-
レスポンシブがよくわからない
-
デザインとコーディングは同一...
-
デザイナーの方にWEBデザインを...
-
検索順位に詳しい方
-
ブラウザ毎の振り分け
-
カラム落ちの何が悪いのか
-
PC用サイトをスマホに最適化す...
-
携帯電話(ガラケー)でのデザ...
-
Androidスマホで表示されるサイ...
-
携帯とスマホの両方で見栄えの...
-
ページ内のリンクが外れてしま...
おすすめ情報