<<MENU>>

ファイルに保存

ファイルを開く

文字・大きさ・色

背景色の変更
背景に画像設定

画像の貼り付け

音の貼り付け

表の貼り付け

水平線・色・太さ

記号や番号など

スクロール文字

別ページにリンク

同ページ内リンク

動画の貼り付け

アップロード

HTMLタグ関係

FAQのページへ

SharePoint Designerメニュー

講座トップへ

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


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

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

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

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

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

文大杉並のページへ


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

文大杉並のページへ


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

別ページにリンクを張る(URLを設定)・その1

上の画面中でURL(U):という枠内に、リンク先のURLを入力して『OK』ボタンを押します。

別ページにリンクを張る(URLを設定)・その2

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

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






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

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



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