6−5 リンクでWebページをつなぐ
ホームページ(Webサイト)というのは、複数のWebページの集合体です。すべてのことを1ページにまとめるのではなく、複数のページに分けることで分かりやすく、使いやすいホームページになります。
そして、複数のWebページを繋ぎ、WebページとWebページの移動を簡単にしてくれるのがリンクです。
リンクは一つのホームページ内を移動するだけのものではなく、他のホームページからあなたのホームページへアクセスしてくる道であり、あなたのホームページから他のホームページへアクセスする道でもあります。
作成したWebページをリンクさせる (相対パスでのリンク作成)
ホームページの内容にそって、必要なWebページの作成をしたら、次はそのWebページ同士をリンクさせます。リンクさせたテキストは「アンカーテキスト」と呼ばれ基本的には青字に下線付きで表示されます。
<a href="page2.htm">アンカーテキスト</a>
ファイル名を指定することで
「http://○○○.com」だった場合、
「http://○○○.com/page2.htm」へアクセスするリンクとなります。
トップページへのリンク
トップページへのリンク方法もl基本的に同じなのですが、トップページのファイル名は通常「index.htm」のため、省略することも可能です。
どちらか一つに統一しましょう。
■トップページへのリンクを「http://○○○.com/index.htm」にする場合
■トップページのファイル名を省略する場合
他のホームページへリンクさせる (絶対パスでのリンク作成)
同じホームページ内のページをリンクでつなぐ場合は、ファイル名を指定することで、現在の位置から指定されたファイル名のページへのリンクがつながれますが、別のホームページへのリンクの場合、ドメインの頭(http://〜)からWebページを指定するを必要があります。
<a href="http://○○○.com/page1.htm">アンカーテキスト</a>
(「まぐまぐ」にて殿堂入りしました)
ホームページ作成を一人で頑張るのもいいですが、仲間と一緒に頑張りませんか?
人気ホームページの作り方やホームページ運営者の生の声などの情報を発信していますので、ぜひあなたも購読してみてください。
こんなヤツ!
ホームページを作っていたら、この楽しさを、あなたに伝えてくなりました。ホムつく式のホームページの作り方を体験してみてください。
→プロフィール
→お問い合わせ
必要なものは?
ホムつく講座がおすすめするソフトやレンタルサーバーを紹介しています。初心者の方や、悩んでいる方は是非参考にしてみてください。
ホームページはXHTMLとCSSで作ります。ほむつく講座では初心者の方にわかりやすいと評判の初心者講座があります。
良くしたい
ホムつく講座では見た目だけが良いデザインではなく、ユーザー(利用者)の方が安心して、ホームページを閲覧できるデザインを学べます。
ホームページは作れば沢山のアクセスが集まるわけではありません。そして、アクセスが多いだけのホームページでも意味がありません。あなたのファンができる人気ホームページを作り方を学びましょう。