共通のHTMLで携帯&PCサイト双方をまかなう方法

このQ&Aのポイント
  • 共通のHTMLで携帯とPCの両方に対応する方法とは?
  • 携帯サイトとPCサイトを同じHTMLで作成する方法を教えてください。
  • ハイブリッドサイトの構築方法や参考サイトについて知りたいです。
回答を見る
  • ベストアンサー

共通のHTMLで携帯&PCサイト双方をまかなう方法

私は携帯壁紙配信サイトを個人的に運営する者です。普段はWEBデザイナーとしてPC用サイトを作成しています。 PCサイトの知識はある程度あるのですが、携帯サイトの知識が不足しているので質問させていただきます。 「ハイブリッドサイト」とでもいいますか、共通のHTMLで「携帯とPC」の双方による閲覧可能にしたい場合、 どのようなプログラムが適切なのでしょうか。これまでは、 ○Javascriptでブラウザ判別をし、それぞれのブラウザごとに用意したページへ飛ばす ○CSSでテキストベースのHTMLプログラムをして、フルブラウザではない携帯でも閲覧可能にする などの方法で対応していたのですが、ここ最近の携帯の進化がめざましく、フルブラウザ携帯でなくても PCサイトを普通に閲覧できてしまうケースもある現状を考えると、 効率的なサイト構築の為、共通のHTMLよる構築に切り替えられるのではないかと考えています。 ネックとなるのはもはや画面サイズの違いによるレイアウトの崩れくらいになりつつあるのではないでしょうか。 参考となるサイト、もしくは上記の様な方法を既に実践しているサイトなどあれば教えて下さい。よろしくお願いします。

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • qowop
  • ベストアンサー率100% (2/2)
回答No.1

効率という点で考えれば、テキストベースでフルcssでのサイト制作をして、携帯向けのcssを別途用意する方法が良いのではないでしょうか? background-image等もサポートしているようですし、グラフィカルなサイトにも対応出来るかと。 参考:http://www.marguerite-site.com/Nihongo/HowToMakeYourWeb/Introduction/Note-Color-2.html#Background-repeat

参考URL:
http://www.marguerite-site.com/Nihongo/HowToMakeYourWeb/Mobile/CSS.html#howTo
magnix0122
質問者

お礼

永らく誰も回答してくれなかったんで、気がつくのが遅れました。すみません。 早速参考URLで調べてみます。ありがとうございました!

関連するQ&A

  • 携帯サイトのHTMLソースを見たい

    携帯サイトを作ろうと思っています。 色んなサイトを見てタグの書き方を勉強しようと思っているのですが、 携帯サイトのHTMLソースはどうすれば見れるでしょうか。 PCサイトの場合はブラウザにメニューがあるからわかるのですが、 普通、携帯のブラウザにはそういうメニューはありませんよね。 PCで見ようとしても、IPで弾かれてしまって見れないし…。 ご回答よろしくお願いします!

  • iモードHTMLシミュレータIIで(PCで携帯サイトを閲覧する方法)

    iモードHTMLシミュレータIIでケータイサイトを表示しようとすると「javaを有効にしてください」と出てサイトを表示できません。 googleは普通に表示できました。 どうしたらjavaを有効にできるんでしょうか? ちなみにPCのブラウザ(Firefox)ではjavaは有効になっています。 それとPCで携帯サイトを閲覧する別の方法も教えて欲しいです。 スレイプニルは試してみましたが無理でした。 FirefoxもUser Agent Switcherのプラグインで試してみましたが無理でした。 やはり現代の携帯サイトをPCで閲覧することは不可能なんでしょうか・・・。

  • HTMLで携帯とPCを判別する方法は?

    はじめまして。HTMLの新米です。 さっそく教えていただきたいのですが。 HPのトップページ上で携帯(Mobail)で開いたら携帯用の表示ページHTML、PCで開いたらPC用の表示ページHTMLへ自動的に移動するようにしたいのですが可能でしょうか? 参考書を見ていたら、”JavaScriptでブラウザの判別”というのがあったので、ヒョッとしたら使えるかなと思ったのですが、うまくいきませんでした。 <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title></title> <script language="JavaScript"> <!-- an = navigator.appName; if (an.indexOf('Microsoft') < 0) window.open('mobail.html','new','toolbar=0'); else window.open('pc.html','new','toolbar=0'); //--> </script> </head> </html> よろしくお願いします。

  • 携帯サイトを・・・

    携帯サイトを見るためのブラウザってあります? PCからだと見れない携帯サイトってあるじゃないですか?これをを閲覧するには、どうしたらいいでしょうか? お願いします。

  • HTMLで携帯のみ改行

    HTML初心者です。 PCと携帯兼用(PC優先ですが携帯でも閲覧できる)サイトを作りたいと考えています。 しかし画面のサイズ上、どうしても携帯のほうが改行を多用したほうが見やすいと思います。 そこで、携帯のみ有効な改行の方法などはないでしょうか。 HTMLでなくてもOKですが、なるべくHTMLだと嬉しいです。 よろしくおねがいします。

  • 携帯サイトに関して

    携帯サイトに関して基本的なことがわかりません。 1)全ての携帯サイトはPC上でも閲覧できますか? 2)全ての携帯サイトはPC上でHTMLで作成できる? 3)PC上のいわゆるwebは検索サイトが勝手に巡回してくれて検索ワードでヒットするようになる。 携帯サイトも同じか? またそうでないとしたらdocomoなどに申請しなければ誰にも閲覧されない可能性があるのか?

  • PCで携帯サイトの画像表示について

    携帯専用サイトをPCで閲覧する際に、 PC用の携帯閲覧ブラウザーでも見れない画像があるのですが、 何が原因でしょうか。 見る為にはどうしたらよいのか、というより何故見れないかが知りたいです。 いろいろな場合があると思いますが考えられるものを 教えてください。よろしくお願いいたします。

  • ●3キャリア共通の携帯サイトの構築について

    3キャリア(imode,au,vodafone)対応の携帯サイトを、出来る限り少ない労力で作成するために、3キャリア共通のページを作る方法を模索しています。 色々と、キャリア別の作成方法が紹介されていますが、最近では、全て共通のフォーマットでサイトを表示できるとも聞いており、ここでは、3キャリア共通サイトというテーマで、そのための最新情報をご教授頂きたいです。 同時に、静的ページの情報が多く、動的ページについての注意点などもお聞かせ頂ければ助かります。 サイト内容は、不動産情報の検索サイト(画像付)です。データ登録と画像アップロードは、PC画面で行います。よって、出力するHTML部分を携帯サイトとして作成したいのです。環境としては、PHP+MySQLで構築する予定です。 まず、1点目。 auについては、HDMLをサーバーで自動的にHTMLに変換してくれるとのことですね。 なので、3キャリア共通のページをHTMLで制作したいと考えます。 もちろん、全てのau機種が対応できないとは思いますが、一体いつ頃発売された機種以降が対応されているのでしょうか。例えば、「○○年○月以降程度の機種であれば、HTMLサイトを表示できます」みたいなことを知りたいのです。 2点目。 画像を載せたいのですが、jpg画像で3キャリア表示できますでしょうか。 また、画像サイズについては、縦横何ピクセルにするのが、適切でしょうか。 私が調べたところによると、3キャリア共通サイトを作る際に最も注意するポイントとして、上記のau機種の対応と画像の扱いと考えたのですが、その他気をつける点等があれば、ご指南下さい。ちなみに絵文字は使わない予定です。 どうぞ、宜しくお願い致します。

    • ベストアンサー
    • PHP
  • PDFやHTMLをメモリカードに入れて携帯から使用したい

    携帯電話にフルブラウザや、Excel・Word・PDFなど各種ビューアアプリが搭載されるようになりました。 PCからPDFファイルやHTMLファイルを携帯のメモリカードに転送して携帯で読みたいと思っています。 以前、旧ボーダフォンの3G端末では、実際にHTMLファイルをメモリカードに入れて、携帯から読んでいました。(SDメモリ内のHTMLを「開く」とブラウザが立ち上がって内容が表示されていた、と思います。残念ながらフルブラウザではありません。) その後、フルブラウザ搭載のau端末に乗り替えたのですが、オフラインのコンテンツはブラウズするすべがないようです。(Web上にアップするとか携帯宛メールに添付する、というのではなく、PCからメモリカードに転送したかったのですが。) これは、 ・Softbank端末はオフラインコンテンツも読める ・au端末はオフラインコンテンツは読めない ということなのでしょうか。 DoCoMoではどうなのでしょう。 何かご存知の方、情報をお願いします。

  • 携帯サイトXHTMLとHTMLの振り分け設定?

    携帯サイトを作っていますがi-modeで FOMAなど向けのページとしてXHTML、 それ以外用にHTMLで作成したページを設置する場合その振り分け?判別?はどのようにすればいいでしょうか? またそれはHTML・XHTMLレベルより高度なプログラム(PHPやサーバーサイドのプログラムなど)が必要でしょうか? たとえばimode公式メニューの「ファッション」カテゴリの1位「girlswalker」のようなサイトを作りたいのですが これをFOMAで見ると画像がいっぱい、色とりどりのページが表示されますがFOMAではないdocomo携帯で見るとシンプルなつくりのページが表示されます。 こんな感じにしたいのですが・・。 誰か教えていただけると助かります。