ホームページ作りで遊ぶ（６）

１1．リンクを貼る

�@最初のﾍﾟｰｼﾞ（TOP）		�A２枚目のﾍﾟｰｼﾞ		�C　４枚目のﾍﾟｰｼﾞ
�A �B MKent＆トマトのﾎｰﾑﾍﾟｰｼﾞ(ε^▽ε)／♪	⇔	遊び部屋 　　温泉	⇔	ＨＰ作成 ＴＯＰに戻る　　前の頁に戻る
		�B３枚目のﾍﾟｰｼﾞ　↑↓		�D　５枚目のﾍﾟｰｼﾞ
	⇔	温泉＆ドライブ 前に戻る　遊び　次に進む	⇔	温泉情報 ＴＯＰに戻る　　前の頁に戻る

11-1.自分の作ったページ同士にリンクを貼る

リンクを貼りたいページをFrontpageExpressなどのＥｄｉｔｏｒを使用して開きます。

実際のリンク作業を上記の絵の中に書いているページＮｏ.�@〜�Dを使って説明します。

ページ	�@	�A	�B	�C	�D
ﾍﾟｰｼﾞの名称	M.Kent＆ﾄﾏﾄ	遊び部屋	温泉&ﾄﾞﾗｲﾌﾞ	HP作成	温泉情報
ファイル名	index	asobi	onsen	ｈｐ	jouho

�@→�Aへの移動（表中の文字または図形クリックで移動）

FrontpageExpressなどのＥｄｉｔｏｒを使用してファイル名；“index”と“asobi”を開く
ページ�@の表の中の�Aをドラッグする（黒くなります）
メニューバーの　　挿入(I)−ハイパーリンク(K)→『ﾊｲﾊﾟｰﾘﾝｸの作成』タスクバーから
「開いているページ」のタブを選び“遊び部屋”を選び「WWW」タスクバーをクリック
“asobi”のファイル名を選ぶ．．．選んだらOKボタンをクリック！
これでリンクが貼れます。
この時点でファイルの上書きをしましょう。
※ハイパーリンクを使用するにはメニューバー以外に標準ツールバーの地球と眼鏡の
　絵をクリックすれば同じようにリンクが貼れます。試してみてね♪

�@→�Bへの移動（表中の文字または図形クリックで移動）

同様にファイル名“index”と“ｏｎｓｅｎ”を開く
ページ�@の表の中の�Bをドラッグする（黒くなります）
メニューバーの　　挿入(I)−ハイパーリンク(K)→『ﾊｲﾊﾟｰﾘﾝｸの作成』タスクバーから
「開いているページ」のタブを選び“温泉”を選び「WWW」タスクバーをクリック
“onsen”のファイル名を選ぶ．．．選んだらOKボタンをクリック！
（または標準ツールバーから地球と眼鏡の図形を選んでもリンクを貼れます）
これでリンクが貼れます。

�A→�@への移動（図形のクリックで移動）

同様にファイル名“asobi”と“index”を開く
（図形）をクリック
メニューバーの　　挿入(I)−ハイパーリンク(K)→『ﾊｲﾊﾟｰﾘﾝｸの作成』タスクバーから“index”のファイル名を選ぶ．．．選んだらOKボタンをクリック！
「開いているページ」のタブを選び“M.Kent＆ﾄﾏﾄ”を選び「WWW」タスクバーをクリック
（または標準ツールバーから地球と眼鏡の図形を選んでもリンクを貼れます）
これでリンクが貼れます。

�A→�Bへの移動（文字のクリックで移動）

同様にファイル名“asobi”と“hp”を開く
ページ�Aの温泉をドラッグする（黒くなります）
メニューバーの　　挿入(I)−ハイパーリンク(K)→『ﾊｲﾊﾟｰﾘﾝｸの作成』タスクバーから
「開いているページ」のタブを選び“温泉”を選び「WWW」タスクバーをクリック
“onsen”のファイル名を選ぶ．．．選んだらOKボタンをクリック！
（または標準ツールバーから地球と眼鏡の図形を選んでもリンクを貼れます）
これでリンクが貼れます。

�A→�Cへの移動（図形のクリックで移動）

同様にファイル名“asobi”と“hp”を開く
（図形）をクリック
メニューバーの　　挿入(I)−ハイパーリンク(K)→『ﾊｲﾊﾟｰﾘﾝｸの作成』タスクバーから
「開いているページ」のタブを選び“HP作成”を選び「WWW」タスクバーをクリック“ｈｐ”のファイル名を選ぶ．．．選んだらOKボタンをクリック！
（または標準ツールバーから地球と眼鏡の図形を選んでもリンクを貼れます）
これでリンクが貼れます。

�B→�@への移動（文字のクリックで移動）
�B→�Aへの移動（文字のクリックで移動）
�B→�Dへの移動（文字のクリックで移動）
�C→�@への移動（文字のクリックで移動）
�C→�Aへの移動（文字のクリックで移動）
�D→�@への移動（文字のクリックで移動）
�D→�Bへの移動（文字のクリックで移動）

　※上記のリンクも同様の方法で貼ってみましょう。

11-2.自分の作ったページから外部のHPにリンクを貼る

ここでは自分のホームページから友達のホームページ等にに飛んで行けるようにリンクを
貼る方法を説明します。

リンクさせたい友達のホームページのバナー　⇒　 上記のバナーを左クリックして メニューバーから　　　　　　　　　ﾊｲﾊﾟｰﾘﾝｸの編集ﾀｽｸﾊﾞｰ 　挿入(I)−ハイパーリンク(K)−“ＷＷＷ”タブを選ぶ−ﾊｲﾊﾟｰﾘﾝｸの種類(H)“ｈｔｔｐ：”−URLを書き込む 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　http://homepage1.nifty.com/MKent/

バナーを利用せずに直接友達のホームページのＵＲＬを書き込んでもＯＫです♪ リンクさせたい友達のホームページのＵＲＬ　 　⇒　http://homepage1.nifty.com/MKent/

　　|---ﾎｰﾑﾍﾟｰｼﾞ作りで遊ぶ
　　|　　　事前準備と注意事項
　　|--- 1.FrontPage Expressに関して
　　|--- 2.FrontPage Expressの起動
　　|　　　　（簡単圧縮・解凍ソフト紹介）
　　|--- 3.新規作成−文字を書く
　　|--- 4.表を挿入する
　　|--- 5.背景を入れる
　　|--- 6.画像を入れる
　　|--- 7.音楽を入れる
　　|--- 8.保管する　
　　|--- 9.プレビュー
　　|---10.保管したページを編集(修正）
　　|---11.リンクを貼る
　　|---12.ＣＧＩを利用する
　　|　　　　　ｱｸｾｽｶｳﾝﾀを設置する
　　|　　　　　掲示板を設置する
　　|　　　　　チャットを設置する
　　|---13.HOMEＰＡＧＥの登録
　　|---14.ＨＰをＵＰする（FFFTP）
　　|---15.素材のＨＰ紹介
　　|---16.ＨＰを飾るテクニック

作成日；２０００年３月１３日

最終更新日；01/01/04 22:41