現在、独自ドメインを取得してPC用のWebサイトを制作中ですが、この同じドメインを使って、同じ内容の携帯サイトを作って表示させるには、どのようにすればよいでしょうか ?
現状では、ドコモの携帯でこのURLを開くと、内容はなんとなくわかりますが配置がわるいです。
1つのサイトでPC向けと携帯向けの兼用にするのが無理なら、URLをセカンドレベルドメイン、サードレベルドメインなどを使って枝分かれさせて、携帯用には携帯用のHTMLでつくるのが一般的でしょうか?
例えば http://www.tennis.comというドメインでパソコンのサイトのURLに使っているとします。
よろしくお願いします。
No.3ベストアンサー
- 回答日時:
No.1です。
>・きちんとしたHTMLをつくる。
>・パソコン用、携帯用など各種向けのスタイルシートをつくる。
それが一番楽です。携帯電話もスマートホンもたくさん種類がありますし、i-podのようなモバイル端末やPC用のブラウザもたくさんあります。さらにそれらは、日々増えていきます。それらに、すべて対応し続けることは、非現実的です。あなたは何種類のページを作るつもりかわかりませんが、種類を限定してもさらにそれぞれについて同様の機種間、世代別の対応が必要になります。
・外部スタイルシートを読み込める端末に対しては、それぞれのスタイルシートを用意する。
・外部スタイルシートを読まない端末には、HTML内のスタイルシートで
・最悪、スタイルシートを利用できない端末には、HTMLの要素の属性で
そしてなによりも、一種類のHTMLを書けは良いです。
大事なことは、HTMLをプレゼンテーションから切り離して文書構造だけを示すものとする。・・デザインを考えずにHTMLを作成する・・これは、意外と楽なのですよ。
少なくともトップページ(サイトのホームページ)だけは、そのように作りましょう。当面は、そこからそれぞれの端末用のリンクを表示させれば良いでしょう。
追加のご教示、どうもありがとうございます。
携帯端末によっても、外部スタイルシートを読み込めるものと、そうでないものとがあるのですね。
少なくともトップページだけは・・・という教えは、少し気も楽になり参考になりました。
デザインを考えずにHTMLを作成することが意外と楽であると知り、まだどちらも未熟な私にとっては朗報です。
どうもありがとうございました。
No.4
- 回答日時:
追加情報
スマートフォン or 携帯 css 対応 - Google 検索 ( http://www.google.co.jp/#pq=%E3%82%B9%E3%83%9E%E … )
で検索してみてください。
ご回答ありがとうございます。
各社いろいろあるので、慣れない身としては難しく感じますが頑張って理解していきたいと思います。
下のほうに表示されているブログも参考になりそうです。
どうもありがとうございました。
No.2
- 回答日時:
やりかたはいくつかあります。
PHPなどのプログラミング言語を使用している、もしくは使用できるのであれば、UserAgentを見て携帯なら携帯用のテンプレートを出力し、それ以外に対してはPC用のテンプレートを出力するというように切替える方法です。
他にはHTTPサーバがApacheならば、mod_rewriteを使って先と同じくUserAgentを見て携帯なら携帯用のHTMLを出力し、それ以外に対してはPC用のHTMLを出力するという方法もあります。
No.1の方が書かれているのが理想ではありますが、フューチャーフォンを相手にすることを考えた場合、外部スタイルシートに対応していなかったり、ページ容量の制限があったり、古い機種では画像フォーマットに制限が有ったりと細かな対応が面倒ですので、PC用と携帯用でHTMLを分けるのが現実的だと思います。
ご回答ありがとうございます。
まだPHPについてはよくわかりませんが、今使っていないながらももう少し理解を深めたいと思います。
HTTPサーバ出力の方法の区別によって行う方法は試してみたいと思います。
<PC用と携帯用でHTMLを分けるのが現実的だと思います。>どうもありがとうございました。
No.1
- 回答日時:
>現状では、ドコモの携帯でこのURLを開くと、内容はなんとなくわかりますが配置がわるいです。
それは、そのページの作り方が悪いだけです。
そもそもHTMLは、
【引用】____________ここから
どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[HTML4.01仕様書/2.2.1 HTMLの略歴( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
なのですから、携帯のみならず、読み上げブラウザ、点字端末、スマートフォンや、単にデータを収集して歩く検索エンジンにも利用できるはずです。
きちんとHTMLを作成して、パソコン用、携帯用、スマートフォン用、必要なら印刷用のスタイルシートを用意すれば済みます。読み上げブラウザや点字端末にはスタイルシートなしでも良いでしょう。検索エンジンはスタイルシートはサイトの品質判断以外には使いません。少なくともトップページはそうすべきです。
パソコン用のデータ量の多いページへのリンクは、そのページを開いたときスタイルシートで隠してしまえばよいですし、代わりに携帯専用のページへのリンクは表示させる。
今後は、否が応でもウィンド幅が狭く固定ピッチフォントの携帯電話、スマートホンやPDAのような携帯端末、巾のとても広い幅広ウィンドウ、ポイントデバイスを持たないテレビなど、様々な利用形態を想定することになります。その都度ページを作っていたら大変です。
【引用】____________ここから
なぜならただ1種類の文書しか作る必要がなくなるからだ。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[(同)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
【引用】____________ここから
文書の構造をプレゼンテーションと切り離すことで広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になるということが、経験的に知られている。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[(同)2.4.1 構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
ご回答ありがとうございます。
次の事がわかりました。
パソコンで見れても携帯で見ると良くないサイトは、そのサイトの作り方が良くないから。
同じ内容のサイトを各メディア向け毎に作成していたのでは大変である。
今後、幅の狭い端末、幅の広いものなど様々な利用形態への対応が必要になるが、次の2点により、対応していくべきである。
・きちんとしたHTMLをつくる。
・パソコン用、携帯用など各種向けのスタイルシートをつくる。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ガラケーサイトの一般的な画面...
-
ホームページの作り方
-
ブラウザ毎の振り分け
-
wordなどのファイルを開くタグ
-
ホームページ、iPadやiPhoneで...
-
HPビルダーのフレームページ...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
社内で利用するWebサイトを立ち...
-
HTMLページが勝手にダウンロー...
-
iPadの標準ブラウザでローカルH...
-
htmlの中にexcelが埋め込むには...
-
java_run.batがダウンロードで...
-
htmlファイルの表示が真っ白
-
一つのリンクに複数のURLを指定
-
Webサイトから、txtファイルを...
-
SSIでインクルードしたファイル...
-
<a href=…></a>で表示されない。
-
googleドライブで、PDFファイル...
-
Excelファイルをダウンロ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
画面は固定と可変のどちらがい...
-
ホームページを作っているので...
-
ホームページ制作、SPサイトの...
-
スマホでPCサイト見たらスマホ...
-
携帯HPナノ ナノという文字につ...
-
WEBデザイナーのフォトショ中級本
-
この容量はテキストサイトとし...
-
ソリッドレイアウトとリキッド...
-
レスポンシブがよくわからない
-
デザインとコーディングは同一...
-
デザイナーの方にWEBデザインを...
-
検索順位に詳しい方
-
ブラウザ毎の振り分け
-
カラム落ちの何が悪いのか
-
PC用サイトをスマホに最適化す...
-
携帯電話(ガラケー)でのデザ...
-
Androidスマホで表示されるサイ...
-
携帯とスマホの両方で見栄えの...
-
ページ内のリンクが外れてしま...
おすすめ情報