広告用バナー初心者でも簡単に作成できました！！
小資金でできる広告方法に関する検討結果を紹介させて頂きました。
今回はその続編として『リンク付き広告用バナーの作成方法』を紹介します。
広告用バナーをつくろう！
実際につくったもの
実際に製作したものは、↓こちらです。
広告サイズは、300×250の一般的なバナーサイズです。
一番時間がかかったのは「イラストの作成」でした。
初心者の私が10分位でできたので、プログラム自体は簡単です。
つづいて手順をみていきましょう。
【手順１】 広告イラストをつくる
⑴イラレを使って本格的なイラストを作る
まず、 広告イラストを作ります。
私が使用したソフトは「Illustrator（イラストレーター）通称「イラレ」です。
デザインは、用紙サイズさえ指定できれば「word」や「Excel」または
jpegデータの写真でもなんでもＯＫです。
Illustrator（イラストレーター）はプロが使うソフトなので、
自由度が高いです。
パンフレット、広告、チラシも作成できる便利なツールで、
通称「イラレ」として呼ばれています。
今は月単位での利用契約ができて、
月々払いの場合3,180円/月(税別)で利用できます。
（年間契約の場合もっと安く利用できます。）
Illustrator（イラストレーター）の使い方は、
こちらのサイトに詳しく紹介されています。
慣れていない方は時間がかかるかもしれませんが、
広告やパンフレット作成にも使えるので、覚えて損はないですよ！
⑵ クラウドサービスを使ってかっこいいイラストを作る
Illustrator（イラストレーター）が使いずらい方におススメなツールは「Canva」です。
Amazingly Simple Graphic Design Software – Canva
無料で使える写真やデザインが用意されているので、
チラシ等の販促ツールを作るのにも使えますよ。
ホームページ作成ツールの「Wix」に操作性が似ている感じがします。
普段の仕事でも使えるし、かなり使い易いから是非使ってみて下さい！！
「Canva」を使ったイラストの作成例がこちらです。
「samurai-architect」のfacebookのリンクバナーです。
「写真」「イラスト」「文字」等をペタペタ組合わせるだけで簡単にできちゃいます。
このイラストは５分位でできましたよ。
【手順２】プログラムを作成する。
つづいてインターネットに掲載するためにプログラムを作成します。
プログラム言語には、「ＨＴＭＬ」を使用します。
ＨＴＭＬは、Hyper Text Markup Language（ハイパーテキスト・マークアップ・ランゲージ）の略で、Webページを作るための基本的な言語です。
インターネットブラウザのほとんどが、このＨＴＭＬで作られているそうです。
＜ＨＴＭＬについてはこちらのページで詳しく紹介されています。＞
HTML&CSSとWebデザインが 1冊できちんと身につく本
- 作者: 服部雄樹
- 出版社/メーカー: 技術評論社
- 発売日: 2017/07/21
- メディア: 大型本
- この商品を含むブログ (1件) を見る
実際のプログラムですが、
ネット上に商用フリーで公開されていたプログラムをコピペしました。
広告をＨＴＭＬで表すと、下のようになります。
赤字の部分へ『リンク先のＵＲＬ』
青地の部分へ『表示するイラスト（写真）のＵＲＬ』を挿入すればＯＫです。
<p>
<a href="リンク先のＵＲＬ">
<img class="表示させる写真のＵＲＬ" />
</a></p>
【手順３】作成したコマンドを埋め込む
作成したコマンドを、
サイトの表示させたい場所へ埋め込んで完了です。
＜記事内の例＞
やってみると意外と簡単でした！
さいごに
いかがでしたか？
うまく作成できましたか？
パソコンに疎かった私ですが、簡単にできました。
やってみると非常に面白いものですね。
今後もいろいろ挑戦していきます m(_ _)m
これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん
- 作者: たにぐちまこと
- 出版社/メーカー: マイナビ出版
- 発売日: 2017/03/27
- メディア: 単行本（ソフトカバー）
- この商品を含むブログを見る
【開業の記録シリーズ９】へ戻る 【開業の記録シリーズ 11】へ進む
★☆☆☆☆☆☆☆☆彡
最後まで閲覧頂きまして、
ありがとうございました。m(_ _)m
この記事を書いた人 「まるたか」
↓「まるたか」について詳しくはこちらをご覧下さい。
★「職人」から「建築士」へ 異色の経歴を持つ建築士
2018年10月に設計事務所「 Samurai-architect（サムライ-アーキテクト）」を開設
退職〜開業までの記録を綴った「起業の記録シリーズ」 を公開中。
「まるたかのブログ」にて実務以外の情報を発信中。
ブログ記事の更新はsamurai architectの「 Facebookページ」にてお知らせしていますのでフォローをお願いします。
【このブログの人気シリーズ】
