リンクの張り方

 

 さて、今まで作ったページをつなげて、いろんな場所へ飛べるようにしましょう。このようにページ同士をつなげて、移動できることをリンクを張るといいます。

HTMLタグでは、次のページまでを指定したりいろいろと面倒ですが、FPにはもっと簡単にリンクを張ることができます。では、やってみましょう!

 まずはリンクを張りたい文字や画像をマウスの左のボタンを使ってアクティブにします。次にをクリックしてください。するとハイパーリンクの作成というものが出てくると思います。下のやつです。

開いているページ⇒今現在FPで編集中のページ同士をリンクさせます。

WWW⇒URLを指定してリンクを張ります。他の人の作ったHPとリンクさせるときはこちらを使います。

新しいページ⇒新しくページを作ってそこにリンクを張ります。ふと思いついたときはこちらを使いますが、管理人は一度も使ったことがないので覚えなくてもいいかもしれません(笑)

開いているページ
 まずはFPを使う人は使いこなしましょうくらいの開いているページからです。

開いているページ(O)⇒ここに今現在編集中のページの一覧が表示されます。

ブックマーク(B)⇒編集(E)でブックマークをつけていた場所に移動することができます。

ターゲットフレーム(F)⇒フレームを作ったり特殊なリンクを張るときに使いますなので今は飛ばしてください。

 開いているページにあなたのリンクの張りたいページが出ているのであれば、やり方は簡単です。まずはリンクを張りたいページをクリックして一番下のOKをクリックするだけでリンクを張ることができます。

 次は自分の張りたいページが、編集中ではないときは、開いているページの中には表示されません。このような時は一度ハイパーリンクの編集を閉じて、リンク先のページを開いてください。

 ファイル(F)をクリックするか、をクリックして、リンクを張りたいページを呼び出します。すると呼び出したページに切り替わりますので、お次はウィンドウ(W)をクリックします。すると、アイコンの整列の下に、今FP上で開かれているページの一覧が出てきますので、元のページを選択してクリックしてください。以上で元のページに戻ることができ、なおかつ、編集中のページとしてリンク先のページも出てくるので、またハイパーリンクの編集に戻ってください。すると、新しいページの中にリンクを張りたいページが追加されたと思います。

 以上が開いているページへのリンクの張り方でした。できたでしょうか?

WWW
 次はWWWです。HPが完成した後はこのリンクの張り方が基本になるでしょう。

ハイパーリンクの種類(H)⇒リンクを張る形式を選択できますが、一般的には『http:』と指定のメールアドレスにメールを送る『mailto:』しか使わないと思います。

URL(U)⇒ここにリンクを張りたいURLを入れます。また相対パスだけではなく絶対パスでも指定できます。

ターゲットフレーム(F)⇒他の人のサイトにリンクを張るときは_blankと入力することによって、新しいページを開いてそちらにHPを表示できるようになります。最低限は必要な心がけですので覚えておいてください。

 で、こちらでは、URLを入れてOKをクリックするだけでリンクを張ることができます。

余談

絶対パス⇒自分のディレクトリーからの指定するとき(正確には違うけど)はこう呼びます。

相対パス⇒httpから指定するときはこう呼びます。

新しいページ
 最後は新しいページですが、これはまったく使ったことがありません。というのも、そんなに頻繁に更新しないからです(爆) と、馬鹿な管理人は無視して、話を先に進めます。

ページタイトル(T)⇒ページを開いたときに左上に表示される名前です。

ページURL(U)⇒別名HTMLのファイル名です。(笑)

ターゲットフレーム(F)⇒特に説明はありません。

 以上でリンクの張り方を終わります。簡単でしたか?

 

絶対パス
 最後に絶対パスの指定の方法を書くことにします。まずはあなたのHP作成用のフォルダ(ローカルフォルダ)があると思います。その中にindex.htmファイルが入っていると思いますが、そこが基準になります。ですから、ローカルフォルダの中に別のフォルダが入っていなければすべて、ファイル名だけを入れるだけですべてのページへ移動できます。

 では、次にローカルフォルダの中に別のフォルダ(例 その1フォルダ)があって、そちらに他のページのHTMLファイル(例 main.htm)を入れているときはどうやって指定するのでしょうか?
 これを指定するには以下のようにします。

/その1フォルダ/main.htm

 と、入力すればOKです。あくまで赤文字は例ですので、自分のつけたフォルダ名をつけてください。また、日本語のフォルダ名は無効になる場合があるので半角英数小文字のフォルダ名&ファイル名にしましょう。

 では、さらに奥に入って、ローカルフォルダの中にその1フォルダが入っていて、さらにその中にその2フォルダがあって、その中にmain.htmがあるのでそこに移動したいときは以下のようにします。

/その1フォルダ/その2フォルダ/main.htm

 こうすると指定することができます。ですから、/から/まではフォルダ名。最後はファイル名になります。これを応用すればどんなにたくさんのフォルダを作っても指定することができます。

 次は、main.htmのページから元のindex.htmに戻るためにはどうすればいいのでしょうか? これは同じフォルダの中であれば、ファイル名だけで指定できますが、上のように下位のフォルダに移動しているときは../をいれて指定します。では、その2フォルダの中のmain.htmから戻ってみましょう。

../../index.htm

 セミコロンが入るので、便宜上大きくしましたが、このようにすることで元のローカルフォルダにあったindex.htmに戻ることができます。

 以上が絶対パスの指定方法になります。HP作る上ではじめに苦戦することなのでしっかり覚えておいてください。

 

BACK』  『HOME』  『NEXT

そろそろ結婚適齢期??? 過払い金の回収ならこちら 過払い金の回収ならこちら
[PR] | 自動車保険スキー 温泉ホスピス所沢赤羽和光市中国SEO対策消費者金融車 買取テンプレート沖縄旅行免許合宿二輪引越しプレゼントゴルフ会員権留学レーシックマッサージFXアフィリエイトFXホームページ制作デイトレードハワイ旅行タイバンコクハワイ レンタカーベスト ハワイ ホテル レーツバリ島Hawaii hotelsHawaii Activitiesbhhrハワイホテルテキスト広告
【運営会社「パラダイムシフト」サービス】 ハワイ現地オプショナルツアーリラックマ) - ビジネスクラス航空券 - 格安航空券(1) - 格安航空券(2) - 海外ホテル - 韓国旅行 - タイムシェア - ホテル 予約
無料ホームページ - 携帯ホームページ - 無料ホームページ作成 - レンタルサーバー - ブログ - ヴィラ - ハワイ コンドミニアム - バリ島 ホテル - プーケット ホテル - 企業評価 - タイムセル - 国際通話 - ホノルルマラソン - コミュニティ監視 - 風評被害 - ホテル比較 - デルタ航空 - 宿予約