画像を表示させよう

携帯サイトはシンプルなつくりで十分なのですが、ちょっと見た目が寂しいので画像など入れてみるといいでしょう!携帯の画像は携帯のサイズに合わせてつくります。2007年現在携帯画像のサイズは240px横幅の320px縦幅が一番多いです。ワイドスクリーンなどの携帯の場合ちょっとサイズが大きくなりますが、今のところはとにかく横幅は最大240pxにします。

では実際に画像を表示させてみましょう!

携帯サイト用画像を用意する

先ほども書きましたが、携帯画像は最大横幅240pxを基準としてください。

たとえばこんなタイトルバナーをつくってみました。

これをルブランシーのサイトに貼ってみましょう!この画像のファイル名はsample_01.gifです。””のなかには表示したい画像のファイル名を入れます。

<img src="sample_01.gif"><br />

<br />で画像の横に文字などが来ないように改行します。画像を入れるときはimg src”画像ファイル名”というタグを使います。これはgifアニメーションなどを表示する場合も同じです。

ではこのタグを<h2>の後に入れてみましょう。

これをパソコンのブラウザで見てみるとこうなります。

このページのトップへ

携帯アドセンスをはじめよう!
携帯アドセンス基礎知識
携帯コンテンツを用意しよう
携帯アドセンスコードとは
携帯アドセンスコードの取得
携帯アドセンスを入れてみよう
携帯アドセンスの審査
アドセンスのアカウントとは
モバイルアドセンスの審査は簡単?
アカウント停止・削除とは?
アドセンスの規約を守ろう
プライバシーポリシーページは必須
携帯サイトの作り方
用意するもの
XHTMLで書こう
タグの装飾
画像の挿入
携帯サイト用無料素材
携帯サイトSEO対策
検索エンジン登録の効率化
検索エンジン登録先リスト
ヤフーモバイルカテゴリに登録
ヤフーモバイルカテゴリ登録手順
GoogleのSEO対策
キーワードの選び方
内的SEO対策済み無料テンプレート