Dreamweaver 4 簡潔なチュートリアル (6. ハイパーリンクの作成)

著者：Eve Cole 更新時間：2009-05-30 18:35:55

6. ハイパーリンクの作成

リンクと呼ばれるハイパーリンク (リンク) は、ページ間の一方向の関係です。リンクをクリックすると、あるページから別のページにジャンプできます。テキストや画像にリンクを作成できます。

1. テキストリンク

以下に示すように、リンクする必要があるページ上のテキストを選択します。

プロパティパネルの [リンク] 項目にリンクアドレスを入力します。閲覧者がリンクをクリックすると、ブラウザはそのページに戻ります。たとえば、ここに入力されるのは http://www.goeway.com です。

新しいウィンドウでページを開きたい場合は、ターゲットで「_balnk」を選択できます。
Web サイト内のファイルにリンクする場合は、

上の図では、テキストをファイルindex2.htmにリンクしています。下部の「相対パス」オプションに特に注意してください。これは、デフォルトでは「ドキュメント」を選択しますが、「サイトルート」を選択することもできます。違いは、次に示すように、Document It は相対パスがこのページから計算されるのに対し、Site Root はルートディレクトリ (つまり「/」) から計算されることを意味します。

また、サイトルートモードで作成したリンクを使用する場合、ローカルハードディスク上で直接ページを開いて閲覧する場合は通常エラーが発生しますが、Dreamweaver の事前閲覧モードやサイトへのアップロード後は問題ありません。サーバ。
2. 画像リンク

画像リンクの設定手順はテキストリンクの場合と同様ですので、詳しくは説明しません。ただし、特に注意しなければならないのは、リンクを追加した後に一部の画像に青い枠線が表示されることです。枠線を削除するには、枠線を 0 に設定するだけです。

3. ホットゾーンリンク

先ほど紹介した画像リンクは、1つの画像に1つのリンクしか対応できないのでしょうか？答えは「はい」です。画像を選択すると、プロパティパネルに [マップ] オプションが表示されます。

で：

長方形のホットゾーンを作成し、

プロトタイプのホットゾーンを作成し、

多角形のホットゾーンを作成します。たとえば、ここをクリックすると、カーソルが十字に変わり、青い長方形のホットゾーンが画像上に描画されます。

現時点で対応するプロパティパネルは次のとおりです。

同様に、Link にリンクアドレスを入力します (「#」は空のリンクを表します)。Alt は、図の Alt と同様に、マウスがホットスポットをポイントしたときに表示されるテキストです。私たちは通過できます

別のホットゾーンを選択し、ホットゾーンの四隅にある制御点を調整して熱量を調整します。ホットゾーンを通じて、オランウータンの目のリンクと口のリンクを作成して、別のページにリンクできます。
リンクに関するヒント

1. 電子メールアドレスにリンクする場合は、「mailto: アドレス」というリンクを入力します (例: mailto:[email protected])。リンクをクリックすると、デフォルトの電子メールプログラムが次のようになります。たとえば、Outlook を開き、アドレス [email protected] に電子メールを送信します。

2. exe、Zip など、ブラウザで開けないファイルへのリンクの場合、閲覧者がリンクをクリックすると、ハードディスク上のファイルの保存場所を尋ねるダイアログボックスが表示されます。 . ファイルダウンロード機能を実現します。