 |
| リンクメニューの作り方 |
リンクメニューを使うことで、ある1つのページのメニューを更新すれば
ほかのページのメニューも更新されますので、各ページを開いてメニューを
つけ足す必要がなく便利です。 |
|
まず、共通メニューを作るページのなかで
「親ページ」を決めます。
サイト全体の共通メニューの場合は、
トップページである「index.html」を
親ページにしておくとよいでしょう。 |
 |
制作中のサイトを開いてから
トップページ index.htmlを開き、
リンクメニューを挿入するセルに
カーソルを入れます。
セルの中でカーソルの位置は
上下中央揃えになっていますから、
いったん上揃えにしておきましょう。 |
 |
|
 |
左のナビメニューから、
「レイアウト部品の挿入」
→リンクメニュー をクリックします。 |
 |
|
|
まず下の方の□サイト共通メニューにチェックを入れてから、
[新規にリンクメニューを作成]の ラジオボタンにチェックを入れます。 |
 |
|
 |
項目の追加を繰り返して、メニューに使う項目を作ります。
[項目の追加]ボタンをクリックし |
 |
|
|
メニュー名を入力してOKをクリックします。
※ここで、リンク先のページを決めることもできますが、あとで
リンクの設定をすることもできますので、後にする場合はそのまま
OKをクリックします。 |
 |
|
|
上記の手順を繰り返して、すべてのメニューを入力し、
リンクメニューの名前を半角入力してから
次へをクリックします。 |
 |
|
|
次に、メニューの形を選びます。
縦型メニューか横型メニュー化を選んで
完了をクリックします。 |
 |
|
 |
これで、リンクメニューが先ほどのセルに
入りました。
あとは、ロゴにしたり
色を変えたりリンクを設定します。 |
| リンクを設定しよう |
 |
ここから先は、リンク先の
設定についての説明です。
まず、上から順番にリンク先を設定します。
HOMEと書かれた部分のどこかをクリックし
Ctrl+Jキーを押すか、または
右クリック→リンクの挿入で、ダイアログを
出します。 |
 |
|
 |
「ファイルへ」タブが選択されているのを
確認してから、参照をクリックします。
ここでは、仮のリンク先として
#が入っています。 |
 |
|
|
HOMEのリンク先はトップページ、つまりindex.htmlというファイルです。
サイトフォルダの中から、indexを選んで、
ダブルクリックするか、選択して【開く】をクリックまたはエンターします。 |
 |
|
 |
ファイル名のところに文字が入ったことを
確認し、OKをクリックします。 |
 |
|
|
2つめのメニューも、同様にリンク先を
設定します。
書いてある文字とファイル名が 違わないよう
注意しましょう。 |
| 他のページにも 同じリンクメニューを入れるには |
 |
ここからは、次のページさっき作った
にリンクメニューを入れる方法です。
トップページと同じ部分にカーソルを
入れます。 |
 |
|
 |
「レイアウト部品の挿入」→リンクメニュー
をクリックします。 |
|
|
 |
親ページとクリックする場所が少し違います。
まず、【サイト共通メニュー】にチェックを入れてから、
◎サイト内に作成済みのサイト共通メニューを挿入 にチェックを入れます。 |
 |
|
|
すでに作ってあるリンクメニューが複数ある場合は、
その中からプレビューを見ながら目的のメニューを選択して
完了をクリックします。 |
 |
|
 |
これで、次のページにも
リンクメニューが挿入されました。
この調子ですべてのページに
リンクメニューを追加しましょう。
同じメニューが入っているページは、
どこかひとつのページのリンクを更新したり
追加削除すれば、他のページのリンクメニューも同様に変更が反映するので便利です。
いちいち各ページを開いて
メニューを修正する必要はありません。 |
| |
以上でリンクメニューの挿入方法は完了です。
あとは普通の表と同じように、セルに色をつけたり
文字の就職をお願いします。
ロールオーバー効果をつけることもできます。
お疲れ様でした |
DSPCSCHOOL
ITビジネス科 |