HTMLバナーを作成する

著者: John Stephens
作成日: 22 1月 2021
更新日: 1 11月 2024
Anonim
【初心者向け】ダサ見えしないバナーを自力で作るテクニック5選!ノンデザイナーのための小技集!
ビデオ: 【初心者向け】ダサ見えしないバナーを自力で作るテクニック5選!ノンデザイナーのための小技集!

コンテンツ

HTMLバナーは、あなた自身やあなたのビジネスをウェブ上で宣伝するための簡単で効果的な方法です。バナーを使用すると、Yahoo!に広告を掲載できます。または他の検索ツールは、販売サイトにあなたのイメージを表示し、他の多くのことを行います。基本的なHTMLのみを使用してテキストバナーを作成することも、さらに進んでグラフィックプログラムを使用してバナーに画像やスタイルを追加することもできます。


説明書

HTML広告の例 (JennyTreviño-Blanquetによる画像)

    テキストのみ

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

  2. テーブルの幅を設定し、「border」、「cellpadding」、および「border color」属性をバナースタイルに指定します。例えば、

  3. 必要に応じて広告テキストを中央揃えにします。例えば、 あなたのテキスト

  4. テーブルコードにバナーのリンクタグを付けて、訪問者をサイトに誘導します。例えば、

    あなたのバナー

  5. ファイル名を付けて拡張子 ".html"を付けて保存します。

    画像付き

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

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

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

  4. バナーの幅と高さを設定します。これらの設定があなたのイメージの寸法に適応できることを確認してください。

  5. 必要に応じて、 "border"や "cellpadding"などのテーブル属性を指定してください。グラフィックプログラムで完全なバナーを作成した場合は、この手順を省略できます。

  6. テーブルコードにバナーのリンクタグを付けて、訪問者をサイトに誘導します。


  7. ファイル名を付けて拡張子 ".html"を付けて保存します。

どうやって

  • 特定のWebサイトでバナーを使用したい場合は、ファイルサイズとサイズのガイドラインに従ってください。
  • バナーを共有するには、HTMLコードを入力してください。

必要なもの

  • BBEditなどのHTMLテキストエディタ
  • Fireworksなどのグラフィックエディタ(オプション)