タグ

ブックマーク / dspt.blog59.fc2.com (5)

  • ドコモ iモードサイト作成時のHTML DOCTYPEまとめ 携帯サイトを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    前回の記事でHTMLの冒頭で宣言するDOCTYPEの違いについて触れたのと、 携帯の機種によってDOCTYPEを自動出力するようなプログラム(関数) を作ろうかなって思ったので、ここで今一度覚え書き程度にまとめてみます。 3回にわたって各キャリア別に書いていきます。 まずはドコモから。 ○iモードHTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN"> 通称:Compact HTML(CHTML)。W3Cで正式な勧告がなされている。 以前、携帯メーカー各社がこの「Compact HTML」をW3Cに逆提案したいきさつがある。 現在バージョンは7.0まであり、バージョンアップを重ねるごとに ドコモの新機能に対応した形でリリースされる。基的にはHTMLと同様。 このDOCTYPEは省略可能か公式サイトには明言され

  • 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    さっそく、読者の方から、「iモードブラウザ」が「2.0」になりましたが、 携帯サイト市場としてすぐに対応は必要ですか? というご質問を頂いたので、今更ではありますが僕なりの見解をお伝えしますね。 結論から言うと 「もちろん動向をウォッチしていくことは必要だが、焦ってすぐに対応する必要はない」 と思います。 iモードブラウザ2.0がドコモ新機種(昨年の夏モデル)に搭載されたとき、 技術系のブログではいち早く過去のブラウザバージョンとの違いを比較した情報を伝えていましたが、 私はその情報はもちろん作り手として知る必要はあると思うんですけど、 おそらく皆さんが思っているのは、そうではなくて、 じゃぁすぐに対応すべきかっていうことだと思うんです。 確かに携帯サイト業界のトレンドや動向は変化が早いと言われますが、 XHTML+CSSベースで携帯サイトが作れるようになった今でも、 核となる制作ノウハウ

  • モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

  • 携帯サイトのページコーディングでよく使うHTMLタグ 携帯サイトを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    携帯サイトのページを作成する場合と、パソコン向けのページでは よく使用するHTMLタグがまったくといっていいほど異なります。 今回は携帯サイトを作成する際によく使うHTMLタグのご紹介です。 まずは、携帯ページとPC向けページについて、 使用頻度の高いタグを比較してみます。 □PC向け <A>リンクタグ <IMG>画像挿入タグ <P>段落タグ <DIV>汎用ブロックレベル <STRONG>論理強調タグ <Hx>見出しタグ <UL><LI>リストタグ <TABLE>テーブルタグ ■携帯サイト向け <A>リンクタグ <IMG>画像挿入タグ <DIV>汎用ブロックレベル <BR>改行タグ <FONT>フォントタグ <HR>区切り/水平線タグ <CENTER>中央揃え <MARQUEE>マーキータグ どうでしょう。だいぶ違っていますね。 AタグやIMGタグといった基的なタグはPC向けもモバイル向

    k_ume75
    k_ume75 2007/09/12
    太字にはできないのか!@携帯
  • 携帯サイト作成に役立つおすすめ便利ツール&サイト 携帯サイトを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    携帯サイトを作成する際に便利なツールをまとめてみました。 実際に使用する目的や用途によって必要なソフトというのはサイトや管理者によって変わってくるとは思いますが、少なくとも自分が使いやすい、重宝しているツールやサイトをご紹介します。 シミュレーター関連 各キャリアから出ているサイトシミュレーターで定番中の定番ですね。作成したHTMLがどのように表示されるか、確認するためのツールです。 関連記事 ■iモードHTMLシミュレータ ドコモ向けのサイト確認用。全体のプレビュー、操作、絵文字等の確認ができる。 ■Openwave SDK au向けサイト確認用。プレビュー等確認可。しかし、少々使いにくさも。 ■Web Contents Viewer ソフトバンク向けサイト確認用。使い勝手はドコモシミュレーターと同様。 絵文字関連 絵文字挿入のためのツール(サイト)です。 ■i絵文字 ドコモ絵文字挿入用

  • 1