Home / Index / Prev / Next

13.リンクを張る

■ ページ間のリンク

トップページからコンテンツのページにリンクを張ります。
最初に「スキー場の紹介」のページへリンクを張るので、文字列を範囲指定します。
トップページでリンク範囲指定
構成ツールバーのリンクアイコンをクリックするか、右クリック→[リンクを作成(K)] をクリックすると、[リンクのプロパティ] ダイアログボックスが開くので、[ファイルを選択(O)] ボタンをクリックします。
リンクのプロパティダイアログ
[HTML ファイルを開く] ダイアログボックスから、「スキー場の紹介」ページを保存したファイルを選択すれば、リンクを張ることができます。
同じように、「スキー日記」・「プロフィール」のページへもリンクを張りましょう。

続いて、逆にコンテンツのページから、トップページにリンクを張ります。
コンテンツのページには先にリンクを張るための文字列を入れる必要があるので、ページの一番上とか、一番下などのわかりやすいところに、「HOME」、 「トッ プページへ戻る」などを記入してから、トップページと同じように、[リンクのプロパティ] ダイアログボックスを開いてリンクを張ります。
先に文字列を入れなくても、文字列を入れたいところで、リンクアイコンをクリックすると、 [リンクのプロパティ] ダイアログボックスでリンクの文字列を入力することができます。
リンクのプロパティダイアログ

■ リンクの削除

リンク設定を削除リンクを張った文 字列のリンクを削除したい時は、リンク文字列を範囲指定してから、右クリック→[リンク設定を削除(N)] をクリックすると、文字列を残してリンクが削除されます。
リンク文字列も削除したい時は、範囲指定して [Delete] キーを押します。

■ リンク集のページ

表の作り方とリンクの張り方を覚えれば、リンク集は簡単に作ることができるので、自分のお気に入りのホームページや、自分が作ったホームページのビジター さんに参考になるようなホームページにリンクを張りましょう。

「スキー大好きっ!」を作っているので、スキーに関係するホームページにリンクを張ります。
構成ツールバーのテーブルアイコンを クリックして、[表の挿入] ダイアログボックスを開き、とりあえず、3行×2列の表を作ります。






1列目にはリンク先ホームページの名前、2列目にはそのホームページの紹介文を入れます。
POPSNOW net
全国約560スキー場の情報と約450スキー場の積雪情報を幅広くご紹 介。
bravoski.com
自由滑走人を応援するスキーウェブマガジン。
skinet.jp
スキー総合情報サイト。ノースランド出版が運営。
ホームページの名前を範囲指定してから、[リンクのプロパティ] ダイアログボックスを開き、[リンクの場所] にリンク先ホームページの URL を入れて、[OK] をクリックします。
POPSNOW net
全国約560スキー場の情報と約450スキー場の積雪情報を幅広くご紹 介。
bravoski.com
自由滑走人を応援するスキーウェブマガジン。
skinet.jp
スキー総合情報サイト。ノースランド出版が運営。
後は、見やすいように色をつければ完成です。
POPSNOW net
全国約 560スキー場の情報と約450スキー場の積雪情報を幅広くご紹介。
bravoski.com
自由滑走 人を応援するスキーウェブマガジン。
skinet.jp
スキー総 合情報サイト。ノースランド出版が運営。

リンク用の画像ファイル(バナー)を用意しているホームページにリンクを張る場合は、バナーを貼り付けてから [画像のプロパティ] ダイアログボックスを開いてリンクタブをクリックし、リンク先 URL を入力します。


1列目にカーソルを置き、構成ツールバーの画像アイコンをク リックして [画像のプロパティ] ダイアログボッ クスを開きます。
[画像の場所(L)] に、バナー画像の URL、[ツールチップ(T)]・[代替テキス ト] に説明を入れてから、上のリンクタブをクリックして、リンク先ホームページの URL を入力し、[OK] をクリックします。
画像のプロパティでリンクを張る
後は、コメントを記載し、背景色をつけてできあがり。
もじら組ホームページへリンク
もじら組 (mozilla.gr.jp)は、日本での Mozilla 関連の情報発信源として、「まず、これだけは必要だよね」という情報を集めたポータルサイトです。

<table style="width: 80%; text-align: left;" border="1" cellpadding="2"
cellspacing="2">
 <tbody>
  <tr>
   <td style="background-color: rgb(204, 204, 255); vertical-align: top;">
    <a href="http://www.mozilla.gr.jp/">
    <img alt="もじら組ホームページへリンク" title="もじら組ホームページへリンク" src="image/mozillagrjp_banner.png" style="border: 0px solid ; width: 88px; height: 31px;"></a>
   </td>
   <td style="vertical-align: top; background-color: rgb(255, 204, 204);">
もじら組(mozilla.gr.jp)は、日本での Mozilla 関連の情報発信源として、
「まず、これだけは必要だよね」という情報を集めたポータルサイトです。
   </td>
  </tr>
 </tbody>
</table>
ソースには、<table>要素の中に、<tbody>要素、行を指定する<tr>要素、セルを指定する< td>要素、リンクを指定する<a>要素、画像を指定する<img>要素が、それぞれ開始タグと終了タグのセットで記入さ れています。

いろいろなホームページを見れば、みんな工夫してリンク集を作っているので、それらを参考にして素敵なリンク集を作ってください。

他のホームページへのリンク
他人が作ったホームページは、作った人が著作権を持っていますが、もともとホームページは公開することを前提にしているので、単にリンクを張るだけなら自 由に 行うことができます。ただし、法的に問題がないとしても、リンクの許可を求めているホームページについては、念のため、一言断ってからリンクを張ったほう が良いでしょう。
なお、リンク先ホームページが自分のホームページのフレームの一部に読み込まれるなど、あたかも自分のホームページの一部に見える ようなリンクの張り方をすると著作権侵害となるおそれがあるので注意が必要です。
※Composer にフレームを作成する機能はありません。

Home / Index / Prev / PageTop / Next
© 超初心者のためのホームペー ジ作成講座