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





画面上にトンボを飛ばす(QPONさん作成)

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

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

 今回は遊び心の加わったページです。あなたのページの上でトンボが飛び回るという、
新しい動きのあるページになります。

 また、ロールオーバーは今まで説明した方法よりもっと簡単な方法での説明が有ります。

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

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

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

②取あえず本文『コメント文と写真の表示画面』を作っておきます。
 後でダウンロードしたプログラムの<body>と</body>の間に下記の2行を記載します。
 ------------------------------------------------------------
<p align="center">ここに何かコメントを書いて下さい<br>
<img src="aaa.jpg" border="0" width="800" height="600"></p>
 ------------------------------------------------------------
☆太字にしたい場合にはBold letterの頭文字から、<b></b>をコメントの前後に付け、コメントを改行
 したい場合には、その場所に<br>を入れます。
☆文字色はコメントの前後に<font color="#
00
00ff">と</font>を付けて表します。
 色の
OO
OOffは以前も説明しましたように、RedGreenBlueのレベルを示しており、Rが00Gが00Bがff
 ですから青色です。これ等を適用すると、以下のようになります。
 ------------------------------------------------------------
<p align="center"><font color="#0000ff"><B>1行目のコメント<br>2行目のコメント<br><B></font><br>
<img src="aaa.jpg" border="0" width="800" height="600"></p>
 ------------------------------------------------------------
☆取あえず、この2行をこのページからコピーして適当な名前を付けて保存して於いて下さい。
 但し、ロールオーバーの設定にはなっていません。

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

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

リンクとBGM
☆トップページから今回作ったページへのリンク、今回作ったページでBGMを鳴らしたり、リンクの
 戻り先ボタンをどこに配置するかなどは、今まで何回かご説明致しましたから、ご自分で考えて
 設定して見て下さい。
ご質問は三宅までお寄せ下さい。

サンプルはこちら 


今回の勉強会を含んで、あなたのMy-HPは下記のような構成になっています。

 
        資料作成:三宅 節雄