ホームページビルダー/携帯編
ホームページビルダーで作る/携帯用ページ作成
- はじめに
- 携帯用ページは「標準モード」で作成
- ターゲットブラウザの切り替え(機種別想定)
- 携帯電話キャリアの確認ツール
- 携帯別の使える画像
- 携帯用ページをテンプレートから作成する
- 携帯用ページを白紙ページから作成する
- 完成したページを携帯用へ変換する
- 完成したwebサイトを携帯用へまるごと変換する
- ターゲットブラウザ別・変換後の画像形式
- 携帯ページへ変換後の作業
- タグをチェックする
はじめに
ここでは、ビルダーv11で利用可能なツールから作成できる携帯用ページの作成方法をご報告します。v10・v9も携帯用ページ作成用のツールが備わっているため、多少メニューの名称に違いがありますが参考になるかと思います。基本的にiモード対応のHTMLによる内容です。携帯の機種はたくさんあるため、全ての機種で同じように表示できるわけではありません。実際の携帯や作成したページを確認するツールなどを利用になって完成をご確認ください。
携帯用ページは「標準モード」で作成
携帯では「どこでも配置モード」で作成したページを上手く表示することができません。また、ターゲットブラウザの切り替えもできません。携帯用のページは「標準モード」で作成しましょう。
ターゲットブラウザの切り替え(機種別想定)
[携帯ページへ変換]の機能やテンプレートを利用して携帯用ページを作成した場合、ページ編集画面とプレビュー画面が小さくなって表示されます。
※Webブラウザの指定「iモード」にした場合のページ編集画面
※プレビュー画面
携帯用テンプレートを利用して作成した場合、[プレビュー]画面が見にくい場合があります。そんな時は、ブラウザを[標準]に戻すことで内容を確認しやすくなります。
また、通常のページ作成の場合でも[ページ編集画面]の右上にある[標準]ボタンをクリックすると、携帯等の想定webブラウザへのサイズへと変更されます。
ページ編集中にWebブラウザの変更を実行した場合は[タグチェック]の画面が表示されることがあります。→[タグをチェックする]
もし、携帯用ページへ変更したくない場合は[閉じる]ボタンをクリックすれば、見かけは変更されますが内容は変更されません。
携帯電話キャリアの確認ツール
携帯電話の会社ではそれぞれが携帯用ページをパソコンで確認できるツールを提供しています。それらのツールを利用して完成後のページを確認することができます。
- iモードHTMLシミュレータU
- 「au」Openwave Developer Network
- 「softbank」mb.softbank.jp(ウェブコンテンツヴューア)
携帯別の使える画像
使える画像も機種によって違いますが。。。「iモード」で使用できる画像形式は GIF JPEG。「ソフトバンク」で使用できる画像形式は PNGとJPEG 。 「au」では、 GIF、アニメーションGIF、JPEG。というようにビルダーのヘルプにもありますが、最近の携帯ではJPEGファイルやGIFファイルは表示可能なようです (ソフトバンク3G携帯電話では、GIF形式を表示するそうです。)携帯仕様は日々進化するため、各キャリアのページを参考にしてください。(2007/10月)
- NTTドコモ(iモード対応コンテンツ作成時の仕様)
- KDDI au(EZfactory)
- mb.softbank.jp
以下のサイト様の情報も大変参考になります。