画像を表示させよう

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

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

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

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

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

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

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

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

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

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

このページのトップへ

携帯アドセンスをはじめよう!
携帯アドセンス基礎知識
携帯コンテンツを用意しよう
携帯アドセンスコードとは
携帯アドセンスコードの取得
携帯アドセンスを入れてみよう
アドセンスが文字化けたら
スマートフォン用アドセンス設置方法
携帯アドセンスの審査
アドセンスのアカウントとは
モバイルアドセンスの審査は簡単?
アカウント停止・削除とは?
アドセンスの規約を守ろう
プライバシーポリシーページは必須
携帯サイトの作り方
用意するもの
レンタルサーバーを借りよう
XHTMLで書こう
タグの装飾
画像の挿入
携帯ホムペ用無料素材
フォルダ・アナスイアイコン他
矢印・はてな・ヤフカテ他
mac系素材 ipod nano他
携帯サイトSEO対策
検索エンジン登録の効率化
検索エンジン登録先リスト
ヤフーモバイルカテゴリに登録
ヤフーモバイルカテゴリ登録手順
GoogleのSEO対策
キーワードの選び方
キーワードの検索順位をチェック
内的SEO対策済み無料テンプレート
携帯アフィリの基礎知識
アドセンスとアフィリの違い
携帯アフィリエイトの選び方
便利なツールを使う