プロジェクトファイルをダウンロードして保存します。Dreamweaverでcreate-hyperlinks.htmlを開き、「分割」ビューでソースコードを表示します。

表示／分割／上下に分割 を選択します。これでコードビューとライブビューが上下に表示され、HTMLが読みやすくなります。

までスクロールし、最初のメニュー項目「ABOUT」を見つけます。

まず、「ABOUT」の前後にアンカータグ（ ）を追加します。次に、 開始タグにhref=" " 属性を追加します。クォーテーション（" "）内に完全なweb URL http://www.nasa.govを入力します。

外部webサイトのページにリンクを設定する場合は、別のペインで開く設定にすると、元の自分のサイトを表示したままにすることができます。そのためには、target="_blank" 属性を追加します。

webサイトは複数のページまたはドキュメントで構成される場合が多く、メインメニューなどに設定されているリンクをクリックしてページ間を移動するのが一般的です。この例では、プロジェクトファイルに含まれるgallery.htmlをリンク先とします。

まず、「IMAGES」の前後に を追加します。次に、 開始タグにhref=" と入力して、一覧からgallery.htmをクリックで選択します。

webサイトのページによってはコンテンツが多く、表示するのにスクロールが必要なことがあります。そのような場合はアンカーリンクを設定すると、クリックしたときに同じページ内の別のセクションに移動できます。アンカーリンクは2段階で設定します。

まず、同じページ内のリンク先となるセクションに固有のidを設定します。練習用のファイルには既にsection2AというIDが定義されています。42行目前後にある

次に、ナビゲーションメニューの「ARTICLES」の前後に タグを追加します。そして、href=" " 属性を追加します。クォーテーション（" "）内に、上記と完全一致するidを入力し、先頭にハッシュタグ（#）を付けます。

「ブラウザーでプレビュー」をクリックしてブラウザーを選択し、ハイパーリンクをテストしてください。

ファイルを保存してから、変更結果を確認してください。