ハイパーリンクを設定してみよう

HOME

 

 ホームページというと忘れてはならないのが「リンク」です。自分のページ内の他のページに飛ぶのも、よそ様のページに飛ぶのもリンクです。
 このページでは、自分のページ内を行き来するためのリンクの設定について、解説します。クドいようですが、「FrontPage Express」での設定方法の解説です。

 さて、本格的に作業を始める前準備として、自分のホームページのファイルを収める場所として、新しくフォルダを作っておきましょう。デスクトップ上か、マイドキュメントの中あたりが分かりやすいでしょう。フォルダ名は、"homepage"とか、@niftyのヒトなら"@nifty"とかがよさげです。また、このフォルダごと転送するワケではないので、日本語の名前にしとくのもいいかもしれません("OCNのホームページ用"とか)。
 これから先、ホームページ用のファイルを作ったら、全てこのフォルダの中に保存しましょう。よく、市販のホームページ解説書などで、「ページごとにフォルダを作る」とか「ファイルのタイプごとにフォルダを分ける」とか書いてあったりしますが、そんなコトをするよりも、
一つのフォルダの中に全てを放り込むほうが、あとあとラクだと思います。統一性のあるファイル名にすることさえ気を付けていれば、ファイルを並び替えて表示することで分類できますから。

 ここでは、仮に、デスクトップ上の"homepage"というフォルダを使うというコトで解説していきます。


 では、FrontPage Expressを起動して、新規ページを作成します。下のようなカンジで、二つ作成し、それぞれindex.htmlink.htmというファイル名で、先ほど作成したフォルダ内に保存します。

index.htm

link.htm

 次に、ハイパーリンクを設定したい部分をドラッグして選択し、というボタンをクリックします。そして、[開いているページ]から、飛び先のページを指定します。[開いているページ]というのは、現在FrontPage Expressで編集中のページのことです。ここではページのタイトル名一覧が表示さてますので、作成中に右クリック→[ページのプロパティ]でページのタイトルを変更しておくと、リンクを設定するのがラクになります。ページのタイトルというのは、まさにそのページの名前のことです。インターネットエクスプローラー(IE)で[お気に入りに追加]とかを選ぶと、その名前でブックマーク登録できますよね。

 ココでは、index.htmの「リンクのページへ」の部分を選択して、link.htmへ飛ぶように設定するワケです。それぞれ、[ページのプロパティ]からタイトルを『トップページ』と『リンクのページ』とでも設定しておくといいでしょう。


 まだ詳しい解説はしませんが、外部のページへのリンクの設定の仕方も、ほぼ同じです。リンクさせる部分をドラッグして選んで、をクリック。今度は、[WWW]を選択して、URLのトコロに、飛び先のアドレスを入力します。「ハイパーリンクの種類」っていうのは無視しておきましょう。
 自分のページ内での飛び先を指定するのも、この[WWW]から出来ます。その場合、同じフォルダ内で飛ぶワケですかから、ファイル名だけ指定すればおっけえなのです。

 その場合、こんなカンジで設定します。ハイパーリンクの種類は、こちらも無視しておいてOK(^^)。
 外部のHP(他の人のHP)へのリンクなら、
http://homepage1.nifty.com/k/のように、URLを省略せずに書いておけばOKです。

 index.htmからlink.htmへのリンクの設定が終われば、逆のlink.htmからindex.htmも同様に設定しちゃいましょう。それが終われば、両方のファイルをセーブして([ファイル]→[すべて保存]とするとラク)、インターネットエクスプローラーで読み込んでテストしてみます。リンクを設定した部分をクリックして、ページ間を移動できれば成功です。
 なお、他の人のHPへのリンクがちゃんと作れているかどうかを試すには、ネットに接続している必要があります。

【HP作成関連書籍】 【HP作成ソフト解説書 【インターネット入門書】 【デジカメ活用ブック】

BACK