• ベストアンサー

携帯電話用のサイトを作りたい

携帯電話用のサイトを作りたいのですが、PC用のサイトしか作った事がないため、携帯用の(X)HTML、CSSの記述方法がわかりません。参考になるおすすめサイトがありましたら教えて下さい。

  • HTML
  • 回答数5
  • ありがとう数3

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.5

携帯用のサイトを作るほうが、他のユーザーエージェント用(特にPC用)を作るより、はるかに簡単です。携帯電話だけをお考えのようですが、HTMLが想定しているユーザーエージェントは 【引用】____________ここから HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より  さらには、検索エンジンのロボットも考慮しなくてはならない。  最近の携帯電話のOSやブラウザもさまざまです。  それだからこそ、各キャリアの独自仕様を使用せず、シンプルな基本に忠実に書けばよいです。HTMLの属性で定義しておいて(しておけば古い端末にも有効)も、CSS側の方が詳細度が高いので上書きされますし、外部スタイルシートを読まない端末用にHEAD内にも記述すればよいです。外部スタイルシートは詳細度を上げておけば、たとえ要素内であろうとHEAD内であろうと上書きしてくれる。

その他の回答 (4)

回答No.4

スペック一覧 http://ke-tai.org/moblist/ まず対応したいキャリアや機種を絞った方がいいですよ。 その幅によってどうやって作るかが変わってきます。

yasu_0_0
質問者

お礼

すごいですね!ここまで具体的な仕様は初めて見ました。 携帯は機種を絞らないといけないんですね。

回答No.3

キャリアが公開している仕様や製作例があります。 一番に見るべきは公式サイトではないでしょうか。 Docomo http://www.nttdocomo.co.jp/service/imode/make/content/browser/browser2/basis/index.html au http://www.au.kddi.com/ezfactory/xhtmlmake/part1_02.html Softbank http://creation.mb.softbank.jp/column/column_05_01.html CSSが使いたいなら古い機種を切り捨てる必要が出てくると思います。 いずれかのキャリアに偏った作り方をすると他のキャリアで不具合が出たりするので どの機種でも完璧に見られるサイトを作るというのは難しいです。 ※参照URLは手前味噌ですが仕様についてまとめた記事へのリンクです

参考URL:
http://tenderfeel.xsrv.jp/html-xhtml/586/
yasu_0_0
質問者

お礼

ご回答ありがとうございます、キャリア別にわけないとだめなんですね。

  • 4610_931
  • ベストアンサー率29% (38/128)
回答No.2

携帯もPCもXHTML+CSSの記述は全く一緒 違うとすれば携帯用には画像サイズに制限があるのと1ページあたりのサイズ制限があること CSSでのフォント指定とサイズなどが決められないこと ポジションの指定ができない 簡易的なものなのでエディターなんかワードでも出来てしまうんだけど

回答No.1

http://www.tohoho-web.com/ex/xhtml.htm タグ打ちならこれでしょうか

関連するQ&A

  • 携帯電話用のサイトを作るためのお勧めソフトを教えて下さい。

    携帯電話用のサイトを作るためのお勧めソフトを教えて下さい。 零細企業で自社のサイトの作成と管理を担当しています。 携帯電話サイトを作るよう指示されましたが、サイト作成ソフトでお勧めのものがありましたら教えて下さい。 学校等で教育を受けた訳ではありませんが、XHTML、CSS、JavaScriptの極基本的な事はわかります。 宜しくお願い致します。

  • 携帯サイトについての疑問。。。

    はじめまして。 実は携帯のサイトを作ろうかと考えていますが、私自身携帯のサイトを全く利用しないので、その仕組みがよくわかっていません。 1:ざっと本を読んだところ、現在の3キャリアごとにHTMLやその記述方法が違うということですが、これはそれぞれのキャリアごとの携帯サイトを作り、それぞれ個別のURLを取得しなければならないのでしょうか? 2:仮に1の質問内容がYESだとするならば、QRコードというのはどういう仕組みになっているのでしょうか? これもそれぞれ別個に用意しなければならないのでしょうか? 3:現在、ほとんどの携帯でPCサイトが見られるようになっていると聞いたのですが、これを逆手に取って、携帯用のPCサイトを作ることは現実的でしょうか? まったくの初心者なためよく理解できていないのですが、どうかよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 共通のHTMLで携帯&PCサイト双方をまかなう方法

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

    • ベストアンサー
    • HTML
  • PCで携帯サイトを色々みたいのですが・・・

    仕事のために、色々な企業の「携帯サイト」を閲覧して、 デザインや構成を参考にしたいです。 自分の携帯電話だとパケ代がかかりますので 家のPCで携帯サイトを見れたら、と思います。 PCで携帯サイトを閲覧できる 何かよい方法はないのでしょうか?

  • 携帯電話用のサイト

    携帯電話用のサイトを自分で作ろうと思っているのですが携帯電話会社各社のサイズの制限などがわかりません。自分でJ-PHONEの端末を使用しているので、できればJ-PHONEを基準に作ろうかと思っています。HTMLの知識はある程度あるのでサイト幅の制限や画像の制限などご存じの方、教えてください。また、関連のサイトがあれば教えてください。

    • ベストアンサー
    • HTML
  • 携帯サイトの電話番号から電話をかける方法

    よく携帯サイトに、電話番号が反転していてそこをクリックすると電話がそのままかけられることがありますよね? あれが、どうやっているのか分かりません。 ネットで調べてもみたのですが、調べ方が悪いのかよく分かりません。 参考になるサイトがあれば、教えていただけませんか? または、厚かましいですが、ずばりの方法があれば教えていただけませんでしょうか? よろしくお願いいたします。

  • PCサイトと携帯サイトの振り分けについて

    いつもお世話になっております。只今携帯サイトをつくっています。、PCサイトと携帯サイトに振り分けたくてPHPファイルの振り分けプログラムを入手し、PHPファイルにPCHTMLと携帯HTMLを記述したのですが、 携帯で見るとなにもでてきません。.hatteccsというのを見かけたのですが必要なのでしょうか?pcサイトのトップページはindex.htmlにしては、ダメなのでしょうか。初歩的な質問かもしれませんが、どなたかご教授よろしくおねがいします。

  • 携帯電話でしか見れないサイトをPCで見るには

    はじめまして。 タイトルの通り、携帯電話でしか見れないサイトをPCで見る方法はないでしょうか? よろしくお願いいたします。

  • 携帯電話からパソコンサイトを閲覧した場合

    携帯電話からパソコンサイトを閲覧した場合 別の携帯サイトへ誘導するにはどうしたらよろしいでしょうか? PCサイトと携帯サイトは別のドメインになります PCのサイトにSEO対策をしているため、 PCと携帯の振り分けのCGIやPHPを使う場合、 IPアドレスや機種種類の変更等、調査にも時間がかかり 検索エンジンに嫌われてしまう場合も想定でき、あまり気が進みません 携帯サイトのURLを記述するのも外部リンクとみなされて困ります 何かいい方法はありますでしょうか? 携帯電話のユーザーがPCサイトを閲覧し、 PCサイトでは、携帯に対応しているショッピングカーとではないため 商品の購入ができなく、逃している状況です うまく、外部リンク扱いでなく、誘導できないでしょうか? ご教授お願い致します

    • ベストアンサー
    • HTML
  • 携帯用のサイトの作り方を教えて下さい。

    携帯用のサイトの作り方を教えて下さい。 零細企業で自社のサイト管理を担当しています。(正式な教育は受けた事は無く、PCが多少触れるからと担当になり、独学で覚えた程度の知識しかありません) 上司から携帯用のサイトを作るように指示されましたが、作った事が無いので全くわかりません。 現在はXHTMLとCSS、JavaScriptでハンドコーディングで作っています。 携帯用のサイトを新たに作れば簡単なのでしょうが、更新の事を考えるとPC用のサイトを携帯用に変換できればと考えています。 ブログはPCでサイトを更新すれば携帯用のサイトも更新できるので、それをイメージしています。 XHTMLでは無理でPHPで大元を作らないとだめなのでしょうか。 宜しくお願い致します。

    • ベストアンサー
    • HTML

専門家に質問してみよう