Dreamweaverでハイパーリンクを作成するためのステップバイステップガイド

ハイパーリンクは、クリックすると、別のオンラインドキュメントやWebページ、グラフィック、ムービー、PDF、またはサウンドファイルにリンクする、単語または数語のテキストです。 Adobe Creative Cloudの一部として利用可能なAdobe Dreamweaverを使用してリンクを作成する方法を学習します。

Dreamweaverでのハイパーリンクの作成

次のように、別のオンラインファイルまたはWebページへのハイパーリンクを挿入します。

  1. カーソルを使用して、ファイル内のリンクテキストの挿入ポイントを選択します。
  2. リンクとして使用するテキストを追加します。
  3. テキストを選択します。
  4. [ プロパティ]ウィンドウが開いていない場合は開き、[ リンク ]ボックスをクリックします。
  5. Web上のファイルにリンクするには、そのファイルのURLを入力するか貼り付けます。
  6. あなたのコンピュータ上のファイルにリンクするには、ファイルリストからファイルアイコンをクリックしてそのファイルを選択します。

イメージをクリック可能にしたい場合は、テキストの代わりに上記の手順に従ってください。 画像を選択し、[ プロパティ]ウィンドウを使用してテキストリンクと同じURLを追加するだけです。

必要に応じて、リンクボックスの右側にあるフォルダアイコンを使用してファイルを探すことができます。 選択すると、URLボックスにパスが表示されます。 [ファイル選択 ]ダイアログボックスで、[ 相対 ]ポップアップメニューを使用して、リンクをドキュメント相対またはルート相対として指定します。 [ OK]をクリックしてリンクを保存します。

WordまたはExcelドキュメントへのリンクの作成

既存のファイルにMicrosoft WordまたはExcelドキュメントへのリンクを追加することができます。

  1. デザインビューでリンクを表示するページを開きます。
  2. WordまたはExcelファイルをDreamweaverページにドラッグし、必要な場所にリンクを配置します。 [ ドキュメント挿入 ]ダイアログボックスが表示されます。
  3. リンク作成」をクリックし、「 OK」を選択します。 ドキュメントがサイトのルートフォルダの外にある場合は、そこにコピーするように求められます。
  4. あなたのWebサーバにページをアップロードして、WordまたはExcelファイルもアップロードしてください。

電子メールリンクの作成

次のように入力してメールリンクを作成します。

mailto:メールアドレス

「電子メールアドレス」を電子メールアドレスに置き換えます。 視聴者がこのリンクをクリックすると、新しい空のメッセージウィンドウが開きます。 宛先ボックスには、電子メールリンクで指定されたアドレスが入力されます。