もっと簡単にホームページを作ろう

    他のページを作ってリンクしてみよう  戻る

    ようやくトップページが完成しました。この最初の1ページだけでも”ホームページ”と名乗ることは
    もちろん可能ですが、やはりいろいろなページとの”リンク”が可能なことがホームペーシの醍醐味です。
    トップページを出発点としていろいろなページにジャンプできるようにしてみましょう。
    ここでは、次の4つのページを作成済みと仮定して説明を続けていきます。

@ トップページ
A 自己紹介ページ
B お気に入り紹介ページ
C 今日のひと言
 index.htm   (インデックス)
 prof.htm    (プロフィール)
 okini.htm    (お気に入り)
 nikki.htm   (日記)


 【1】 ページの構造はどうなっているのか  戻る

 あなたが作成した4つのページを
このような関係に配置するのが、この
章での目的です。

 つまり、どのページからも他のペー
ジに行き、かつ戻って来れるようにす
のです。

 ネットサーフィングしている中で、
別のページに行ったはいいが戻れ
なくて困った覚えはありませんか?
行き止まりになってしまうページを作
らないようにするのが、親切なページ
といえるでしょうね。

 トップページを固定して、同一画面
内で表示を切り替える”フレーム”を使
う手法もありますが、ここでは最も原始
的なやり方でレンクを貼っていくことに
します。

 【2】 リンクの貼り方を覚える  戻る

    では、これまでに作ってきた(はずの笑)4つのページにそれぞれリンクを貼ってみましょう。
    とりあえず、あなたのトップページからmokichi.comへのリンクを貼ってみます。

    ところで、それぞれのページは「普通の文書ファイル」としても保存してありますか? 
    それによって、方法が違ってきます。当てはまる方をクリックして下さい。
     → はい (普通の文書として保存してある)
     → いいえ(HTML形式の文書しか保存してない)
    いずれの場合も、今後に備えて「普通の文書」と「HTML形式の文書」の二通りで保存しておきましょう。

普通の文書として保存してある場合

    テキスト形式の文書(普通のワープロ画面)でリンクを貼って、「HTML形式で保存」します。

MicrosoftWordの場合
   あなたの作ったトップページを普通の文書として読み込んで、適当なところに「mokichi.comへ」と
    いう項目を書き、その文字の部分をマウスでドラッグして反転させて下さい。次に、
    「挿入(I)」「ハイパーリンク」で開いたボックスの中の「ファイル名またはWebページ名」という所に
    「http://www.mokichi.com/」と書き「OK」を押して下さい。
    どうです、ワープロ画面上にリンクを示す下線が表示されましたね。これでリンクが完了しました。
    試しに文書上でこの部分をクリックすると、InternetExplorer(等のwwwブラウザ)が起動して
    mokichi.comにジャンプするはずです。試して見て下さい。
 
一太郎の場合
   あなたの作ったトップページを普通の文書として読み込んで、適当なところに「mokichi.comへ」と
    いう項目を書き、その文字の部分をマウスでドラッグして反転させて下さい。次に、
    「挿入(I)」「ハイパーリンク(H)」「設定/変更(S)」で開いたボックスの中の「ファイル/URL(U)」という所に
    「http://www.mokichi.com/」と書き「OK」を押して下さい。
    どうです、ワープロ画面上にリンクを示す下線が表示されましたね。これでリンクが完了しました。
    試しに文書上でこの部分をクリックすると、InternetExplorer(等のwwwブラウザ)が起動して
    mokichi.comにジャンプするはずです。試して見て下さい。

HTML形式の文書だけ保存した場合

    「HTML形式の文書」を読み込んで、リンクを貼ります。

MicrosoftWordの場合
   「ファイル(F)」「開く(O)」からファイルを読み込みます。もしも見つからない場合は、「ファイルを開く」の
    ボックス下の「ファイルの種類(T)」を「すべてのWord文書」か「Webページ(*.htm,*.html)」にして探して下さい。
    あなたの作ったトップページを読み込んだら、適当なところに「mokichi.comへ」という項目を書き、
    その文字の部分をマウスでドラッグして反転させて下さい。次に、
    「挿入(I)」「ハイパーリンク」で開いたボックスの中の「ファイル名またはWebページ名」という所に
    「http://www.mokichi.com/」と書き「OK」を押して下さい。
    どうです、ワープロ画面上にリンクを示す下線が表示されましたね。これでリンクが完了しました。
    試しに文書上でこの部分をクリックすると、InternetExplorer(等のwwwブラウザ)が起動して
    mokichi.comにジャンプするはずです。試して見て下さい。
    
一太郎の場合
   「ファイル(F)」「開く(O)」からファイルを読み込みます。もしも見つからない場合は、「開く」のボックス下の
    「ファイルの種類(T)」を「HTMLファイル(*.htm*l)」にして探して下さい。
   あなたの作ったトップページを読み込んだら、適当なところに「mokichi.comへ」という項目を書き、
    その文字の部分をマウスでドラッグして反転させて下さい。次に、
    「挿入(I)」「ハイパーリンク(H)」「設定/変更(S)」で開いたボックスの中の「ファイル/URL(U)」という所に
    「http://www.mokichi.com/」と書き「OK」を押して下さい。
    どうです、ワープロ画面上にリンクを示す下線が表示されましたね。これでリンクが完了しました。
    試しに文書上でこの部分をクリックすると、InternetExplorer(等のwwwブラウザ)が起動して
    mokichi.comにジャンプするはずです。試して見て下さい。

 【3】 リンクを貼ってみる  戻る

   リンクの貼り方はもう覚えましたか?それでは4つのページ全てにリンクを貼りましょう。
    もう一度繰り返します。このことを忘れないようにして下さいね。
      「どのページからも他のページに行き、かつ戻って来れるようにする」
     「行き止まりになってしまうページを作らない」
   つまり、 @トップページの中には、A自己紹介 Bお気に入り C今日のひと言 の3つのページへの
    リンクが貼られているはずですし、同様にしてAの中には@BC、Bには@AC、Cには@ABと
    すべてのページの行き来が自由にできなければなりません。一番簡単な確かめ方は、
    一度保存したホームページをInternetExplorerで開いてみて、ちゃんとジャンプできるかどうかを
    確認することです。(やり方を忘れた人は、ここをクリック。)

ホームページスペースにアップロードしよう 


 【4】 補足…4つのページはできましたか?  戻る

   リンクの貼り方まで進んだということは、4つのページを全て作り終えたということですよね?
    もしもまだ作り終えていないという方は(^^、以下のことを頭に入れながら作ってみて下さい。
    また、作り終えた方も、注意事項について確かめてみましょう。

 トップページ (index.htm)
   ここは、あなたのホームページの文字通り”顔”となるべきページです。見映えの良さを重視しましょう。
    ここに置くべき情報としては、以下のものが考えられます。
        ・ページの題名
        ・作成者名 (仮名で構いません)
        ・作成年月日
        ・他のページへのリンク
        ・ご挨拶
    また、最初に表示されるページなので、あまりに”重い”、表示に時間がかかるものは歓迎されません。
    背景画像や貼り付けてある画像のサイズに十分考慮しましょう。

 自己紹介 (prof.htm)
   このページを作ったあなたがどんな人なのか、見てくれた人にわかるように書きましょう。
    ただし!!個人情報については正直に全てを公開する必要はありません!
    見てくれる全ての人が善意の第三者とは限らないのです。
    本名や生年月日、住所、メールアドレスなどの掲載には慎重を期してください。
    趣味や特技、血液型や星座の紹介程度に留めておくのが無難かも知れませんね。

    ☆ TIPS ☆ …メールアドレスにリンクを貼る…
     メールアドレスにリンクを貼っておくことによって、見てくれる人がクリックした時に、自動的に
      メールソフトを起動させることができます。方法は簡単。リンクを貼る場合と同様の手順を踏んで
      「mailto:(あなたのメールアドレス)」を入力するだけです。ただし、上にも書いたように、
      無防備に個人情報を書き込むのは禁物です。できれば、転送メールを利用するか、別に
      匿名メールアドレスを取得してそれを利用しましょう。次のページを参考にして下さい。

メールアドレスを管理しよう
無料でPOPメールアドレスを手に入れたい!
Webメールのアカウント発行


 お気に入り紹介 (okini.htm)
   自己紹介のページに近いかも知れませんが、あなたの趣味や好きなものを書いてみてはどうでしょう。
    音楽や映画・本の感想や、知り合いやよく行くサイトの紹介を書いてリンクを貼ってもいいですね。
    (サイトによっては無断でリンクを貼ってはいけない所もあるので注意してください。)

 今日のひと言 (nikki.htm)
   HTML文書の題名を「nikki」としましたが、別に日記である必要はありません。
    後で紹介する「掲示板」や「チャット」を置いてもかまわないでしょう。
    ホームページを更新していくには根気が必要ですが(^^;、あなたのページを見てくれる人が
    まずのぞくページとしてはどうでしょうか。更新状況なども書いておくようにするといいかも知れませんね。


戻る