目次:
ビデオ: Dreamweaver CS5使い方講座(ドリームウィーバー)リンクの設定とパス[動学.tv] 2024
Adobe Creative Suite 5（Adobe CS5）Dreamweaverでは、Webページにアンカーを作成することができます。 アンカー は、リンクと同じページまたは別のページのいずれかで、ページの特定のセクションへのリンクです。たとえば、Back to Topボタンをクリックしたときなど、おそらくアンカーを見たり、使用したりしています。アンカーは視聴者にとって非常に有用であり、可能な限り実装する必要があります。
Dreamweaverで簡単なアンカーを作成するには、次の手順を実行します。
<！ - 1 - >-
リンク先のページ上にカーソルを挿入します。
アンカーは、テキストの行の前に配置することも、それ自身の行に配置することもできます。
-
[挿入]パネルの[共通]カテゴリで[名前付きアンカー]ボタンをクリックします。
キーボードショートカットCtrl + Alt + A（Windows）またはCommand + Option + A（Mac）を使用してアンカーボタンをクリックすることを避けることができます。
-
ページ上のコンテンツまたは場所に関連する短い名前（TopOfPageなど）を入力します。
<！ - 2 - >アンカーは大文字と小文字が区別されますので、名前を決めるときはこれを念頭に置いてください。
-
OKをクリックします。
あなたのページに新しいアンカーが表示されます。
上：[名前付きアンカー]ダイアログボックスに簡単なアンカー名を作成します。ボトム：完成したアンカー。
あなたはアンカーを作成しましたが、リンクはまだありません。プロパティインスペクタまたはポイントツーファイルツールを使用して、アンカーをリンクとして手動で定義できます。
手動アンカーリンク
手動でアンカーにリンクすることで、作業中のページ内をリンクしたり、まったく別のページのアンカーにリンクを張ったりできます。
-
リンクになるテキストを選択します。
-
プロパティインスペクタが開いていない場合は、ウィンドウ→プロパティを選択します。
-
新しい名前付きアンカーにリンクするテキストを選択し、[挿入]パネルにある[ハイパーリンク]ボタンをクリックします。
-
[ハイパーリンク]ダイアログボックスで、[リンク]フィールドを探し、そのすぐ隣のドロップダウンリストをクリックします。
名前付きアンカーが選択肢として表示されます。
-
アンカーを選択して適用し、[OK]をクリックします。
[ハイパーリンク]ダイアログボックスでアンカー名を選択します。
プロパティインスペクタのアンカーリンク
ページにリンクして、プロパティインスペクタからアンカーリファレンスを追加することもできます。たとえば、別のページからこのスポットにリンクする場合は、そのページ上の要素を選択し、リンクテキストボックス（HTMLビューで）にページ名、シャープ記号（#）、および名前を入力します 鳥などのアンカーの一部です。 html#canary
このアクションは、ブラウザーに鳥ページを指示し、そのページ内のカナリーアンカーに指示します。
アンカーがパイプ記号（|）で区切られていることがよくあります。このタイプの文字は、Shift +を押して作成できます。バックスラッシュキーは、Enterキー（Windows）またはReturnキー（Macキー）のすぐ上にあります。
ファイルアンカーリンクをポイントする
アンカーを作成するためのハイパーリンクを作成するために以前使用したのと同じクールなポイントファイルを使用することができます。プロパティインスペクタの「ポイントツーファイル」アイコンは、ページ上に作成したアンカーをターゲットにすることもできます。
-
あなたのページのリンクとして使用するテキストを選択します。
-
プロパティインスペクタで、「リンク」フィールドの横にある「ファイルへのポイント」アイコンを見つけ、アイコン上をクリックしてドラッグし、ページ上のアンカーアイコンの上に直接矢印を放します。
テキストがアンカーにリンクされ、アンカーの名前がプロパティインスペクタのリンクテキストフィールドにポンド記号（ #canary など）の前に表示されます。
