ホームページの作り方:さきちんうぇぶ

ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心!

リンク設定の準備

リンクを設定する準備をしよう

他のページのHTMLファイルも用意できたので、トップページのリンク設定を行いましょう。

※リンクを忘れてしまった場合は「他ページへのリンク」を見て思い出しましょう。

移動先のページが完成していなくてもリンクの設定は可能です。
ちなみに、なぜこのタイミングでリンク設定を行うかというと、後々の作業量が全然違うからです。

リンク設定を行わずにトップページのソースコードを他のページにコピーした場合、「トップページ」+「他の3ページ」=4ページ分のリンク設定を行わなければいけません。

しかし、先にトップページにリンク設定を行い、そのソースコードをコピーすると、他のページでもすでにリンク設定が行われた状態となります。

作業量の違いについて

先にトップページにリンク設定を行なってコピーした場合でも、他のページのリンク設定を少し変更してあげなければいけませんが、それでも前述の方法よりもはるかに楽です。
まずはトップページのリンク設定を行なってから他のページへコピーしましょう。

覚えておきたいポイント

ファイルさえあればリンク設定は可能

リンク先の内容が完成していなくても、リンク設定は可能です。とりあえずHTMLファイルだけ作成していれば、リンク先に設定することができます。

リンク設定する箇所を確認する

リンク設定を行う箇所を確認しておきましょう。
以下の4エリアにリンクを設定します。

ヘッダー

ヘッダーのリンク箇所

ヘッダー画像の「logo.jpg」にリンク設定を行います。
リンク先はトップページである「index.html」に設定します。

メニュー

メニューのリンク箇所

それぞれの画像にリンク設定を行います。
「ホーム」は「index.html」、「メニュー」は「menu.html」、「こだわり」は「kodawari.html」、「店舗案内」は「tenpoannai.html」へリンクを設定します。

メインコンテンツ

メインコンテンツのリンク箇所

「詳細ページへ」のテキスト部分にリンクを設定します。
「安心・安全の素材」エリアの「詳細ページへ」には「kodawari.html」へリンクを、「店舗案内」エリアの「詳細ページへ」には「tenpoannai.html」へリンク設定を行います。

サイドナビ

サイドナビのリンク箇所
p>それぞれの画像にリンク設定を行います。

上から順に、「menusyoukai.jpg」は「menu.html」、「new.jpg」は「menu.html」、「kodawari.jpg」は「kodawari.html」、「tenpoannai.jpg」は「tenpoannai.html」へリンクを設定します。

以上がリンク設定を行う箇所です。
なお、フッターはコピーライトが表示されるだけなので、リンク設定を行う必要はありません。

それではさっそく、次のページでリンクを設定していきましょう!

覚えておきたいポイント

リンクの箇所を確認しよう

リンク設定が必要な箇所を1点1点確認しましょう。一度に全部確認&リンク設定を行うと、入力漏れやミスをする場合があります。

トップページのリンク設定
« 前のページへ 他ページ作成の準備

コンテンツの一覧

学習ページの一覧ナビ

快適なサイト運営のために

セキュリティソフトを導入しよう
ウィルス対策について

安心してホームページを運営するための心がけ。

HTMLの特殊文字一覧
HTMLの特殊文字一覧

よく使う、HTMLの特殊文字・記号の一覧表。

カラーコードの一覧表
カラーコードの一覧

HTML・CSSで使えるカラーコードの一覧表。

規約やお問い合わせなど

ご利用案内
ご利用案内

当サイトをご利用になる前に、必ずご確認ください。

FAQ
FAQ

よくあるご質問など。

お問い合わせ
お問い合わせ

さきちんWEBについてのお問い合わせはこちらから。

プライバシーポリシー
プライバシーポリシー

個人情報管理とWeb広告配信について。

運営者情報
運営者情報

さきちんWEBの管理・運営者、さきちんについて。

サイトマップ
サイトマップ

さきちんWEBのサイトマップ。