前のパートの操作の後、Web ページは写真とテキストで示され、かなりの効果が得られました。しかし、Web ページ内の多くの Web ページが有機的な全体になるためには、これだけでは十分ではありません。スーパーリンクで処理されるため、閲覧者は異なるページ間を移動できます。
1. 画像とテキストをリンクする
リンクにしたい画像やテキストをマウスで選択し、リンク先のページのアドレスを入力するだけで、テキストや画像へのリンクを作成することができてとても便利です。プロパティ パネルの [リンク] 入力ボックスでジャンプするか、入力ボックスの横にあるフォルダー アイコンを押して、ジャンプ先のファイルを選択します。さらに、Dreamweaver MX 2004 には、Web サイトのウィンドウからファイルをすばやくリンクする方法も提供されています。
ステップ 1: まず、「サイト→サイトの管理」コマンドを実行し、ポップアップ メニューから既に作成されているサイトを選択します。この時点で、右側にポップアップ サイト管理ウィンドウが表示されます。
ステップ 2: 編集領域でテキストまたは画像を選択し、プロパティ パネルの [リンク] 入力ボックスの横にある円形のターゲット アイコンを直接ドラッグします。矢印が Web サイト マネージャーのファイルを指す場合に表示されます。ファイルの周囲にボックスが表示されます (図 1)。
図1
ステップ3: マウスを放すと、選択したテキストの下部に下線が表示され、単語の色が青に変わり、ターゲットファイルのアドレスが「リンク」入力ボックスに自動的に表示されます。 。
ヒント: リンクを確立するときは、URL の 2 つの方法に注意する必要があります。 1.絶対アドレス: www など。 abc. com/test. htm; 2.相対アドレス: download/1 など。 htm、説明ページ 1。 htm はサーバーのルート ディレクトリにあります。
2. 1 つの画像上に複数のリンクを設定する
Web ページによっては、画像の異なる位置をクリックすることで別のページにアクセスできるようにすることができます。これを実現するには、以下の手順に従ってください。
ステップ 1: Dreamweaver MX 2004 では、まず画像を選択します。この時点で、画像のプロパティ パネルに「マップ」領域が表示されます。その下に、長方形、円、多角形の 3 つの水色のツール アイコンがあります。
ステップ 2: 必要に応じてマウスを使用してそれらの 1 つを選択し、マウスを画像に移動して水色の領域をドラッグします。
ステップ 3: プロパティ パネルの [リンク] 入力ボックスにリンクする Web ページのアドレスを入力すると、イメージ ホット エリアが準備されます。
同様に、この画像に複数の画像ホット領域を設定すると、画像の別の領域をクリックして別のページに入ることができます。
3. ページ内のジャンプ リンクをカスタマイズする
オンラインで無料の電子雑誌を購読することが多い場合、または非常に長いページを閲覧する場合は、この種のタグ付きリンクに簡単にジャンプできることをよく知っているはずです。ページ内の任意の部分。
ステップ 1: Dreamweaver MX 2004 では、まずリンクが指す場所、つまり画面がジャンプした後にリンクが留まる場所を決定します。次に、ターゲットのテキストを選択して、「挿入→名前付きアンカー」コマンドを実行します。
ステップ 2: 「アンカー名」入力ボックスにラベル名 (test3 など) を入力します。このとき、通常のテキスト コンテンツと区別するために、テキストの下にアンカー タグが自動的に表示されます (図 2)。
図 2
ステップ 3: プロパティ ボードの [リンク] 入力ボックスに「#test3」と入力します。test3 は、先ほど設定した名前です。これにより、ページ ジャンプ機能が実現されます。
ヒント: 別のページの特定の場所をポイントしたい場合は、このアンカー タグをそこに配置するだけです。
4. Web リンクをすぐに確認します
。インターネットをサーフィンしているときに最も迷惑なのは、「Web サーバー エラー 4004: ファイルが見つかりません」などのエラー メッセージが表示されることです。 Web サイトにはリンクがたくさんあるので、少し注意するとリンクエラーが多発しますが、Dreamweaver MX 2004 では簡単にリンクを確認できます。
ステップ 1: Dreamweaver MX 2004 で「サイト→サイドワイドのリンクを確認」コマンドを実行すると、リンク チェック パネルがアクティブになります。
ステップ 2: パネルの左上部分にある [表示] ドロップダウン メニューから、Broken Links (壊れたリンク)、Extranal Links (外部リンク)、および OrphanedFiles (孤立したファイル) を選択できます。 「孤立したファイル」を選択すると、Dreamweaver MX 2004 は現在のリンクのステータスを確認し、孤立したファイルのリストを表示します。
ステップ 3: 問題のあるファイルについては、マウスの左ボタンをダブルクリックして開き、変更します。
ヒント: 外部リンクは外部 Web サイトにリンクするリンク アドレスであり、Dreamweaver ではその正確性を確認できません。
Web ページへのリンクを確立するときは、特に注意する必要があります。Web サイトには通常、何百ものページがあるため、注意しないと空のリンクや間違ったリンクが作成され、Web サイトのイメージに非常に悪影響を及ぼします。良い影響を与えます!