サンプルページ　　　説明書 6

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　説明書 6　　setumeisyo6.htm

中（右）ﾌﾚｰﾑのﾍﾟｰｼﾞを切り替えても、ｻｳﾝﾄﾞ（BGM）演奏を継続。　　　　　高さ0pixelの上ﾍﾟｰｼﾞに、ｻｳﾝﾄﾞ・BGMﾀｸﾞを記述。　　　　　　　ｻｳﾝﾄﾞ（BGM）、ﾌﾚｰﾑｻｲｽﾞ、左ﾌﾚｰﾑ中のﾊｲﾊﾟｰﾘﾝﾝｸなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。　　　　関連・詳細情報：　BGM、BGMｵﾝ/ｵﾌ、7.5 "♪"　を流してみる。、Windows Media Player 2

ﾃﾞﾓは、HUNbgm.htm の（ｸﾘｯｸ）ｵｰﾌﾟﾝで。

< ご使用方法 >

・　ﾛｰｶﾙ（=PC）への保存は、setumeisyo6.htm、HUNbgm.htm〔（左・上・中（右）ﾌﾚｰﾑ〕、hidari.htm（左ﾌﾚｰﾑﾍﾟｰｼﾞ - ﾘﾝｸﾒﾆｭｰ記述（例））、naka.htm（任意の初期ﾍﾟｰｼﾞ、ﾄｯﾌﾟﾍﾟｰｼﾞのｺﾝﾃﾝﾂ、表紙などを記述）、sound1b.htm（上ﾍﾟｰｼﾞ）、sound1.asx（連続演奏のｻｳﾝﾄﾞﾌｧｲﾙを記述）を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]－[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、などで変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。

･　編集方法は、*.html を WordPad や SmipleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰで開き編集します。　　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。　　　ﾌﾚｰﾑの構成、ｻｲｽﾞ、初期に表示するﾍﾟｰｼﾞなどは、(*1) を参考に。　　　左のﾘﾝｸ・ﾒﾆｭｰﾍﾟｰｼﾞの編集は、(*2) を参考に。　　BGMを記述したﾍﾟｰｼﾞの編集は、sound1b.htm を参考に。　　BGMの記述ﾍﾟｰｼﾞ（本例=sound1b.htm）は、既存のﾍﾟｰｼﾞなどいろいろ、いずれも利用可能。（例）:(*3)（<bgsound>ﾀｸﾞ使用。）、BGM、ﾗﾝﾀﾞﾑﾊﾞｯｸﾐｭｰｼﾞｯｸ

　･　関連情報：色記号、2、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門が便利！。　　　Web & Internet Samples、Online Columns、XML、DHTMLとは？、ColorTable、HTMLの色指定、色見本。

(*1) ：　HUNbgm.htm （例）　　　　　　　　　　ﾃｷｽﾄｴﾃﾞｨﾀｰで開き、編集、任意ﾌｧｲﾙ名で使用します。　　このﾍﾟｰｼﾞを開くとﾌﾚｰﾑを表示、このﾌｧｲﾙ自体は見えません。　　

　*.htmの編集方法　

(*1)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓の太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

ﾌﾚｰﾑﾍﾟｰｼﾞの名称

左ﾌﾚｰﾑの幅(pixel)

左ﾍﾟｰｼﾞのﾌｧｲﾙ名

上ﾍﾟｰｼﾞの高さ(pixel)　0=非表示

上ﾍﾟｰｼﾞのURL(BGMﾀｸﾞを記述した任意のﾍﾟｰｼﾞ)

初期中(右)ﾍﾟｰｼﾞのﾌｧｲﾙ名(ﾄｯﾌﾟﾍﾟｰｼﾞのｺﾝﾃﾝﾂ、表紙などを記述)

ｺﾒﾝﾄ=任意ﾃｷｽﾄ、省略可。（動作に無関係）

<html>

<head>

</head>

</frameset>

<body>

ここに、サイト=ページの紹介文などを記述します。　検索エンジンの、”サマリー”に表示されたりします。　検索キーワードも抽出されます。

</body>

</noframes>

</frameset>

<!--　編集は、それぞれ下記部分で。

【枠線】　

framespacing="1" border="0" frameborder="0"　

【スクロールバー】

scrolling="auto"

【フレームサイズ】

cols="150,*"

※：30%　など可。

固定は、noresize

【表示先】

target="hidari"

-->

</html>

(*2) ：　hidari.htm （例）　　　　　　　　　　　ﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾘﾝｸﾒﾆｭｰなどを編集し、使用します。

　*.htmの編集方法　

(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓の太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

※：<body>　部の編集　背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

削除

中ﾌﾚｰﾑで表示させるﾌｧｲﾙ名　　中ﾌﾚｰﾑで表示させるｻｲﾄ名

削除

中ﾌﾚｰﾑで表示させるURL　中ﾌﾚｰﾑで表示させるｻｲﾄ名

削除

中ﾌﾚｰﾑで表示させるﾌｧｲﾙ名　　中ﾌﾚｰﾑで表示させるｻｲﾄ名

削除

<html>

<head>

<title>左ページの名称を記述</title>

</head>

左 

hidari.htm 

xxxx.htm をさまざまなフレームで表示する（例）：

<a href="xxxxx.htm" target="_top">ページ全体で表示</a> 

<a href="xxxxx.htm" target="_blank">新しいWinで</a>

<a href="xxxxx.htm" target="hidari">左フレームで</a>

<a href="xxxxx.htm" target="migi">右フレームで</a>

<a href="xxxxx.htm" target="ue">上フレームで</a>

<a href="xxxxx.htm" target="naka">中フレームで</a>

<a href="naka_p.htm" target="naka" title="単独では、別ﾍﾟｰｼﾞを表示します。">中フレームで中プロテクトを表示</a>

<a href="http://www.google.com/intl/ja/" target="naka">中フレームでGoogleを</a>

<a href="http://www.apple.com/quicktime/hotpicks/" target="naka">QuickTime-Hot Picksを中フレームで</a> 

<a href="xxxxx.htm" target="sita">下フレームで</a>

<a href="hidari.htm#top" target="hidari">左初期ページ</a> 

<a href="migi.htm#top" target="migi">右初期ページ</a> 

<a href="ue.htm#top" target="ue">上初期ページ</a> 

<a href="naka.htm#top" target="naka">中初期ページ</a> 

<a href="sita.htm#top" target="sita">下初期ページ</a> 

</body>

</html>

(*3) ：　上ﾍﾟｰｼﾞ（例）　　　　　　　　　ﾃｷｽﾄｴﾃﾞｨﾀｰで開き、編集しhogehoge.htmlと同ﾃﾞｨﾚｸﾄﾘｰに転送・配置します。　

　*.html

(*3)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓の太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

音源のURLﾌｧｲﾙ名（挿入ﾌｧｲﾙと同ﾃﾞｨﾚｸﾄﾘｰに配置時はURL省略可。

繰り返し演奏回数

<html>

任意のHTML

====　　この間、説明を省略。　　====

<head>

<head>

任意のHTML

====　　この間、説明を省略。　　====

</body>

</html>

※:　ｻｳﾝﾄﾞﾌﾟﾚｲﾔｰを非表示、自動演奏開始のｻｳﾝﾄﾞ（BGM）を記述した（例）。　　

< 補足 >　　　　適時参照あれ！。

　・　Wordpad　によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。

・　”FrontPage Express” でのHTMLﾀｸﾞの編集方法は、ｺﾋﾟｰ元の範囲を左ｸﾘｯｸした状態でﾏｳｽｶｰｿﾙでなぞり範囲指定し、反転表示に変えます。　　Ctrl+Ｃｷｰを押します〔あるいは右ｸﾘｯｸ → ｺﾋﾟｰ〕。　　FrontPage Express で挿入先のﾌｧｲﾙを開き、 [表示] - [HTML]を選択、【HTMLの表示と編集】、　<body>　～　</body>の間の任意の行、 ”挿入場所=～” にｶｰｿﾙを置き、Ctrl+Ｖｷｰを押します。〔あるいは、右ｸﾘｯｸ → 貼り付け〕でのﾍﾟｰｽﾄや、HTMLのﾀｲﾌﾟｲﾝを行い、 [OK]　で完了！。　Internet Explorer5.x～

　・　”FrontPage Express” での個別のHTMLﾀｸﾞの挿入方法は、 [挿入] - [HTMLﾏｰｸｱｯﾌﾟ]ﾒﾆｭｰで、HTMLのﾍﾟｰｽﾄ･編集、 [OK]　で完了！。　　この場合、[？] などのﾏｰｸが作成されます。　　この[？]ﾏｰｸを任意のHTMLﾌｧｲﾙ（Webﾍﾟｰｼﾞ）の、任意の位置にﾍﾟｰｽﾄ（貼り付け）できます。　　　　編集は次の方法で行います。　　[？]を右ｸﾘｯｸし、[HTMLﾏｰｸｱｯﾌﾟのﾌﾟﾛﾊﾟﾃｨ]をｸﾘｯｸし、【HTMLﾏｰｸｱｯﾌﾟ】を開いて行います。　　この[？]を Wordpad にｺﾋﾟｰして、広い画面で編集後、再び【HTMLﾏｰｸｱｯﾌﾟ】に戻しても同じ。

　・　”FrontPage Express”の起動は、【ｽﾀｰﾄ】- [ﾌｧｲﾙ名を指定して実行] - 名前：　Fpxpress　（半角）を入力、Enterｷｰを押すなどで。

　･　”IBMﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞｰ”での個別のHTMLﾀｸﾞﾞの挿入方法は、挿入位置をﾎﾟｲﾝﾄします。　　[挿入]ﾒﾆｭｰ - [その他] - [HTMLﾀｸﾞ]を選択し、HTMLの記述を行い - [OK]にて終了します。　　編集はこのｺﾝﾃﾝﾂ部を右ｸﾘｯｸ、[属性変更]などで行います。　　ﾃｷｽﾄｴﾃﾞｨﾀｰでｺﾋﾟｰ/ｶｯﾄ/編集したﾃｷｽﾄ=HTMLﾄﾞｷｭﾒﾝﾄをこの方法で挿入できます。　　　　　　全体のHTMLﾀｸﾞﾞの挿入方法は、最上・下段の[HTMLｿｰｽ]ﾀﾌﾞをｸﾘｯｸします。　HTMLの編集（追加/ﾍﾟｰｽﾄ/変更/削除/ｶｯﾄ/移動）を行います。　　ﾛｰｶﾙ（PC）に保存し、[ﾌﾟﾚﾋﾞｭｰ]ﾀﾌﾞをｸﾘｯｸし、ﾓﾆｰﾀｰで確認します。　　　　これらのHTMLの挿入方法はｱｸｾｽｶｳﾝﾀｰや、Java Applet、Java Script 、DHTMLなどの追加/記述にも重宝します。