1,別のページにリンクする
3ページが出来たところで各ページ間を行ったり来たり出来るようにリンクを貼ってみましょう。
トップページのindex.htmからlink.htmやme.htmへ {htmlの方はindex.htmlに読み替えてください}
1.index.htmのファイルを開いて「リンク」の文字をドラッグ
メニューバーから「挿入」→「リンク」を選択。 またはツールボタンからリンクの挿入ボタンをクリック
2.[ファイルへ] タブをクリック
3.[参照] ボタンをクリック
4.リンク先のファイル名を指定し確認後、[開く] ボタンをクリック。

同じように「プロフィール」の文字をクリック後、me.htmにリンクを貼ってみましょう。
またlink.htmのページからは、ページの一番下につけた文字または画像からトップページindex.htmに戻れるようリンクを貼ってみましょう。
全部リンクが張れたら、ページを上書き保存。
そしてIEを起動しリンクが本当に貼れているかどうか、確認しましょう。
特別に問題がないようでしたら、ターゲット先はそのまま空欄で
ターゲット先とは
| 新しいウィンドウ |
_blank |
リンク先のページを新しい (別の) ウィンドウで表示 |
| 親ウィンドウ |
_parent |
親フレームで表示 |
| 同一ウィンドウ |
_self |
リンク元と同じ場所で表示 |
| 全画面 |
_top |
フレームを完全に消して表示 |
特にフレームでページを作成した場合は、ターゲット先が大事になります。
自分のページ内で外部のページを表示しないようにしましょう。
なのでモグミは、フレームでのページ作成は嫌いです。(笑)
フレームは、ページのナビゲーションが簡単なようですが、ターゲット先を間違えたり、検索で飛んできた人は、フレーム内の一ページしか表示されなくて?困ったなぁの場合もあります。
2.同じページ内にリンクする(ラベル リンク)
このページの下にあるような「▲↑へ」のリンクの方法
リンク先にラベルを付けます。
- ラベルを付けたい文字列、このページの場合はページのトップにある画像
を選択。
- メニューバーから「挿入」→「リンク」を選択。
- [ラベルを付ける] タブをクリック。
- [ラベル] に好きな名前を半角の英数字(この場合top)で入力。 [OK] ボタン
- ラベルが付いた文字列には点線の下線が付きます。
作成したラベルへのリンクを設定。
- メニューバーから「挿入」→「リンク」を選択。
- [ラベルへ] タブをクリック。
- [ラベル] ボックスの右にある ▼をクリック、リンク先のラベルの名前 (top) を選択。 [OK] ボタン
*ホームページ作成ソフトによっては、[ラベル]のことを[アンカーポイント]、[ブックマーク]と言われています。
タグでは、<a href="#top">など#〜〜となります。
3.外部のサイトへリンクする
link.htmのページで自分のホームページエリア以外の外部へリンクする場合
- メニューバーから「挿入」→「リンク」を選択。
- [URL へ] タブをクリック。
- [URL] にリンクしたい Web ページの URL アドレスをコピーして貼り付け。
または、ブラウザを起動し、リンクしたい Web ページを開き、「属性」ダイアログの [URL をブラウザより取得] ボタンをクリック 。
このときの注意「ターゲット先」 外部のサイトなので、新しいウィンドウでもよいかしら、お好みで。
4.メールへのリンク
リンクの挿入画面→メールへ
→宛先にメールアドレスを入力
5.リンクを解除する リンクを貼った文字・画像の上で右クリック。そのメニューの中から「リンクの解除」をクリック。
これでリンクは、解除されます。

残りのコンテンツのページも作成し、それぞれリンクを貼ってみましょう!
IEを起動しリンクを、確認しましょう。
次へ(FTP〜ファイル転送)
▲↑へ |