タグ

HTMLと携帯開発に関するblueribbonのブックマーク (4)

  • 手っ取り早く携帯サイトを作成する時のhtmlテンプレート - webの人 @ryryo

    最近phpをいじるがてら、ひさびさに携帯サイトに触れているためメモメモ。 携帯サイトで装飾を入れるとなるとi-cssが云々って話があったりしますが、正直テストサイトでそんな面倒なことをしていられないので、だいたい以下のようなhtmlで作成しています。 とりあえず携帯サイト作りたい時テンプレート <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Co

    手っ取り早く携帯サイトを作成する時のhtmlテンプレート - webの人 @ryryo
  • 携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α

    前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー(もしくはディレクター?)さんは、デザインをパッと見て「このデザインで組めます!」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード:Shift-JIS ・改行コード:

    blueribbon
    blueribbon 2009/12/06
    ・背景画像は1つのみ ・違う背景色が連続するところはdivの使い方に注意 ・フォント関連 ・リンク色が複数存在する ・tableは使ってもいいか ・横並びの画像の横幅合計が240だと崩れる可能性アリ
  • [Think IT] 第2回:携帯サイトの制作から公開まで (1/3)

    サイト規模に合わせて作り方を選ぶ 前回(http://www.thinkit.co.jp/article/143/1/)は、携帯サイトとPCサイトがどのように違うかを紹介しました。今回は、汎用的な携帯サイト作りを行うための制作の基から、実機テストまで含めた公開までの手順を解説します。 携帯サイトでは、キャリアによる仕様の違いがあるため、これをどの程度まで考慮するか、はじめに考えなくてはなりません。携帯サイトの作成法には、下記の5つの方法がありますが、ここでは「3キャリア対応の静的サイト+プログラム」について紹介します。 1.キャリア別に静的なサイト 2.3キャリア対応の静的サイト+プログラム 3.プログラムによる動的生成 4.CMSを使ったジェネレータ型 5.MobaSiF(http://sourceforge.jp/projects/moba)などのフレームワーク型 3キャリア対応の静

  • 窓の杜 - 【REVIEW】ドコモの携帯電話によるWeb表示をPC上で確認「iモードHTMLシミュレータII」

    「iモードHTMLシミュレータII」は、ドコモの携帯電話によるHTMLおよびFlashの見た目や動作を確認できるソフト。Windows XP/Vistaに対応するフリーソフトで、(株)NTTドコモのWebサイトからダウンロードできる。 HTMLとFlashは、“901i”シリーズ以降の端末向けに規定されている“iモード対応HTML”v7.2、および“Flash Lite”v3.0まで対応している。また、“iモード対応HTML”v5.0、“Flash Lite”v1.1まで機能を制限して動作を確認できる。さらに、デコメールのテンプレートやPDF、デコアニメの表示や動作を確認することも可能。 画面は、携帯電話の表示をシミュレートするウィンドウと携帯電話の数字キーや方向キーを表示したウィンドウに分かれており、キー表示ウィンドウ上のキーをクリックすることでWebページやFlashの動作を確認できる

  • 1