建築士 まるたかのブログ .com

建築士をしている「まるたか」です。このブログは、アフィリエイト収益を目指して立ち上げたブログです。建築設計の案件数が減るこれからの、建築士の新しい収入源となるかを検証しています。

【起業までの記録シリーズ10】 リンク付き広告用バナーの作成方法! 初心者の私にも簡単に作成できました!!

【起業までの記録シリーズ10】広告用バナー作成方法!初心者の私にも簡単に作成できました!!

 

【起業までの記録シリーズ9】にて

小資金でできる広告方法に関する検討結果を紹介させて頂きました。

 

今回はその続編として『リンク付き広告用バナーの作成方法』を紹介します。

f:id:c6amndbgr3:20180910002931j:plain

 

広告用バナーをつくろう!

実際につくったもの

実際に製作したものは、↓こちらです。

f:id:c6amndbgr3:20180910002258j:plain

 広告サイズは、300×250の一般的なバナーサイズです。

 

一番時間がかかったのは「イラストの作成」でした。 

初心者の私が10分位でできたので、プログラム自体は簡単です。

 

つづいて手順をみていきましょう。

【手順1】 広告イラストをつくる

⑴イラレを使って本格的なイラストを作る

まず、 広告イラストを作ります。

私が使用したソフトは「Illustrator(イラストレーター)通称「イラレ」です。

f:id:c6amndbgr3:20180810204545p:plain

デザインは、用紙サイズさえ指定できれば「word」や「Excel」または

jpegデータの写真でもなんでもOKです。

 

Illustrator(イラストレーター)はプロが使うソフトなので、

自由度が高いです。

パンフレット、広告、チラシも作成できる便利なツールで、

通称「イラレ」として呼ばれています。

 

今は月単位での利用契約ができて、

月々払いの場合3,180円/月(税別)で利用できます。

(年間契約の場合もっと安く利用できます。)

 

Illustrator(イラストレーター)の使い方は、

こちらのサイトに詳しく紹介されています。

慣れていない方は時間がかかるかもしれませんが、

広告やパンフレット作成にも使えるので、覚えて損はないですよ! 

 

⑵ クラウドサービスを使ってかっこいいイラストを作る

Illustrator(イラストレーター)が使いずらい方におススメなツールは「Canva」です。

f:id:c6amndbgr3:20180911204547p:plain

Amazingly Simple Graphic Design Software – Canva

無料で使える写真やデザインが用意されているので、

チラシ等の販促ツールを作るのにも使えますよ。

ホームページ作成ツールの「Wix」に操作性が似ている感じがします。

 

「Canva」を使ったイラストの作成例がこちらです。

「samurai-architect」のfacebookのリンクバナーです。

 

「写真」「イラスト」「文字」等をペタペタ組合わせるだけで簡単にできちゃいます。

このイラストは5分位でできましたよ。 

【手順2】プログラムを作成する。

つづいてインターネットに掲載するためにプログラムを作成します。

 

プログラム言語には、「HTML」を使用します。

 

HTMLは、Hyper Text Markup Language(ハイパーテキスト・マークアップ・ランゲージ)の略で、Webページを作るための基本的な言語です。

 

インターネットブラウザのほとんどが、このHTMLで作られているそうです。

 

<HTMLについてはこちらのページで詳しく紹介されています。>

HTML&CSSとWebデザインが 1冊できちんと身につく本

HTML&CSSとWebデザインが 1冊できちんと身につく本

 

 

実際のプログラムですが、

ネット上に商用フリーで公開されていたプログラムをコピペしました。

 

広告をHTMLで表すと、下のようになります。

 

赤字の部分へ『リンク先のURL』

青地の部分へ『表示するイラスト(写真)のURL』を挿入すればOKです。

<p>
<a href="リンク先のURL">
<img class="表示させる写真のURL" />
</a>

</p> 

【手順3】作成したコマンドを埋め込む

作成したコマンドを、

サイトの表示させたい場所へ埋め込んで完了です。

 f:id:c6amndbgr3:20180910002258j:plain<記事内の例> 

 

さいごに

いかがでしたか?

うまく作成できましたか?

 

パソコンに疎かった私ですが、簡単にできました。

やってみると非常に面白いものですね。

 

今後もいろいろ挑戦していきます m(_ _)m

 

これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん

これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん

 

★☆☆☆彡

最後まで閲覧頂きまして、

ありがとうございました。m(_ _)m 

 

この記事を書いた人

 

「まるたか」についてはこちらをご覧下さい。

このブログについて 建築士の挑戦 - 建築士 まるたかのブログ .com

【起業の記録シリーズ9】へ戻る  【起業の記録シリーズ 11】へ進む

【起業の記録シリーズ】TOPページへ戻る

 

起業の記録シリーズとは?

起業の記録シリーズとは、

私の起業までの過程を記録した記事です。

 

職人上がりの建築士が独立し、今後どうなっていくか?

客観的にその経過を見ていくのは

「TV番組の「ノンフィクション」みたいで面白いんじゃない?」

と思いから立ち上げたものです。

上手くいこうが失敗しようが、行動を発信しています。