第8回ホームページ勉強会
  
                      第14日目、10月09日   講師:西那須野支部 中嶋さん





画面上に落ち葉が舞います(PlusOneWebさん作成)

 今回も講師は西那須野支部の中嶋さんです。

 今回も、皆さんにPlusOneWebのページからプログラムを直接ダウンロードして頂きます。

 今回は遊び心の加わったページです。あなたのページの上で落ち葉が舞い散りるという、
新しい動きのあるページになります。

 また、ロールオーバーも前回と同じで、1行定義するだけで画面が入れ替わります。

 BGMを鳴らしたり、リンクのボタンをどこに配置するかなどは、今まで何回も説明致しました
から、ご自分で考えて見て下さい。

事前準備:
 今回はスライドショーではありませんから、写真はロールオーバー用の2枚だけ準備して下さい。

①今回はOtibaというフォルダーを作成し、更にその中に600×450ピクセルの写真を2枚
 準備して於いて下さい。

②取あえず基本のhtml分を作っておきます。
 後でダウンロードした落ち葉設定文を<body>と</body>の間の最後付近に入れます。
 ------------------------------------------------------------
<html>
<head>
<title>タイトル</title>
</head>
<body>

</body>
</html>
 ------------------------------------------------------------

③今回のページにbgmを流す場合には音楽ファイルも用意して同じフォルダーに保存して下さい。

プログラムのダウンロードと設定:
 今回はPlusOneWebのページからダウンロードします。
 ダウンロードの仕方などは、勉強会当日に説明して頂きます。
 ダウンロードはここをクリックします。
 説明頂いた内容はここからダウンロード願います。

リンクとBGM
☆トップページから今回作ったページへのリンク、今回作ったページでBGMを鳴らしたり、リンクの 戻り先ボタンをどこに配置するかなどは、今まで何回かご説明致しましたから、ご自分で考えて 設定して見て下さい。
ご質問は三宅までお寄せ下さい。
リンクとBGMの挿入への表示 ←右クリックからソースを表示でコピーして下さい。
名前をhome.gifに変えたボタン
ロールオーバーの実施 ←右クリックからソースを表示でコピーして下さい。

サンプルはこちら 

当日の説明資料はこちら
html文の説明
今回の勉強会を含んで、あなたのMy-HPは下記のような構成になっています。 
 
        資料作成:三宅 節雄