フレームページとは

　那須シニアネットのホームページは、下記の図のようになっていますが、赤い線(実際には入れられていません)で区切られた3つのページから構成されています。



　①はtitle.htmlという名前のファイル、②はmenu.htmlという名前のファイルで、③はtop.htmlという名前のファイルで、
index.htmlというファイルで取りまとめています。

①のtitle.htmlは那須シニアネットのバナーと会の名前を表示し、会の概要、会則にリンクされています。
②のmenu.htmlは那須シニアネットの活動、会員の皆さんの活動内容などの一覧から、各ページへリンクされています。
③のtop.htmlの上側はページの表紙を飾る今月の一枚が表示され、下側には会の予定がgoogleカレンダーで表示され、右側に各支部の支部便りへのリンクと、ちょっとしたお知らせ欄、改訂記録欄へのリンクがあります。

②と③はスクロールできますが、①はスクロールさせない設定で、①の高さと②の幅は固定です。

　今回の勉強は①から③のファイル或いは②と③のファイルを今までのトップページから作り直して、新しいindex.htmlでフレームページタイプに作り変えたいと思います。

　今回の勉強資料は前回の説明内容への修正版もありますが、前回の資料でリンク以降をご覧下さい。
　また写真の上に雨を降らし波紋を作る｢Sqirlz Water Reflections｣の資料はここからご覧下さい。

　作成結果は以下のようになります
　

　当日は(1)リンクの内容確認と、（２）波紋動画の説明を実施しますが、タイトル、BGMや戻るボタン等の
　設定は、説明済みですから各自で先に実施しておいて下さい。

　下記の例は3行2列で、1行目は、左から『タイトル』、『BGM』を入れ、
　2行目は2セルを結合してから、『雨降りのgif動画』を入れ、
　3行目も2セルを結合してから、『戻るボタンなど』を入れてリンクを設定します。

　ページとしての作成例はここをクリックしてご覧下さい。

事前準備：
　雨を降らせ、波紋を浮かばせたい池や湖の写真(500×375px 程度)を1～2枚準備して下さい。