HTMLバナー広告を作成する方法

...

サンプルHTMLバナー広告

HTMLバナー広告は、Web上で自分自身または自分のビジネスを宣伝するためのシンプルで効果的な方法です。 バナー広告を使用すると、「バナー交換」プログラムで相互にリンクし、Yahoo!で自分を売り込むことができます。 または他の検索エンジン、マーケットプレイスのウェブサイトにあなたの画像を表示し、他の多くのことをします。 基本的なHTMLだけを使用してテキストバナーを作成することも、さらに進んでグラフィックプログラムを使用して、バナー広告に画像やスタイルを追加することもできます。

ステップ1

HTMLテキストエディタでファイルを開き、テーブルを挿入します。

今日のビデオ

ステップ2

テーブルの幅を設定し、テーブルの「境界線」、「セルパディング」、「境界線の色」を指定して、バナー広告のスタイルを設定します。 例えば:

ステップ3

必要に応じて、広告のテキストを中央に配置します。 例えば:

HTMLバナー広告テキスト

ステップ4

テーブルのコードをリンクタグで囲み、バナーが訪問者をWebサイトに誘導するようにします。 例えば: width = "275" border = "1" cellpadding = "3" bordercolor = "#0000FF">

ステップ5

ファイルに「.html」拡張子を付けて名前を付けて保存します。

ステップ6

グラフィックプログラムを開き、バナー広告の画像を作成します。 単一の画像を作成することも、広告全体をデザインすることもできます。

ステップ7

ファイルをJPGまたはGIFとして保存します。

ステップ8

HTMLテキストエディタでファイルを開き、テーブルを挿入します。

ステップ9

バナー広告の幅と高さを設定します。 これらの設定が画像のサイズに対応できることを確認してください。

ステップ10

必要に応じて、「border」や「cellpadding」などのテーブルの属性を指定します。 グラフィックプログラムで完全なバナー広告をデザインする場合は、この手順を省略できます。

ステップ11

テーブルのコードをリンクタグで囲み、バナー広告が訪問者をWebサイトに誘導するようにします。 例えば: width = "275" height = "250" border = "0" cellpadding = "0" bordercolor = "#ffffff" background = "test.jpg">

ステップ12

ファイルに「.html」拡張子を付けて名前を付けて保存します。

必要なもの

  • BBEditなどのHTMLテキストエディタ

  • Fireworksなどのグラフィックプログラム(オプション)

ヒント

特定のサイトでバナーを使用する場合は、サイズとファイルサイズのガイドラインに必ず従ってください。 バナーを共有するには、バナー広告のHTMLコードを提供します。