Expression Web4－別ページにリンク－

他のページにリンクを張るというのは、今見えているページ上のある部分をクリックすると別のページを表示するような仕組みを作ることです。

この機能もホームページを作る上では必須のテクニックではあるが、直接タグを書いていくのは難しいです。興味がある人はこの解説の１３．ＨＴＭＬタグ集を参考にしてみましょう。

タグでリンクを張る操作は以外と難しいが、フロントページのようなホームページ作成ソフトを利用すれば、比較的簡単にリンクを張ることができます。それでは、その方法を解説しましょう。

１．

先ず初めに、リンク先のページについての短い説明を書きます。

例えば、文大杉並のホームページへリンクを張りたい場合には『文大杉並のページへ』等という説明をホームページのどこかに書きます。ここでは下の枠内に書きました。

文大杉並のページへ

２．

次に、その説明の部分をマウスで選択します。説明の部分をマウスで選択すると右の枠内のように選択した範囲が反転表示されます。

文大杉並のページへ

３．

上の状態のまま、メニューバーから『挿入』・『ハイパーリンク』という順番でメニューをたどると画面は次のように変化します。

別ページにリンクを張る（URLを設定）・その１

上の画面中でＵＲＬ（Ｕ）：という枠内に、リンク先のＵＲＬを入力して『ＯＫ』ボタンを押します。

別ページにリンクを張る（URLを設定）・その２

ここのＵＲＬの枠内には、インターネット上のＵＲＬの他、任意の場所のファイル名を指定することもできます。
この場合はエクスプローラのマークのボタンを押して、通常と同様にファイルを選択するだけでよいです。

このようになるので、ここをクリックすればリンク先へ飛ぶことができます。
↓

文大杉並のページへ

<<参考>>リンクの張り方に関するタグ解説のページへ

４．

上記の操作をするとそのページへリンクが張れたので、画面上の色(ＭＳＩＥで『リンク先に指定したときの色』や『訪問したことがあるリンク先に指定した色』)が変わり、同時にアンダーライン（このアンダーラインも指定してある場合）が引かれます。

SharePoint Designerでファイルを保存後、MSIEを起動してリンクがきちんと張れているかを確認してみょう。
『プレビュー』タグをクリックして、擬似的に確認してもよいです。

課題16のページへ課題36のページへ課題40のページへ最初のページへ