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