|
|
 リンクを貼る
さて、せっかくメニューを作ったので、このメニューから他のページへ移動する為にリンクの作成をしてみましょう。
１．新しいページを作る
メニューから移動するには移動先のページが無くてはお話になりませんので、新規にページを作成します。
ツールバーの左端に「HTMLの新規作成」がありますので、クリックします。そうすると「newpage」とうい名前で新規ページファイルが追加されますので忘れないうちにメニューの「ファイル」より「名前を付けて保存」を選択し新規ページを分かり易いファイル名に変えて保存して下さい。もちろん保存先はTOPページと同じフォルダにします。（ここではsample2にしました）
新規ページは「サイト紹介」にしてみます。
作り方は今までに説明したきたやり方でさくさくっと作りましょう。
新しいページ（sample2）が出来たら、TOPページに戻ってリンクを作成します。
そうそう、画面右端に編集中のページというウィンドウがありますね？
ここに今開かれているページのリストが表示されているので、TOPページである
「index」をクリックすると、TOPページに戻ることが出来ます。
TOPページに戻ったら、先ほどのサイト紹介ページである「sample2」に移動するリンクを作成するのですから、メニューに作成してある「サイト紹介」にリンクを貼り付けます。まず、「サイト紹介」をダブルクリックして文字全体を反転させ、右クリックします。そうすると、メニューが表示されるのでその中にある「リンクの挿入」を選択します。
「リンク挿入」を選択すると、下記のようなウインドウが表示されます。
ここで「ファイルへ」というタブから、ファイル名のところにある「参照」選択します。
そう、ここで先ほど作成したサイト紹介ページである「sample2」を選択するのです。
ファイル名の設定が終了したら最後に「OK」をクリックして元の画面に戻ります。
おお！サイト紹介に下線が入り色も青になってますね！
「プレビュー」画面にして、きっちりページが移動するか確認しましょうね。
ちゃんとページの移動が確認されましたか？
後、忘れては行けないのが移動先のページ（ここでは「sample2」）にTOPページに戻るリンクも作成しておきましょう。どのページからもとりあえずTOPページには戻れるような配慮をしておくことはホームページ作成では重要ですよね。
ここまでで作成したページはこんな感じになります。サンプルページを見る
またまた、一歩前進ですね(^_^)
このページのTOPへ
TOPへ
お小遣いサイトを作ろうTOPへ
|
|
