★ホームページビルダー講座
リンクメニューの作り方
リンクメニューを使うことで、ある1つのページのメニューを更新すれば
ほかのページのメニューも更新されますので、各ページを開いてメニューを
つけ足す必要がなく便利です。
 まず、共通メニューを作るページのなかで
「親ページ」を決めます。

サイト全体の共通メニューの場合は、
トップページである「index.html」を
親ページにしておくとよいでしょう。
  制作中のサイトを開いてから
トップページ index.htmlを開き、
リンクメニューを挿入するセルに
カーソルを入れます。

セルの中でカーソルの位置は
上下中央揃えになっていますから、
いったん上揃えにしておきましょう。
 TOP  
  左のナビメニューから、
「レイアウト部品の挿入」
→リンクメニュー をクリックします。 
 TOP  
  
まず下の方の□サイト共通メニューにチェックを入れてから、
[新規にリンクメニューを作成]の ラジオボタンにチェックを入れます。
 TOP  
  
 項目の追加を繰り返して、メニューに使う項目を作ります。
[項目の追加]ボタンをクリックし
 TOP  
 
メニュー名を入力してOKをクリックします。
※ここで、リンク先のページを決めることもできますが、あとで
リンクの設定をすることもできますので、後にする場合はそのまま
OKをクリックします。
 TOP  
 
 上記の手順を繰り返して、すべてのメニューを入力し、
リンクメニューの名前を半角入力してから
次へをクリックします。
 TOP  
 
 次に、メニューの形を選びます。
縦型メニューか横型メニュー化を選んで
完了をクリックします。 
 TOP  
  これで、リンクメニューが先ほどのセルに
入りました。
あとは、ロゴにしたり
色を変えたりリンクを設定します。 
 リンクを設定しよう
  ここから先は、リンク先の
設定についての説明です。 

まず、上から順番にリンク先を設定します。
HOMEと書かれた部分のどこかをクリックし
Ctrl+Jキーを押すか、または
右クリック→リンクの挿入で、ダイアログを
出します。
 TOP  
  「ファイルへ」タブが選択されているのを 
確認してから、参照をクリックします。
ここでは、仮のリンク先として
#が入っています。
 TOP  
  
 HOMEのリンク先はトップページ、つまりindex.htmlというファイルです。
サイトフォルダの中から、indexを選んで、
ダブルクリックするか、選択して【開く】をクリックまたはエンターします。
 TOP  
  ファイル名のところに文字が入ったことを
確認し、OKをクリックします。 
 TOP  
 
2つめのメニューも、同様にリンク先を
設定します。
書いてある文字とファイル名が 違わないよう
注意しましょう。
他のページにも 同じリンクメニューを入れるには
  ここからは、次のページさっき作った
にリンクメニューを入れる方法です。


トップページと同じ部分にカーソルを
入れます。
 TOP  
「レイアウト部品の挿入」→リンクメニュー
をクリックします。 
TOP    
 
 親ページとクリックする場所が少し違います。
まず、【サイト共通メニュー】にチェックを入れてから、
◎サイト内に作成済みのサイト共通メニューを挿入 にチェックを入れます。
 TOP  
  
 すでに作ってあるリンクメニューが複数ある場合は、
その中からプレビューを見ながら目的のメニューを選択して
完了をクリックします。
 TOP  
  これで、次のページにも
リンクメニューが挿入されました。
この調子ですべてのページに
リンクメニューを追加しましょう。

同じメニューが入っているページは、
どこかひとつのページのリンクを更新したり
追加削除すれば、他のページのリンクメニューも同様に変更が反映するので便利です。

いちいち各ページを開いて
メニューを修正する必要はありません。
 
以上でリンクメニューの挿入方法は完了です。
あとは普通の表と同じように、セルに色をつけたり
文字の就職をお願いします。
ロールオーバー効果をつけることもできます。

お疲れ様でした
DSPCSCHOOL
ITビジネス科