ホームページ・ビルダーでWEBサイトを作ろう

リンク

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.同じページ内にリンクする(ラベル リンク)

 このページの下にあるような「▲↑へ」のリンクの方法

リンク先にラベルを付けます。

  1. ラベルを付けたい文字列、このページの場合はページのトップにある画像 を選択。
  2. メニューバーから「挿入」→「リンク」を選択。
  3. [ラベルを付ける] タブをクリック。
  4. [ラベル] に好きな名前を半角の英数字(この場合top)で入力。 [OK] ボタン
  5. ラベルが付いた文字列には点線の下線が付きます。

作成したラベルへのリンクを設定。

  1. メニューバーから「挿入」→「リンク」を選択。
  2. [ラベルへ] タブをクリック。
  3. [ラベル] ボックスの右にある ▼をクリック、リンク先のラベルの名前 (top) を選択。 [OK] ボタン

*ホームページ作成ソフトによっては、[ラベル]のことを[アンカーポイント]、[ブックマーク]と言われています。   タグでは、<a href="#top">など#〜〜となります。

 


3.外部のサイトへリンクする

link.htmのページで自分のホームページエリア以外の外部へリンクする場合

  1. メニューバーから「挿入」→「リンク」を選択。
  2. [URL へ] タブをクリック。
  3. [URL] にリンクしたい Web ページの URL アドレスをコピーして貼り付け。
    または、ブラウザを起動し、リンクしたい Web ページを開き、「属性」ダイアログの [URL をブラウザより取得] ボタンをクリック 。

このときの注意「ターゲット先」 外部のサイトなので、新しいウィンドウでもよいかしら、お好みで。


4.メールへのリンク

リンクの挿入画面→メールへ

→宛先にメールアドレスを入力

 

 

 

 

5.リンクを解除する

リンクを貼った文字・画像の上で右クリック。そのメニューの中から「リンクの解除」をクリック。
これでリンクは、解除されます。


  

 残りのコンテンツのページも作成し、それぞれリンクを貼ってみましょう!

IEを起動しリンクを、確認しましょう。

次へ(FTP〜ファイル転送)

▲↑へ

気分はゴムとびパソコンde遊ぼう(ホームページビルダーでWEBサイトを作ろう)