10分でできる!バナーの貼りつけ

10分でできる!バナーの貼りつけ

banner-pasting

 

「貼りつけは 上手にできるかな?」

 

バナーの貼り付けをするための「バナーURL」の作り方を解説したサイトは案外少なくて、探すのに苦労した記憶があります。マスターしてしまえば簡単ですので、このページで覚えて帰ってください。
あと、プロが作るようなバナーを簡単に作成できるソフトもご紹介します。キャラクター設定までできる優れものです。見たら欲しくなります・・

 

 

バナーが簡単に貼りつけできるようになるための もくじ

 

 

○バナーの貼りつけはマスターすればカンタン!
  ・「そもそもバナーとは何?」から、おさらいしておきます

 

○バナーURLの作り方と貼り方をまとめてご説明します。
  ・「バナーURL」=「画像URL」
  ・バナーURLを使うと画像に直接アクセスできる

 

○プロが作るようなバナーを、自分で作りたいあなたへ
  ・バナープラス
  ・ボタンメーカープロ

 

 

 

バナーの貼りつけはマスターすればカンタン!

 

 

「そもそもバナーとは何?」から、おさらいしておきます

 

 

 

「バナー」の貼り付け方を説明する前
に、そもそもバナーとは何かということを
整理しておきます。

 

「バナー」といえば、あるサイトを紹介する
ための画像のことを指します。

 

広告の表示のある貼ってある画像は
あなたも見た事があると思います。

 

 

↓↓↓こんな感じの画像 (※賢威の紹介画面にリンクしています)

 

 

最近はAdSenseの広告サイズに
合わせた広告がメジャーになって
きてます。

 

 

↓↓「バナープラス」で自作してみました
オリジナルバナー
(レクタングル大 336px×280px)

 

 

今から説明する「バナー」は特にその中
でも、自分のサイトを紹介するための
画像に焦点をしぼってお話します。

 

バナーURLを使うのは、たいてい
この場合だからです。

 

画像で見ていただいたほうがわかり
やすいので、下の画像をご覧ください。

 

 

バナー

 

 

サイト名の前に貼り付けてある画像
が、ここでいう「バナー」です。

 

ちなみに、このバナーのサイズは国際標準規格が
決まっていて88×31pxが一般的です。

 

※いろいろなサイズのバナーの説明が記載されています。ご参考まで
Webマーケティング専門コンサルティング

 

正直なところ、ページ紹介用「バナー」は
最近はめっきり使われることが少なくなり
ました。

 

ただ、画像URLの貼り方だけは、よく使い
ますのできっちりと覚えて帰ってくださいね。

 

 

 

バナーURLの作り方と貼り方をまとめてご説明します。

 

 

 

バナーURLは、相互リンクを作成するときに
よく必要になりました。

 

例えば、こういう形でバナーURLの記載を
求められます。↓↓

 

 

バナーURL

 

 

「・・バナーのURLって何?、サイトのURL
と違うの?」っていうのが最初の素直な
感想でした。

 

 

バナーURLとは?

 

バナー画像が格納されている場所を示すURLのことです。URLを指定すれば誰でも見れます。誰でも見れるということなので、アップロードしてある画像であることが前提です。

 

 

「じゃ、バナーのURLを作らなきゃ」と、はりきって
作り方を探してみたものの、当時は意外に
苦戦しました。

 

最初はどうしてもやり方がわからず、下のような
ものが出来上がってしまいました。

 

 

file:///C:/Users/マイドキュメントの名前/・・・・
/img/119.228.187.156%20(2).gif

 

 

これは、単に自分のパソコンの中にある
バナーの場所を示しているもので、何の
役にもたちません・・

 

 

 

「バナーURL」=「画像URL」

 

 

もったいぶりましたが・・

 

バナーのURLは、バナー画像をいったん
アップロードしたあとに画像を右クリックして
「画像のURLをコピー」するだけでカンタンに
作成できます。

 

「バナー」でも「普通の画像(写真)」でも
同じように作成できます。

 

 

私が以前作成した「バナー」を例に
バナーURLを作成してみます。

 

これがそのバナーです→当サイトのバナー画像

 

 

 

バナー

 

 

コピーしたものをどこかに貼り付けを
すれば、簡単に、間違いなくURLを
Getできます。

 

 

上の画像の「画像URL」です
アップロードした画像をコピーして張り付けたものです

 

http://homepagenotukurikata.com/img/img3.png

 

 

要は、「バナーを貼り付けることという
のは、画像URLをGetして貼り付け
すること」なのでした。

 

 

 

バナーURLを使うと画像に直接アクセスできる

 

 

 

画像URLを使い、画像URLにリンクするよう
にすれば、大きな画像を別ウィンドウで表示
させることができます。

 

↓クリックすると大きな画像が見れます。
バナープラスの画像作成画面

 

バナーURL→http://homepagenotukurikata.com/img/banner-plus4.png

 

 

バナーURLはこんな使い方もできます。

 

 

 

プロが作るようなバナーを、自分で作りたいあなたへ

 

 

 

私の作ったバナーは、素人臭さ満点の
シロモノでしたが、実際に販売する商品の
紹介をするときには、洗練されたものを
使いたいですよね。

 

でも、プロに外注すると結構なお金が
かかってしまいます。

 

作りたいバナーの数が多ければ、全部
外注で頼むなんてことはできませんよね。

 

初心者の方でも自分でカンタンに、しかも
華やかなヘッダーやバナーを作れるツールを
ご紹介します。

 

年間14,700円のお金がかかりますが、実際に
使ってみて、圧倒的に「バナープラス」がおすすめ
です。

 

 

 

バナープラス

 

 

 

↓↓「バナープラス」という商品です
bannerplusのイメージ画像

 

 

バナーの出来で、商品のクリック率も
ずいぶん違います。

 

 

↓↓こんなバナーがカンタンに作れます!
バナープラスで作ったバナーのサンプル画像

 

 

 

キャラクター作成機能が追加されました

 

 

バナープラスがバージョンアップしました!

 

バージョンアップで、キャラクター作成機能
などが追加されました!

 

 

バナープラスのキャラクター作成機能紹介画像

 

 

これは魅力的だと思いませんか?

 

ちなみに私のキャラクター画像は
画家の方に依頼して作っていただきました

 

けっこう気に入っているのですが、
ワンカットしかないため、ポーズや
表情を変えたり、といった変化が
ありません。

 

自由に作れる魅力は大きいですよね。

 

他にも「取り消し&やり直し加工」の追加
「角丸加工や影の調節」などの機能が
追加になっています。

 

 

 

   私も実際に購入してみて、レビューしました。
   レビューページもご確認ください。

 

        ↓↓↓

 

   レビューページへリンクするボタン画像

 

 

 

 

公式サイトにはこちらからリンクしてます→バナープラス

 

 

 

ボタンメーカープロ

 

 

 


 

 

私が以前ファビコンやバナー作成でお世話に
なった「Button Maker」(無料)の進化型で、
画像の読み込みなどもできるようになった
ボタンメーカープロ」をご紹介します。

 

 

↓このようなバナーが簡単に作成できます
ボタンメーカープロで作成したバナーの例

 

ボタンメーカープロで作成したバナーの例

 

 

私のサイトのバナーも「ボタンメーカープロ」で
作成してみました。

 

今日初めて使ってみましたが、すぐにこのような
バナーを作ることができました。

 

 

ホームページの作り方の広告バナー
※トップページにリンクしています

 

ホームページの作り方の広告バナー
※トップページにリンクしています

 

ホームページの作り方の広告バナー

 

 

作成画面もお見せします。シンプルな入力
項目だけなのでとても使いやすいです。

 

 

↓基本入力画面です
ボタンメーカープロでバナーを作成している画面
※クリックすると大きな画像が見れます

 

↓テキスト入力画面です
ボタンメーカープロでバナーを作成している画面
※クリックすると大きな画像が見れます

 

 

入力して右側にある「プレビュー」を
押すと、簡単に出来上がりが確認
できますので、微修正をしながら
作業を進めることができますよ。

 

 

ボタンメーカープロ

 

 

 

 

 

※もし「よかった」と思う記事がありましたら、あなたが使っておられる
 SNSで当サイトをご紹介ください。どうぞよろしくお願いします。

 

 

よく読まれる関連ページ

 

  ↓↓一番左をクリックしていくと、順にサイトを見ることができます

画像取込

webページの画像を取り込む【おすすめ無料ソフト】

写真素材

サイトデザインを劇的に変化させる写真素材

ロゴの貼り付け

ロゴの貼り付けが困難を極めた理由

あなたは外部Javascriptを利用する目的を知っていますか?へのリンク画像

あなたは外部Javascriptを利用する目的を知っていますか?

 


Top相互リンクをいただいているサイトです。

簡単無料ホームページ

簡単に無料でホームページ作成。掲示板、ブログ、アルバム、携帯サイト、メールマガジン、お問合せフォーム、リンク集等の便利機能付き。商用利用もOKです




 
ブログパーツ
トップページ 目次 サイト公開までのプロセス プロフィール お問い合わせ