トップページ作成　～勉強会リンク～

ＨＰ勉強会のサブページstudy.htmlから、勉強会トップページ、勉強会資料トップページ、参加者一覧ページなど、サイト外にあるページへのリンクを貼ります。

また、勉強会の進行に合わせて作成したページにもリンクを貼ります。

サイト外へのリンク

サイト外フォルダ―構造

ページstudy.htmlから見たフォルダ―構造です。

ページstudy.htmlからそれぞれのページへジャンプ（リンク）するときの相対リンクパスも示されています。

サイト外へのリンクを挿入する

➊ページstudy.htmlを開く

➋以下のようにページ内文字列にリンクを設定します。

• 文字列「Ａ班有志」
  • リンクファイル名ボックスに../../index.htmlと入力する。
• 文字列「Ａ班ＨＰ勉強会」
  • リンクファイル名ボックスに../../../index.htmlと入力します。
  文字列「勉強会資料」
  • ①ＩＥで勉強会資料ページを表示し、②［URLをブラウザーより取得］ボタンを押す。
• 

➌上書き保存します。

• リンクの確認は、［プレビュー］あるいはサーバーへアップ後に行います。

勉強会作品へのリンク挿入

勉強会での作品ページへのリンクを挿入します。

➊ページstudy.htmlを開く

➋HP勉強会「作品」→「作品一覧」の「星川倶楽部」にリンクを設定します。

• ①文字列「星川倶楽部」を「星川倶楽部（hoshikawa_club.html）」と変更する。
• ②上記変更した文字列をクリックすると、ページhoshikawa_club.htmlへジャンプするようにリンクを設定します。
• 

➌上書き保存します、

以後も勉強の進行とともに、リンクを挿入していきます。その方法は次の通りとします：

• ①文字列に、リンク先ページを追加して変更する。
• ②変更した文字列をクリックすると該当ページへジャンプするようにする。

構文エラー対応へ進みます。