携帯サイトをPCサイトと同じ独自ドメインで作る事

質問

現在、独自ドメインを取得してPC用のWebサイトを制作中ですが、この同じドメインを使って、同じ内容の携帯サイトを作って表示させるには、どのようにすればよいでしょうか ?
現状では、ドコモの携帯でこのURLを開くと、内容はなんとなくわかりますが配置がわるいです。
１つのサイトでPC向けと携帯向けの兼用にするのが無理なら、URLをセカンドレベルドメイン、サードレベルドメインなどを使って枝分かれさせて、携帯用には携帯用のHTMLでつくるのが一般的でしょうか?
例えば　http://www.tennis.comというドメインでパソコンのサイトのURLに使っているとします。
よろしくお願いします。

回答No.3

ORUKA1951 · ベストアンサー

No.1です。
＞・きちんとしたHTMLをつくる。
＞・パソコン用、携帯用など各種向けのスタイルシートをつくる。
　それが一番楽です。携帯電話もスマートホンもたくさん種類がありますし、i-podのようなモバイル端末やPC用のブラウザもたくさんあります。さらにそれらは、日々増えていきます。それらに、すべて対応し続けることは、非現実的です。あなたは何種類のページを作るつもりかわかりませんが、種類を限定してもさらにそれぞれについて同様の機種間、世代別の対応が必要になります。
・外部スタイルシートを読み込める端末に対しては、それぞれのスタイルシートを用意する。
・外部スタイルシートを読まない端末には、HTML内のスタイルシートで
・最悪、スタイルシートを利用できない端末には、HTMLの要素の属性で

　そしてなによりも、一種類のHTMLを書けは良いです。

　大事なことは、HTMLをプレゼンテーションから切り離して文書構造だけを示すものとする。・・デザインを考えずにHTMLを作成する・・これは、意外と楽なのですよ。

　少なくともトップページ(サイトのホームページ)だけは、そのように作りましょう。当面は、そこからそれぞれの端末用のリンクを表示させれば良いでしょう。

お礼

追加のご教示、どうもありがとうございます。
携帯端末によっても、外部スタイルシートを読み込めるものと、そうでないものとがあるのですね。
　少なくともトップページだけは・・・という教えは、少し気も楽になり参考になりました。
　デザインを考えずにHTMLを作成することが意外と楽であると知り、まだどちらも未熟な私にとっては朗報です。
どうもありがとうございました。

回答No.4

ORUKA1951

追加情報

スマートフォン or 携帯 css 対応 - Google 検索 ( http://www.google.co.jp/#pq=%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%9B%E3%83%B3+css+%E5%AF%BE%E5%BF%9C&hl=ja&gs_is=1&cp=7&gs_id=2t&xhr=t&q=%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3+OR+%E6%90%BA%E5%B8%AF+CSS+%E5%AF%BE%E5%BF%9C&pf=p&sclient=psy-ab&safe=off&source=hp&pbx=1&oq=%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3+OR+%E6%90%BA%E5%B8%AF+CSS+%E5%AF%BE%E5%BF%9C&aq=f&aqi=&aql=&gs_sm=&gs_upl=&bav=on.2,or.r_gc.r_pw.,cf.osb&fp=f827a9af1eb2b0c5&biw=1016&bih=611 )

　で検索してみてください。

お礼

ご回答ありがとうございます。
各社いろいろあるので、慣れない身としては難しく感じますが頑張って理解していきたいと思います。
下のほうに表示されているブログも参考になりそうです。
どうもありがとうございました。

回答No.2

t_ohta

やりかたはいくつかあります。
PHPなどのプログラミング言語を使用している、もしくは使用できるのであれば、UserAgentを見て携帯なら携帯用のテンプレートを出力し、それ以外に対してはPC用のテンプレートを出力するというように切替える方法です。
他にはHTTPサーバがApacheならば、mod_rewriteを使って先と同じくUserAgentを見て携帯なら携帯用のHTMLを出力し、それ以外に対してはPC用のHTMLを出力するという方法もあります。

No.1の方が書かれているのが理想ではありますが、フューチャーフォンを相手にすることを考えた場合、外部スタイルシートに対応していなかったり、ページ容量の制限があったり、古い機種では画像フォーマットに制限が有ったりと細かな対応が面倒ですので、PC用と携帯用でHTMLを分けるのが現実的だと思います。

お礼

ご回答ありがとうございます。
まだPHPについてはよくわかりませんが、今使っていないながらももう少し理解を深めたいと思います。
HTTPサーバ出力の方法の区別によって行う方法は試してみたいと思います。
<PC用と携帯用でHTMLを分けるのが現実的だと思います。>どうもありがとうございました。

回答No.1

ORUKA1951

＞現状では、ドコモの携帯でこのURLを開くと、内容はなんとなくわかりますが配置がわるいです。

　それは、そのページの作り方が悪いだけです。
　そもそもHTMLは、
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［HTML4.01仕様書/2.2.1 HTMLの略歴( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より

なのですから、携帯のみならず、読み上げブラウザ、点字端末、スマートフォンや、単にデータを収集して歩く検索エンジンにも利用できるはずです。

　きちんとHTMLを作成して、パソコン用、携帯用、スマートフォン用、必要なら印刷用のスタイルシートを用意すれば済みます。読み上げブラウザや点字端末にはスタイルシートなしでも良いでしょう。検索エンジンはスタイルシートはサイトの品質判断以外には使いません。少なくともトップページはそうすべきです。

　パソコン用のデータ量の多いページへのリンクは、そのページを開いたときスタイルシートで隠してしまえばよいですし、代わりに携帯専用のページへのリンクは表示させる。

　今後は、否が応でもウィンド幅が狭く固定ピッチフォントの携帯電話、スマートホンやPDAのような携帯端末、巾のとても広い幅広ウィンドウ、ポイントデバイスを持たないテレビなど、様々な利用形態を想定することになります。その都度ページを作っていたら大変です。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
なぜならただ1種類の文書しか作る必要がなくなるからだ。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［(同)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より

【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
文書の構造をプレゼンテーションと切り離すことで広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になるということが、経験的に知られている。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［(同)2.4.1 構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )］より

お礼

ご回答ありがとうございます。
次の事がわかりました。
パソコンで見れても携帯で見ると良くないサイトは、そのサイトの作り方が良くないから。
同じ内容のサイトを各メディア向け毎に作成していたのでは大変である。
今後、幅の狭い端末、幅の広いものなど様々な利用形態への対応が必要になるが、次の２点により、対応していくべきである。
・きちんとしたHTMLをつくる。
・パソコン用、携帯用など各種向けのスタイルシートをつくる。