何も分からず始めた、携帯デコメテンプレート作り。
ここ数日、携帯片手にずっと奮闘していたけれど、
今日やっとauのデコメテンプレートが完成しました☆
いろんな方々のブログの記事や、
キャリアの
オフィシャルサイトを参考にしながら頑張りました！
簡単にauのデコメテンプレートの作り方を↓説明してみます。
1.
まずはデザイン作り。
240 x 320のサイズで
Photoshopと
Fireworksを使ってテンプレートをデザイン。
この際、テキストが入る部分を意識しながらデザインします。
テキストエリアの背景は画像にできないから、ソリッドに。
デザインが出来たら、テキストエリア以外の部分を書き出します。
※書き出す画像（gif or jpeg）の品質をちょこちょこ変えながら、
サイズオーバーにならないようにします。
これはコーディングに入った後にも書き出し直したりして調整します。
サイズについては後で。
2.
次はコーディングの環境作り。
DoCoMoのサイトで提供されている、「
デコメールテンプレート作成ツール」をインストール。
この時一緒に、「
iモードHTMLシュミレーターⅡ」もインストールしましょう。
テンプレート作成ツールで作る時にプレビューできて、とっても便利です。
DoCoMo用のデコメ（dmt）を作って、そのソースをau用に編集するのです。
3.
デコメテンプレート作成ツールに取り入れるHTMLを作るっていう説明も読んだけど、
私は、ツールにある「デザインフォーム」からデコメの構成に合ったのを選択して使用。
そして書き出しておいた画像を全部ドラッグインします。
テンプレート用のテキストも入れて、早速「シュミレーター」で試してみたり。
問題がなければ、「変換」してdmtファイルを作成します。
ここでやっと一段落。 お茶でも飲みます。
4.
さて、今作ったdmtファイルを、
EmEditorなどのテキストエディタを使って、
au用（khm）のファイルに編集します。
・・・長くなりそうだから、今日はここまで。
続きは明日書けるかな。
>> au デコメテンプレートの作り方 2 >> au デコメテンプレートの作り方 3
