ホームページビルダー作成報告//携帯編 - iモード(NTTDoCoMo)/EZweb(au)/Yahoo!ケータイ(softbank)

携帯用ページをテンプレートから作成する

1. メニューバーより、[ファイル]→[テンプレートから新規作成]→[サンプルテンプレート]の画面が表示されます。
2. 1ページのみ作成する場合は、表示された画面(※図1)で操作を行いますが、複数ページを作成する場合は[複数ページサンプル]のタブをクリックして操作を進めます。
3. [ページ種類]より携帯ページを選択します。
4. [テーマ]より色合い等を参考にデザインを選択します。
5. テンプレートの中には、用意されたページ名が表示されるので作成したいページを選択し[OK]ボタンをクリックします。

※<図1>

携帯用ページを白紙ページから作成する

[ファイル]→[標準モードで新規作成]→(ここからは任意です。ターゲットブラウザを設定する)

※利用できる画像形式や1ページのサイズなどは携帯電話キャリアによって違います。各社の公式ページやインターネット上の情報を参考にしてください。→携帯別使える画像&参考になるサイト

完成したページを携帯用に変換する

既に完成したページを携帯用に変換すると、選択したターゲットブラウザ用に自動的に画像が縮小されるなどするため便利です。新しいページとして携帯用に変換されるため、元のページが変更されるわけではありません。

1. メニューバーより、[ファイル]→[携帯ページへ変換]を選択します。
2. [携帯ページへ変換]画面が表示されるので[ターゲットブラウザ]を選択し[OK]ボタンをクリックします。

※必要に応じて「タグチェック」を行ってください。

完成したwebサイトを携帯用へまるごと変換する

サイト内のページをすべて保存して、次の操作を行います。

1. メニューバーより、[サイト]→[サイト全体を携帯ページへ変換]を選択します。
2. [携帯ページへ変換]画面が表示されるので[ターゲットブラウザ]を選択します。ターゲットブラウザで選択した携帯機種等により画面下方にある[分割するページサイズ]が変更されます。
3. [参照]ボタンをクリックして携帯用ページを保存するフォルダを選択します。
4. [追加]ボタンをクリックして携帯用に変換しないフォルダを選択し[OK]ボタンをクリックします。

ターゲットブラウザ別・変換後の画像形式

ターゲットブラウザの選択により、自動的に縮小される画像の形式とサイズが変わります。

• [iモード]/[iモード502iシリーズ]・・・すべてGIF形式に変更される
• その他のiモードシリーズ・・・・・GIF/JPEG形式変更なし
• [EZweb]・・・GIF/JPEG形式変更なし
• [Yahoo!ケータイ]・・・すべてpng形式に変更される

携帯ページへ変換後の作業

携帯ページへ変換後は、変換された各ページを確認しましょう。選択したターゲットブラウザにより分割されたページ数が変わってきます。必要でないページも作成されている場合もあるため、1ページづつ確認したほうがよいでしょう。

携帯用ページのレイアウトを整える

タグをチェックする

1. メニューバーより、編集→ページのターゲットブラウザ→タグチェック
2. タグチェックの画面が開くのでブラウザの個所の▼ボタンをクリックしてチェックしたい携帯を選択します。
3. 「**はサポートされていません」などのチェック内容が表示され、チェックした内容に対応させるようにする場合は、[削除](一つづつ確認して削除)または[すべて削除](一括削除)ボタンをクリックするとチェックされたタグが削除されます。

(※未検証なのでご参考までに・・多くの携帯キャリアで表示可能にしたい場合はブラウザの個所で[CompactHTML1.0]を選択するのが無難かもしれません。)

キーワード:

キーワードは短めに。 スペースで区切って単語を並べるとヒットしやすくなります