世界一!! YAMAHA SR が好きな建築家のブログ

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

【設計事務所設立の記録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のきほんのきほん

 

 

 

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

 

 

★☆☆☆☆☆☆☆☆彡

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

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

 

この記事を書いた人 「まるたか」

 

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

このブログについて 「建築士の挑戦」

★「職人」から「建築士」へ 異色の経歴を持つ建築士

2018年10月に設計事務所「 Samurai-architect(サムライ-アーキテクト)」を開設

退職〜開業までの記録を綴った「起業の記録シリーズ」 を公開中。

「まるたかのブログ」にて実務以外の情報を発信中。

 

ブログ記事の更新はsamurai architectの「 Facebookページ」にてお知らせしていますのでフォローをお願いします。

 

【このブログの人気シリーズ】