はい　エルちゃん　皆さん　こんにちは　超ビギナーの為のひな形講座いかがですか？　　前回のテーブルはうまくいきましたでしょうか？
テーブルを覚えるといろいろな変化を楽しむことが出来ますから　とってもいいですよね。
エルちゃんは　どうだったのかな？　なんか風の便りで　ひな形以外部を結成しているとか　・・……(-。-) ボソッ

こんにちは　クッピー　オオーw(*゜o゜*)w　(*^.^*)エヘッ　私も色々と忙しくってね　でっ　ちなみに　今日は何をするのかしら？
((o(^∇^)o))わくわく。

(゜ー゜)(。_。)ウンウン　　今回はね　scriptとTIMEと組み合わせ　あやなおたかしゅんさんのsnowをつかって　ＯＥでひな形作ったの覚えているかしら？　　今回は　そのscriptをつかって　それに　TIMEを組み合わせてみたいと思います　まずは　雛形倶楽部にいって
snowを　DLしてきてくださいね

　('-'*)(,_,*)('-'*)(,_,*) ウンウン　クッピー　snowは　最初に　outlook express　で　ひな形を作成でつかったわよね
今度は　ＴＩＭＥを組み合わせるのね　((o(^∇^)o))わくわく

　そうね　ちょっとややこしいかもしれないけど　ＴＩＭＥの移動を組み合わせてみましょう。　まず　デスクトップに　右クリックしてフォルダーを作ってください　フォルダーの名前は　xmas　でいいです　そこに　次の二つを　画像確認後右クリックで　【対象ファイル】で保存で入れてくださいね
背景（house.jpg) と　そり(sori.gif)　です。　そしたら　雛形倶楽部へ行って　snowを　DLしてください　開くをクリックして　変更ボタンを押して　保存先を　デスクトップのxmasのフォルダーにしてくださいね

保存したら　開いてくださいね　そして　【表示】→　【ソース】をひらきます　そこで　メッセージ欄を削除します。
★から☆までを消してください。　他は消さないでくださいね。　　次に　<body>のところに　次の赤い文字を入力してください。
スクロールバーが動かないように設定します。　<BODY text="#ffffff" bgcolor="#000000" scroll="no">
【ファイル】をクリックして　【上書き保存】をクリックします。　　snowを開いてみてください。　開いていた人は　更新をクリックしてみてください。
メッセージは消えていますね。　　そしたら　先ほど　名前をつけて保存した背景をつけます。　　ファイル名を　house.jpg　としますね。
<body>のところに入力します。

<BODY background="house.jpg" text="#ffffff" bgcolor="#000000" scroll="no">

はい　これを上書きします。　　開いてみると　街並みに雪が降っていますでしょう。　　はい　それでＯＫです。
次に　ＴＩＭＥにいきますね　もう　以前やりましたから　ご存知だと思いますが　ＴＩＭＥを使うには　最初に基本ソースが必要でしたね。
今までは　先にそれを入力した　オリジナルソースを使っていたのですが　今回は　このsnow.htmにその基本ソースを入れますね。
まず　次のソースを　<HTML XMLNS:t="urn:schemas-microsoft-com:time">　<HTML>　と交換してください。

次に<TITLE></TITLE>の下に
<STYLE type="text/css">

</STYLE>
<?IMPORT namespace="t" implementation="#default#time2">

を入力してください。　　これで　ＴＩＭＥの基本ソースを貼り付けるのは終了です。

それでは　次に　そりに乗ったサンタを動かしてみましょう。　移動はやりましたよね。　sori.gif　が　xmas　のフォルダーに入っていることを
確認して　次のソースを使ってみましょう。 </body>　の前に　コピペしてください。

<IMG id="image1" src="sori.gif" style="position:absolute; left:1024; top:150;">

<t:animateMotion id="am1" targetElement="image1" from="0,0" to="-1250,0" begin="0" dur="12" autoreverse="false" repeatcount="2" />
<t:animateMotion id="am2" targetElement="image1" from="0,0" to="-630,0" begin="am1.end" dur="6" fill="hold" />

('-'*)(,_,*)('-'*)(,_,*) ウンウン　これは　そりの画像を　左から１０２４ｐｘのところで上から１５０のところに画像をおいて　-だから　右から左に１２５０ｐｘ　移動するということね。　　そして２回繰り返すのね。　　その下のタグ　id="am2" は　ａｍ１が終了後　左に６３０動いて　fill="hold"　だからそこに止まるということね。

　そうそう　あれ　ひな形作らない割には　エルは記憶力がいいわね　・・……(-。-) ボソッ　それで　上書き保存してみてくださいね。

サンタが雪が降る中　動いているでしょう。　　それで　出来上がりです。　　後は　テーブルを入れましょう。　前回やったテーブルを出しますね。
これも　</body>の前にコピペしますね。

<TABLE class="time" id="table" begin="am2.end" style="Z-INDEX: -1; position: absolute; left : 97px; top : 39px;" cellspacing="0" cellpadding="0" border="1" bordercolor='#d90000""'><TBODY><TR><TD>
<DIV align=center style="OVERFLOW-Y:scroll; width:380; height:400; FONT-SIZE: 11pt; COLOR: #ffffff;
background-color:#006633; scrollbar-face-color:#006600; scrollbar-track-color:#006633;
scrollbar-arrow-color:#d90000; scrollbar-highlight-color:#d90000; scrollbar-darkshadow-color:#d90000;
scrollbar-3dlight-color:#006633; scrollbar-shadow-color:#006633">
<BR>
☆<BR>
<BR>
<FONT color="#d90000" size="+2"><FONT color="#d90000"><B>Merry　Christmas</B></FONT><BR>
<BR>
クリスマスは　雛形でメールを送ってみましょう<BR>
<BR>
楽しい夢がいっぱいの　クリスマスカード<BR>
<BR>
きっと　いただいた方は　喜ばれると思います<BR>
<BR>
メッセージ欄を　クリックすると<BR>
<BR>
透けて背景を見ることができます<BR>
<BR>
<BR>
クッピー<BR>
<BR>
☆</DIV></TD></TR></TBODY></TABLE>

前回やったテーブルに　時間設定で表示しますので　id　を　つけます。　そして　ＴＩＭＥで出すために　class="time" 時間設定を　そりが止まってから表示にしたいと思いますので　begin="am2.end"　に設定しました。　　別にここは　数字を入れてもかまいません。　　たとえば　begin="30"という具合に入れられても結構です。テーブルの色をクリスマスカラーにしてみました。

次に　

　('-'*)(,_,*)('-'*)(,_,*) ウンウン　これで　上書き保存して　ｈｔｍｌファイルを開いてみるのね。　　オオーw(*゜o゜*)w　そりが動いてメッセージがちゃんと出たわ。　　ねねね　クッピー　なんだか　メッセージが　ぱっと出るから　以前スライドショーでやったように　ゆっくり出しましょうよ

　ＯＫ　エルのご希望とあれば　トランディッションのフェードインを使いましょう。　次のソースを</TABLE>　の後に入れます。

<t:transitionFilter id="fade1" targetElement="table" type="fade" subtype="crossFade" mode="in" begin="table.begin" dur="3" autoreverse="false" repeatcount="1" />

それから　テーブルをクリックすると少し背景が透けてみるようにしました。　次のソースを入れますね。

<t:set targetElement="table" attributeName="filter" to="alpha(opacity=70)" begin="table.click" />

いかがですか？　　scriptとＴＩＭＥの組み合わせのひな形ができましたね。・・・・・サンプル

２．　　著作権表示

これで　いろいろなscriptとTIMEを組み合わせることができるわね。　　ところでひな形をいただくと著作権表示がしてあるわね。
あれは　どうしたらいいの？

　そうね　著作権もネット上では最近　記載が必要となってきているわね。まずは　HTML+TIMEはHTML+TIMEひな形講座さんのをつかっているから　それをリンクしますね。　ブルーの色です。　<A href="リンク先のURL">リンク先</A>とします。　別窓で開きたいときはtarget="_blank"の属性を入れます。　次にscriptは　雛形倶楽部のですから　緑色のようにしておなじようにして入れますね。　画像も必要なときは　オレンジ色のように入れます。　　次に　ひな形作成者を入れます。　　例として　メールアドレスを入れてみました。　メールアドレスの場合は　A href=の後に　"mailto:　をいれてその後にメールアドレスを入力します。　</A>で閉じるのは同じですね。　他に　midiをmidiサイトから借りた場合も著作権表示が必要となりますね。

<DIV style="width : 361px;height : 78px;top : 525px;left : 700px;
position : absolute;
z-index : 1;
visibility : visible;
"><FONT color="#330099" size="2"><A href="http://www.alpha-net.ne.jp/users2/u2men/study_of_time/main_frame.htm" target="_blank">HTML+TIMEひな形講座</A> 　script：<A href="http://page.freett.com/hinagataclub/index.htm?" target="_blank">雛形倶楽部</A><BR>
画像：　<A href="http://www004.upp.so-net.ne.jp/kuppy/" target="_blank">Kuppy</A>　　　Arranged by <A href="mailto:yktatsumi@hotmail.com">Kuppy</A></FONT></DIV>

なるほど　よくわかったわ。すべての入力が終わったら　上書き保存ね　　これで私も　バッチシよ！！　　だけど　ひな形ができたらなんだけどね　(*^.^*)エヘッ