Koba8 リンクの貼り方/バナーの貼り方

ホームページビルダーや、FRONTページなどのソフトを使用してホームページを作成したのですが、リンクの貼り方や、バナーを貼るにはどうするの?という質問がよくあるので、はじめての方にもわかりやすいバナーの貼り方をご紹介します。またHP作成に必要なマークや、飾りなどの素材を提供しているサイトも紹介します。ホームページビルダーや、FRONTページなどのソフトを使用してホームページを作成したのですが、リンクの貼り方、バナーを貼るにはどうするの?という質問がよくあるので、はじめての方にもわかりやすいバナーの貼り方をご紹介します。またHP作成に必要なマークや、飾りなどの素材を提供しているサイトも紹介します。

ホームページビルダーや、FRONTページなどのソフトを使用してホームページを作成したのですが、相互リンクや、バナーを貼るには?
という質問がよくあるので、はじめての方にもわかりやすいバナーの貼り方をご紹介します。またホームページ作成に必要なマークや、飾りなどの素材を提供しているサイトも紹介します。相互リンク大歓迎です。リンクを作成後に連絡フォームよりご連絡ください。

| HOME | 検索エンジン上位表示 | セミナー | ノウハウ | メルマガ 有料メルマガ |
|アフィリエイト入門 | PCソフト活用法 | HP作成&素材 | Koba8とは | サイトマップ |



■ホームページ作成入門/基礎編 ■ホームページ作成無料素材集・花1
■ホームページ作成入門/バナーを貼る ■ホームページ作成無料素材集・花2
■検索エンジン上位表示は自分でできる ■ホームページ作成無料素材集・花3










■リンクの貼り方/バナーの貼り方
ホームページビルダーや、FRONTページなどのソフトを使用してホームページを作成したのですが、相互リンクや、バナーを貼るには?
という質問がよくあるので説明します。

1. 自分のホームページを格納しているフォルダの該当するHTML(.htmlまたは.htmの拡張子のある)ファイルをクリックするとブラウザでそのページが表示されます。

2. ブラウザの[表示]メニューを開き[ソース]をクリックすると、そのページがメモ帳に表示されます。

3. 貼りたい場所を探します。見つからないときは貼りたい場所の前後の文字列をブラウザでコピーして、その文字列をメモ帳のメニューの[検索]をクリックして表示された画面の[検索する文字列]に貼りつけ[次を検索]ボタンを押すとみつかります。

4. 次のように打ち込みます
 <A HREF="リンク先のURL">リンク先の名前</A>
これで完了です。たとえばYahooへリンクを貼る場合は次のようにします。

 <A HREF="http://www.yahoo.co.jp">Yahoo!</A>

5. 今書いたこのページを上書き保存します。ブラウザの[更新]ボタンを押すとブラウザには、次のように表示されます。
 Yahoo!
これをクリックすればYahoo!にジャンプします。

ジャンプ先をテキスト表示ではなくバナー画像を入れるにはリンク先の名前部分に下記のように書きます。

<IMG SRC="バナーの画像の有る場所">

実際には下記のようになります。

 <A HREF="http://www.yahoo.co.jp"><IMG SRC="bn_yahoo.jpg"></A>

これを保存してブラウザの更新ボタンを押すと次のように表示されます。


 

これで完了です。このバナーをクリックれば、Yahooへジャンプします。
これをFTPでアップすれば完了です。

■PDFの貼り付け方

PDFの張り付け方も同様です。
下記はmansmpというフィオルダの中の
ffftptukaikata.pdf
をダウンロードするときの記述方法です。

 <A HREF="http://www.koba8.com/mansmp/ffftptukaikata.pdf">FFFTPの使いかたPDFダウンロード</A>



■MP3の貼り付け方

MP3の張り付け方も同様です。
下記はmansmpというフィオルダの中の
test.mp3
をダウンロードするときの記述方法です。

 <A HREF="http://www.koba8.com/mansmp/test.mp3">test.mp3のダウンロード</A>



■gif画像の貼り付け方

下記はmansmpというフィオルダの中の
test1.gif
を貼り付けるときの記述方法です。

 <img src="http://www.koba8.com/mansmp/test1.gif">



■jpgの貼り付け方

下記はmansmpというフィオルダの中の
test2.jpg
貼り付けるときの記述方法です。

 <img src="http://www.koba8.com/mansmp/test2.jpg">


■背景画像の貼り付け方

を背景画像に貼り付けるときの記述方法です。

<HTML>
<HEAD>
<TITLE>*****</TITLE>
<BODY BACKGROUND="**.jpg">


本文

</BODY>
<HTML>

下記はmansmpというフィオルダの中の
test2.jpg
を貼り付ける場合は
http://www.koba8.com/mansmp/test2.jpg
を指定します。このときは下記のようにします。
<BODY BACKGROUND="http://www.koba8.com/mansmp/test2.jpg">

サンプルページは下記をごらんください。
貼り付けサンプル


ホームページ作成入門・素材リンク集◆
HPStart7ホームページ入門基本から、設置、アップロード、FFFTPの設定などを初心者にもわかりやすく説明。
とほほのWWW入門ホームページ、HTML解説やスタイルシート,CGI,JavaScriptなどの詳細説明などホームページ作成に必要な情報を提供
ホームページ作成ルームホームページ、HTMLの基本からカウンタ、掲示板の取付方法、CGI/SSIの利用方法等、初心者にもわかりやすく説明。
SUPER HTML REFERENCEホームページ用リファレンスは、Netscape のブラウザで利用できるHTMLリファレンスです。
ホームページ作成入門このホームページはHTMLエディタ HyperEditに付属しているヘルプを元に作成した、ホームページを作ろうという人のためのホームページです。そのため、内容はHyperEditのヘルプと重なる部分が多くあります。ご了承ください。
リンクの貼り方教えてホームページ用:1と2の間辺りからはじめるHTML講座
正しいリンクの貼り方ホームページ用、正しいリンクの貼り方、リンクを貼るだけの場合、タグでリンクを貼る場合の記述例
リンクの貼り方と階層についてホームページ用のリンクの貼り方と階層について. リンクとは? ホームページ上のある場所をクリックすると他のページや同じページの離れた位置に 瞬時に移動できる仕掛け。
リンクの張り方・張られ方ホームページ用ウェブの仕組みは大変便利なものです。文法に従って、文書中に適当にアドレスを書けば、そこをクリックする事によってそのアドレスにある他の文書(や画像)を呼び出して表示することができます。
初めてのホームページ講座ホームページ用HTML,スタイルシート,JavaScriptのサンプルなどの説明
ページの情報に関するタグホームページ用HTMLファイルの基本構造,ページにタイトルをつけようなどの基本を説明
Instantホームページ用簡単なフォームに記入してボタンを押すだけで、ホームページを手軽に作成。ひな型作成に。
はじめのいっぽホームページビルダーで解説するホームページ制作記。
Parts Factory素材集ホームページ作成に使用する素材集を配布
やすらぎ庵ホームページ用かわいいアイコン素材をたくさん掲載しています
かっこいいWEBサイトを作るにはかっこいいWEBサイト、ホームページを作るには。WEBサイトはかっこいいのを作りましょう。でもどうやったらカッコいいのが出来るのかしら?カッコいいWEBサイト、ホームページ作りは感性の問題かしら?あなたもカッコいいのできます。 す
QPONのホームページ作成術ホームページ用動く鳥鳥、動く蝶の図鑑、花などの写真多数を展示、ホームページ作成に使用する写真を手でめくるように表示するツールや、動いてる蝶の写真を展示するツール、スライド、動画などの表示ツールも配布
パステルホームページ用イラスト、掲示板や日記用の素材セット。
1キロの小箱 ホームページ用サイズが 1キロバイト以下 のホームページ素材集です。
2-in Material Moon ホームページ用アイコン、ボタン、カウンター画像等。
3D夢倶楽部Bホームページ用 3Dタイトル画像の作成および提供。
AI World フリ〜素材集 ホームページで画像を使ってみよう♪、フリ〜素材集
Angelique ホームページ用チェック柄の壁紙が中心
Art and Technology for Networking ホームページ用: フリー素材集、Javaアプレット、JavaScriptを提供。初心者向けのCGI講座、サイト作成に関するアドバイス等も。
BAMBOO FACTORY ANNEXホームページ用背景、ボタン等。HTMLテンプレートの提供も。
Edge Design Works ホームページ用ボタン、壁紙、FLASH等の素材の提供。
Free Art Box ホームページ用花、風景、妖精等のファンタジー系素材。
Heart To Me(Misako or Sana) ホームページ用BMPやGIF形式のイラスト、ホームページ用の素材集、猫のお部屋、花やガーデニングのページなどを提供。
kerokeroの素材屋さん ホームページ用B背景、ボタン等、キャラクター画像等、ダウンロードフリーのホームページ用素材集を提供。
L'oasis 立体感のある動物等の素材を提供。
素材ホームページ用サンプル素材を見て探す素材
あらたさんちの WWW素材集ホームページ用の写真素材 花、風景、夜景など多数。ご自由に持っていって使ってください
Rの素材集(フリー素材集)ホームページを飾る透過素材を提供。動物アイコン・壁紙・GIFアニメ・i-mode対応の素材などを掲載した素材集。
世界の素材集 World free icons LINKホームページ用の日本中・世界中のcoolでフリーな素材集をあつめた リンク集です。かわいい素材集が多数登録されています。
素材集ネットホームページ用の素材集がダウンロードできる素材サイトのリンク集。カテゴリ別素材集 検索エンジン。人気素材集の投票ランキングなど
MBDL ホームページ用の背景画、アイコン、挿し絵、動画、音楽、音声、JavaScript等、個人、企業を問わずに使用できるフリーの素材集を提供。
Studio Media ホームページ用の鳥や花の写真、壁紙やアイコン等の素材、Windows用オリジナルフォントなどを提供。
ニカ国語サイトの作り方 ホームページ用個人サイト向けの英文ページメニュー例文、翻訳関連のリンク集。
KENT WEBホームページ用のフリーソフトで作るインタラクティブページ 掲示板、チャット カウンタ、パスワード制限 データ収集加工 などを配布
菊池さんの工作室ホームページ用のJavaScript、CGI等のサンプルと解説。万年カレンダー
JavaScriptリファレンスホームページ用のJavaScriptの日本語リファレンス。JavaScriptのサンプルプログラムのライブラリなど
誰にも聞けなかったCGIの設置方法ホームページ用、誰にも聞けなかったCGIの設置方法
Perl5ホームページ用のPerl初心者の部屋 Perl5の日本語マニュアル
フォームズホームページ用のメールアドレスを公開せずにメール送信フォームから送信できるので、スパムメール対策になる
FormManホームページ用のメールアドレスを公開せずにメール送信フォームから送信できるので、スパムメール対策になる。各種送信フォームあり。
プンプンソフトホームページ用のバナー画像作成ソフト「簡単バナー」を配布。無料で利用できる。BMP,JPEG,PINGなどが作成できる。背景のグラデーションも可能。5種類までの文字列を加工でき、縦書きも可能。背景や枠付け等も行えて、フリーソフトです。
メニュー
MT「戦略ブログテンプレート」 ネットで稼ぎまくる成功者の「ノウハウ」と「戦略ブログテンプレート」
情報起業でがっつり稼ぎたい 情報起業で成功したい! 情報起業でがっつり稼ぎたい、年収1000万円を情報起業で楽して稼ぎたい!
検索エンジン上位表示とは
HPに集客するためのノウハウは
情報起業でがっつり稼ぎたい
情報販売で成功するためのノウハウ
メルマガヒットの”超”読者獲得法 広告費ゼロで、スタート3ヶ月に、読者1000人獲得する8つの入り口』【無料レポートあり】
メルマガヒットの”超速メルマガ起業法” ゼロからスタートして3ヵ月後に、月収100万円! メルマガから始める、超スピード起業法 (PDF版 A4 約320ページ) 【無料レポートあり】
ザクザク稼ぐメールマガジン メルマガからザクザクと現金を掘り出す錬金術を全て公開!
メルマガウハウハモード! 畑岡さんがメルマガで紹介すると3万円の情報商材が80本も売れるその秘密のノウハウ【メルマガ発行者必見】
フツーのメルマガの21倍稼ぐ秘訣 どうやって稼げる起業家になるか、悩んでいる、そんなあなたに、田渕さんの経験をご紹介
アフィリエイトで稼げない悩みを解決 『一言』欄に『Koba8の紹介』と入力すればノウハウを!1000円引
売れるHP,稼ぐHP アフィリエイトで稼ぐHPを作成するには、バナーを貼っただけでは稼げません
ビジネスオーナー養成講座 ビジネスオーナー養成講座
売れる、稼げるネットショップ構築 ネットショップの経験豊かな山本さんのマニュアル。無料ダウンロード版があるので即ダウンロードがおすすめ。
株式投資入門初心者のための株式投資入門情報デイトレード基礎セミナー、デイトレード連勝法セミナー


■ホームページ作成入門/基礎編 ■ホームページ作成無料素材集・花1
■ホームページ作成入門/バナーを貼る ■ホームページ作成無料素材集・花2
■検索エンジン上位表示は自分でできる ■ホームページ作成無料素材集・花3

| HOME | 検索エンジン上位表示 | セミナー | ノウハウ | メルマガ 有料メルマガ |
|アフィリエイト入門 | PCソフト活用法 | HP作成&素材 | Koba8とは | サイトマップ |