GT-ONE 楽天タグ講座 パイプ奮闘記

バナーって何!



初心者のためのHPの飾りつけ教室







★ はじめに ★
  • どうですか、みなさん、ホームページの製作は、うまく行ってますか。無数にあるホームページの中で、貴方のホームページを特に印象深いものにするには、どうしたらいいでしょうか。

    私はなんといっても、 「デザイン」「飾り付け」 じゃあないかと思います。どんなに、 おもしろく内容のあるホームページ でも、それを生かすも殺すも 「デザイン(飾り付け)」 次第じゃあないでしょうか。

    「デザイン(飾り付け)」 と言われても画像ソフトもうまく使いこなせないのに、デザインなんか出来ない、という初心者の方のために、どうやって 「デザイン(飾り付け)」 をしていけばいいのか、話して行きたいと思います。(*^_^*)

    ゼロからグラフィックが描けない初心者の方でも、インターネット上には無料で使用できる 「フリーソフト」「フリー素材」 があふれています。かわいらしいもの、レイアウトしやすいものなど数多く提供されています。その中から、貴方に合った素材、ソフトを 「選び」 、正しく 「使う」 事で、貴方のホームページは、ぐんとよくなると思います。


★ フリー素材に付いて ★
  • 貴方がホームページを作ろうと思ったとき、まず何を考えましたか。文章を書いて、HTMLの勉強も少ししたのではないでしょうか。そして、画像などのホームページ用素材を集める事から始めたのではないでしょうか。素材集めはホームページ作りには欠かせない作業だと思っております。

    ホームページ用の素材やソフトには、無料で使用できる 「フリーソフト」「フリー素材」 と有料のものがあります。無料の 「フリーソフト」「フリー素材」 はインターネットで、ダウンロードする事が出来ます。これが無料?と驚くほど品質の高い 「フリーソフト」「フリー素材」 も数多く見受けられます。それらをうまく利用すれば、ホームページのできばえも、ぐんとアップするのではないでしょうか。

    ただ、無料で使用できる素材は「フリー素材」と呼ばれていますが、多くの場合著作権はフリーとは異なります。使用料は発生しませんが、著作権は作者にある場合がほとんどです。加工や再配布などは禁止されている事がありますので、作者の意向にそって使用する必要があります。その点はくれぐれもご注意ください。



【飾りつけ VOL.1】 バナーって何?



★ バナーの使い方 ★


    まずは、バナーを使っていくために、バナーとはどういうものかというお話をしましょう。

    「バナー」 とはもともと 「横断幕」「旗」 という意味の言葉です。いわばサイトの広告看板のような役割を果たします。例えば、他のホームページから自分のホームページへリンクしてもらう場合に、リンクを設定したバナーを貼ってもらうという使い方が一般的です。単なる文字のリンクに比べて、画像によってサイトの特徴や雰囲気を伝える事が出来ます。

    フリー素材で手に入れられるバナー用の素材は、バナーの台座となる長方形の画像です。もうすでに、ロゴが書きこんであるものもたくさんあります。右にあるものは、私のページで使ってるものですが、GIFアニメーションによって点滅する物もあります。(これは、バナーボタンともいいます)

    自分でロゴを書きこめる台座だけのバナーもあります。さまざまな色や風合いのものがあるので、イメージにあったものを選びましょう。素材を手に入れたら、Paint Shop Pro などで文字を追加するのですが、フリーソフトでも、とてもいいものがあります。それはこの次のページ 【プレート教室 VOL.1】【プレート教室 VOL.2】 でお話していますので行って見てください。

    一番下にあるのは、 【プレート教室 VOL.1】 で紹介している、サイトで作ったものです。みなさんもチャレンジして見てください。(*^_^*)

もう一つの掲示板

gtonebanner



★ バナーに付いての注意点 ★


    バナーは、来て下さった訪問者がバナーを見て興味を引かれ、思わずクリックしたくなるような物を持ちたいものです。気を引くイラストや写真などを使って工夫して見てください。また、データサイズにも注意が必要です。バナーは他のサイトにに置いてもらうものですから、相手のホームページの表示を遅くするような事は避けたいものです。

    ではみなさんがんばってください。(*^_^*)よく知ってる人は、読まないで下さいね。

    ★【HPの飾りつけ教室VOL.2】★ はこちらから








© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: