携帯用サイトの作り方
- 携帯用サイトを作る方法について教えてください。
- 現在はXHTMLとCSS、JavaScriptでハンドコーディングでサイトを作成していますが、携帯用のサイトを作る方法がわかりません。
- 更新のことも考えて、PC用のサイトを携帯用に変換することは可能でしょうか。
- ベストアンサー
携帯用のサイトの作り方を教えて下さい。
携帯用のサイトの作り方を教えて下さい。 零細企業で自社のサイト管理を担当しています。(正式な教育は受けた事は無く、PCが多少触れるからと担当になり、独学で覚えた程度の知識しかありません) 上司から携帯用のサイトを作るように指示されましたが、作った事が無いので全くわかりません。 現在はXHTMLとCSS、JavaScriptでハンドコーディングで作っています。 携帯用のサイトを新たに作れば簡単なのでしょうが、更新の事を考えるとPC用のサイトを携帯用に変換できればと考えています。 ブログはPCでサイトを更新すれば携帯用のサイトも更新できるので、それをイメージしています。 XHTMLでは無理でPHPで大元を作らないとだめなのでしょうか。 宜しくお願い致します。
- ichi001
- お礼率100% (4/4)
- HTML
- 回答数3
- ありがとう数5
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
一応WEBデザインなんかでご飯を食べてる人間としての意見です。 率直に言ってしまえば、携帯用サイトはまた別に組み直した方が楽です。 携帯はPCと比較すればどうしてもブラウザ機能が貧弱なので調整も難しいですし、 そもそも同期させられるようなシステムを準備するのは手間です。 分量次第ではありますが、今回の例ならば手動更新した方が簡単だと思います。 例えばソース中に <!-- 更新履歴(同期対象) --> などとコメントを入れておけば、 検索で容易に場所も特定できますし、更新忘れもないので存外手間ではありませんよ。 CGI/PHPなどを使えばやっつけの同期システムは作れますが、 既にそれらの技術を身につけているわけでなければ、費用対効果はやっぱり美味しくないです。 もちろん自分らのような業者に発注いただければ同期システムも用意しますが、 相当お高くなってしまうことは言うまでもありません。
その他の回答 (2)
- mitoneko
- ベストアンサー率58% (469/798)
携帯電話では、画面がPCに比べてとても小さく、縦横比も違うので、必然的にレイアウトから根本的に作り直さないと、とっても見にくくなると思います。 さらに、PCのブラウザと携帯電話のブラウザでは、サポートしている機能も格段の差がありますから、このあたりの考慮も必要です。 とこうなると、この段階で携帯用のサイトとPC用のサイトでは、別々のソースを作る必要があると言うことになります。 ただ・・・レイアウトはともかく、表示する記事の内容だけは一つの大本を書き換えるだけで携帯もPCも両方いけるように・・・ということなら、実現性があります。ichi0001さんが例示されているブログがまさにその事例です。 これを実現するためには、表示する記事とレイアウトを完全に分離する必要があります。記事は、データベース等で管理することになるでしょう。必然的に、動的なページ生成が必要となりますので、PHPや、perl等によるCGIか、J2EEやASPに代表されるアプリケーションサーバー等でシステムを構成することになるでしょう。 なんにせよ、かなりハードルは高くなりますが、一度このあたりを調べてみればいかがでしょうか?
お礼
アドバイスありがとうございます。 SQLやPHPは殆ど判らないのでハードルが高そうです。 少し調べてみます。 ありがとうございます。
- metametamu
- ベストアンサー率51% (153/295)
スマートフォン等のブラウザであれば比較的簡単にできると思いますが、その他の携帯各社のブラウザは仕様がそれぞれ違う部分があるので、コンテンツによっては2つ以上のhtmlが必要になる可能性があります。 まずはキャリアごとにどの程度の世代にまで対応させたいのか・どのようなページを作る予定なのかを明確にされた方がよいのではないでしょうか。
お礼
早々のお返事ありがとうございます。 アドバイス頂いた件について調べてみます。 ありがとうございました。
関連するQ&A
- 携帯向けサイト作成方法、またはオーサリングソフトについて教えて下さい。
携帯向けサイト作成方法、またはオーサリングソフトについて教えて下さい。 私は零細企業内で自社のサイトの管理を担当しております。(専門的に勉強をした訳では無く、独学でかじった程度の知識しかありません) 現在はXHTML、CSSを使いハンドコーディングでサイトを作っております。 上司から携帯用のサイトを作るように指示されましたが、携帯サイトを作った事が無いので方法が解りません。 できれば現在あるサイトを使って、javascriptで振り分けてCSSで表示の指示をしたいと思っております。 それで、docomo、au、softbankの3キャリアに対応させるための方法を説明してある本や、3キャリアに対応したオーサリングソフトなどがあれば教えて頂いたいと思っております。
- ベストアンサー
- その他(プログラミング・開発)
- 携帯電話用のサイトを作るためのお勧めソフトを教えて下さい。
携帯電話用のサイトを作るためのお勧めソフトを教えて下さい。 零細企業で自社のサイトの作成と管理を担当しています。 携帯電話サイトを作るよう指示されましたが、サイト作成ソフトでお勧めのものがありましたら教えて下さい。 学校等で教育を受けた訳ではありませんが、XHTML、CSS、JavaScriptの極基本的な事はわかります。 宜しくお願い致します。
- 締切済み
- その他(業務ソフトウェア)
- ホームページビルダー14はXHTML+CSSですか?
ホームページビルダー14はXHTML+CSSですか? バージョン8で作ったHTMLのサイトがあり、 14を購入するに当たって国際標準のXHTML+CSSを学ぼうと思います。 問題はビルダー14の標準モードではXHTML+CSSへコーディングできますか? 使い勝ってというか・・・ パッケージは「移行も楽々」とか魅力的だったです。 この本買って来たら“いけそう”な気がしてきました。 「HTML/XHTML&スタイルシート レッスンブック/エビスコム 著/ソシム」 サイトそのものはシンプルなもので テーブルで作っている表をCSSにしたいです。 JavaScript、Flash、Ajax、ASP.NET、PHP などは使っていません。
- ベストアンサー
- ホームページ作成ソフト
- xhtml&CSSで携帯サイト作成
xhtml&CSSで携帯サイトを作成しているのですが、思うようにうまくいきません。 imgタグで表示したjpgファイルをセンタリングしたいのですが、色んな方法を試したのですが、どれも出来ませんでした。 xhtmlで、画像をセンターに表示させる、一番シンプルな方法はどうすればよいのでしょうか? また、作り方が載っているお勧めサイト等あれば教えて頂きたいです。
- ベストアンサー
- HTML
- 自分のWebサイトに外部Blogの更新情報を表示したい!
XHTML 1.0で作成している普通のWebサイトに MTやlivedoorブログなどで作成したBlogのタイトルと更新日を表示させたいと考えています。 RSSの情報をJavaScriptなどで読み込んで出来るみたいですが、 良い方法がみつかりません。 普通のhtmlなどのコーディングしかできないです。 そんな素人でも出来る方法を教えてください!
- ベストアンサー
- JavaScript
- 携帯電話用のサイトを作りたい
携帯電話用のサイトを作りたいのですが、PC用のサイトしか作った事がないため、携帯用の(X)HTML、CSSの記述方法がわかりません。参考になるおすすめサイトがありましたら教えて下さい。
- ベストアンサー
- HTML
- 携帯サイトのhtmlの拡張子について
現在携帯サイトを制作しております。 ネットで色々と調べまして、docomoに合わせて拡張子を.xhtmlにしています。この場合、auの携帯では問題なく表示されるのでしょうか? auのシミュレータが配信中止のため、表示を確認できずとても困っています。それともう一点、これもdocomoにあわせてhead内のcssの記述を <![CDATA[ ~ ]]>とするとソフトバンクのシミュレータでcssが反映されなくなります。何かいい方法はないでしょうか? どうか宜しくお願いいたします。
- 締切済み
- その他([技術者向] コンピューター)
- 背景画像を配した海外のサイトのようなものを作りたい
タイトルの通り、海外のサイトのような技術を身につけたいです。 Photoshopでデザイン→ドリームウィーバーでCSS&htmlにより作っています。独学で習得してきたので、何が「正しい作り方」なのか、いまいち自身がありません。テーブルレイアウトのみ、xhtmlとcssコーディングはできません。 そこでたとえば http://www.designwalker.com/2008/06/bg-inspiration.html に紹介されているような、背景画像とコンテンツが一枚の絵になったような、綺麗なサイトが作れるようになりたいと切望しています。 デジ○リなど、著名な学校もありますが、一方で行っても基本のみで大したことは教えてもらえない、という話も聞きますし、確実にマスターできる方法を知りたいのです。 上記サイトを作るようになれるための学校、もしくは通信教育、はたまた留学しかない、など、どの様な学校で学べば良いのか、教えてください。
- ベストアンサー
- ホームページ作成ソフト
お礼
アドバイスありがとうございます。 これからPHPの勉強をする時間は無いので、携帯専用のサイトを作った方が簡単なようですね。 上司に話をして携帯専用サイトを作る方向で検討してみます。 ありがとうございました。