松戸市梨研究会青年部パソコン勉強会
第4回 自園のHPを作成する。(2回目)
☆複数のページを作りトップページからリンクを貼る。
トップページを作成したら、複数のページが欲しくなります。そこで本日は、自分のトップページとは違うページを作成し、トップページからハイパーリンク機能を使い、リンクを作成してみます。(このページで作成したHPは、http://takaai.com/tokatu/seinen/kiguti/ に置いてありますので参考にして下さい)
1、トップページで、リンクさせたい題名を書いておく(決める)。今回は@の「梨もぎとりのご案内」をリンクさせてみます。
2、リンク機能させる前に、「梨もぎとりのご案内」のページを作成しておきます。Wordメニューのファイル→新規作成で文字入力を済ませ、ファイル→Webページとして保存 で、以下のような画面になりますので、index.htmlで保存した要領で、Aのファイル名を、mogitori.html としてBで保存します。また保存する前に「タイトルの変更」で自由にこのページのタイトルを変更することもできます。
3、「梨もぎとりのご案内」のページが出来上がったら、もとのトップページに戻ります。いよいよリンクを貼ります。Cのようにマウスでクリックしながらなぞって、文字列を反転(黒く)させます。その反転した文字列にマウスを載せて右クリックで以下のようなメニューが出てきますので、Dのように「ハイパーリンク」を選びます。
4、すると以下のようなメニューが出てきて、リンクするファイルを指定します。今回は先ほど作った mogitori.html はファイルなのでEを選び、「ファイルにリンク」というメニューが出ますのでFのようにmogitori.htmlを選んで OK を押します。
5、Gのように、「ファイル名またはWebページ名」のところに、mogitori.html が表示されればOKです。
6、うまくリンクが貼れていれば、H のように文字の色が変わりアンダーバーが引かれて機能します。テストには、index.html と、mogitori.html などのファイルをサーバーにアップロードして、実際にインターネットエクスプローラーで表示させて、リンクが機能しているか確認できます。
メモ:
☆全てのページに著作権表示をする。
自分でHPを作成したものなら全てのページに著作権表示をしておきます。書式は、
Copyright © 2006 T,Watarai Japan. All Rights Reserved.
↑
ここに自分の名前を入れます。
意味は、
「c」=断りなく使わないでください。書き方は(c)でもいいです。
All Rights Reservedの英文は「全ての権利はわたしにあります」という意味。
メモ:
Copyright © 2006 MatsudoNashikenSeinenbu Japan. All Rights Reserved.