知識、知恵のカタマリ

[PR]livedoorプレミアム会員が検証！

質問する
質問を探す 詳しく検索する

解決済

Clip!
キャンディ

携帯サイトって、どうやって作るんですか？

ＨＴＭＬ言語はわかりますので、一度、作ってみたいので、作り方を教えてください。

2006-05-11 00:36の質問
携帯  サイト  HTML  言語  教えてください  
携帯サイト
携帯サイト　の情報はこちらです
mobile.vone.jp
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
<<前の質問を見る
次の質問を見る>>

回答(3)

3.

2006-05-11 02:06:26ベスト
g7zs
基本はパソコン向けのサイトを作るのと同じです。
気をつけなければならないのは、文字コードは必ずShift_JISで、タグは一部のものしか使えないという事位でしょうか。
一部しか使えないといっても、携帯向けサイトでは改行とかリンクとかそういうのしか使わないでしょうから関係無いですけどね。
CSSも対応していない機種が多いと思いますので、テキスト色の変更などは<font>タグを利用する事になります。因にiモード、EZweb、ボーダフォンライブはJavaScriptには一切対応していません。
という事で簡単(適当)なサンプル(醜いですしあくまで参考までに。参考になるのかもわかりませんが)。
<html>
　
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift-JIS">
<title>携帯向けwebページのテスト</title>
</head>
　
<body> 
<center>
<img src="http://knowledge.livedoor.com/img/cmn/noimg_m.gif"><br>
</center> 
<br>
<marquee> 携帯向けサイトのテストです。</marquee> 
<a href="http://livedoor.com/">livedoor</a><br>
<br>
<a href="http://google.jp/">Google</a><br>
<br>
<center>
<a href="mailto:abc@example.ne.jp">mail</a><br>
<a href="tel:123-123-1234">Tel<a><br>
<hr>
(c)****<br>
</center>
</body>
　
</html>
ほとんどの端末は上記のようなシンプルなものであれば表示できます。
きちんとほぼ全ての端末に対応させたい場合は、iモードはCHTML・XHTML、EZwebはHDML・XHTML、ボーダフォンはHTML・XHTMLを使う事になると思います(ボーダフォンはちょっと記憶が曖昧ですが)

http://au.kddi.com/ezfactory/index.html
http://www.nttdocomo.co.jp/service/imode/make/inde...

<!-- 危ない、書き忘れる所だった -->
NTTDoCoMo端末はPNG、ボーダフォンの一部端末はGIF形式に対応していませんので、最近の機種に対応させるのであればJPEG形式が一番良いです。
古い機種に関してはGIFにしか対応してない端末も少なからずあるので注意が必要です。
また、端末によるのですが古い機種は5バイト以上のページに対応していませんので、5バイト以下にする必要があります。最近の機種で見れればいいのであれば300KB程度まで大丈夫です(画像も含みます)
自信度 : 自信なし 回答レベル : アドバイス

今更ながら、質問を蔵出ししました。
結局、携帯のサイトはつくりませんでしたが、とても参考になりました。パソコンのHPをつくるより、デザインもなくてすむので携帯のほうが簡単そうですね☆作るなら携帯のサイトをつくりたいです☆
では、どうもありがとうございました。。。☆

1.

2006-05-11 01:22:35
伊達と酔狂ライフBY_hunakidayo
通常のHTMLから携帯用に拡張された
CHTMLに携帯はなっています
が、これはドコモの話
AUやボーだフォンでも微妙に異なったり
画像の読み込みサイズが機種により異なったり
PCよりめんどくさいです。
ブログではなく普通のHPサイトの場合ですが・・
自信度 : 自信なし 回答レベル : アドバイス

2.

2006-05-11 01:36:00
HTMLが分かっていらっしゃるなら簡単ですね。
携帯向けもHTMLで書けますので。
http://www.nttdocomo.co.jp/service/imode/make/inde...
http://www.hajimeteno.ne.jp/i-mode/index.html
http://www001.upp.so-net.ne.jp/hdml/
この辺りを参考にされてはいかがでしょうか。
携帯はPCより使えるタグが少ないので、
それを理解した上で記述すれば簡単だと思います。
携帯オリジナルのタグやPCでしか使えないタグもあるのですが、
各キャリアのサーバーで上手い事変換してくれるし、
丁寧にエミュレーターを使って表示を確認しながら制作すれば良いでしょう。

ただし、JavaScriptやCSSはまだ対応していない機種も多いです。

後、確認だけならエミュレータを使えばローカルPCでもOKですが、
携帯電話で確認するには、公開可能なサーバーを持っているかレンタルしている必要があります。

頑張ってください。
Ads By Google

コメント(3)

コメントする
#1.  キャンディ
2006-05-11 02:13:43

みなさん解説ありがとうございます。
それで…、メモ帳などで作成すればいいですよね？そして、どうやってネット上にアップ(携帯で見れるように)すればいいのでしょうか？

#2.  キャンディ
2006-05-11 02:15:43

サーバーを借りるとかでしょうか…？

#3.  g7zs
2006-05-11 02:25:49

Tu-Ka http://www.tu-ka.co.jp/common/support/index.html

>#1
勿論メモ帳でOKです。
サーバーを借りてFTPソフト(FFFTPなど)でアップしてください。
("ファイルマネージャー"がある場合は直接書いてアップする事も可能です)
サーバーはisweb(http://isweb.www.infoseek.co.jp/)やshinobi(http://shinobi.jp/)などがありますね。

http://ezinfo.jp/tips/が参考になると思います。

トラックバック

トラックバックURL: