トップ > インターネット > ホームページ作成・素材 > HTMLの基礎−タグを覚えてウェブページを作ろう!−

ホームページはHTMLタグの知識とテキストエディタさえあれば作成できます。またタグを理解していればサイトの細かい部分まで手が届きます。でも、わからない・・そんな方にお送りする初心者向けのHTMLタグ講座「HTMLの基礎」。

RSS


メルマガの登録・解除

登録した方には、メルマ!からオフィシャルメルマガ(無料)をお届けします。



HTMLの基礎 Vol.35 アプレット・BGM(applet・bgsound)

発行日:2/25

*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

    HTMLの基礎 −タグを覚えてウェブページを作ろう!−

      2005/02/25(Fri) Vol.35       執筆:ykr
              http://ykr.main.jp/html/index.html

*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

   1.Javaアプレットを読み込む <applet>

   2.バックグラウンドで音楽を流す <bgsound>

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   


  早いものでもうすぐ3月です。特に2月は短いせいか時間のたつのがとて
  も早く感じられます。年度末が近づいており、とても忙しい毎日でかなり
  睡眠不足気味なので、もしかしたら誤字脱字が目立つかもしれませんが、
  (見直しはしてはいますが)もしあればご了承ください。

  今回はアプレットの貼り付けとBGMの設定(IE独自)を行います。
  それでは今回も最後までお付き合い宜しくお願いいたします。


  ※注意  HTMLのバージョンは4.01です。
       発刊時点で非推奨とされてるものも掲載しています。
       表示確認しているブラウザは、WinIE6、WinNN7、MacIE5.2
       MacNN7です。その他のブラウザでの表示は未確認ですので
       意図したとおりにならないことがあります。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


1.Javaアプレットを読み込む <applet>


  <applet>はページに「JavaApplet」を貼り付ける際に使用します。
  (ここではJavaAppletについては詳しく説明しません。)JavaAppletは
  JavaScriptとは全くの別のものであり、ウェブページを開くと自動的にダ
  ウンロードされて、音を鳴らしたりアニメーションを表示したりするプロ
  グラムのことです。

  ※JavaScriptはhtmlのように、テキストエディタとある程度の知識さえあ
   れば書くことができますが、JavaAppletはJDKと呼ばれる開発ツールを
   必要とします。私も昔一時だけはまりました。しかし、読み込みも実行
   時も重いので(ものにもよりますが)サイトで利用しようとは思いませ
   ん。(あくまでも私はです。中には便利な物・面白い物もあります。)


----------------------------------------------------------------------


 ■例

 <applet width="100" height="100" code="samp.class" codebase="jap/">
 </applet>


  上記のように<applet>を利用して、JavaAppletのファイルを読み込むこと
  ができます。属性については以下のとおりです。

  ▼<applet>の属性

   ・width   ・・アプレットの横幅を記述(ピクセル or %)
   ・height  ・・アプレットの縦幅を記述(ピクセル or %)
   ・code   ・・ファイル名を記述
   ・codebase ・・指定するファイルの基準となるURLを記述


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


2.バックグラウンドで音楽を流す <bgsound>


  IE独自のタグですが、ページを開くとバックグラウンドで音楽を流す事
  ができます。(パソコンの設定にもよります。)
  mid・wav・au・aif などの拡張子のサウンド形式をサポートしています。

  ただ、ユーザーの意思と関係なく、夜中にいきなり大音量で音楽が流れ
  てしまう可能性もあるということを頭に置いて使用しましょう。


----------------------------------------------------------------------


 ■<html>
  <head>
  <title>sam</title>
  <bgsound src="sam.mid" loop="infinite">
  </head>

  <bgsound>タグに属性を記述することにより、ページを開くとバックグラ
  ウンドで音楽を鳴らすことができます。属性については以下の通りです。

  ▼<bgsound>の属性

   ・src    ・・読み込むファイル名を記述
   ・loop   ・・数値で再生回数。infiniteを指定すると無限に再生
   ・volume  ・・音量設定。既定値が0で「-10000〜0」の間を指定
   ・balance  ・・左右のステレオの音声バランス。
           既定値が0で「-10000〜10000」の間を指定


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


  それでは、いつもと同じ手順でHTML文書を作成して表示を確かめて
  みましょう。面倒な方は前回の続きに上書きしても良いでしょう。


----------------------------------------------------------------------


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<title>アプレットの読み込み・BGM</title>
<bgsound src="sam.mid" loop="infinite">
</head>

<body>
<h1>アプレットの読み込み・BGM</h1>
<h2>アプレットの読み込み</h2>
<hr>
<applet width="600" height="100" code="Textsign_15.class">
</applet>
<hr>

<h2>BGM</h2>
<hr>
<p>
BGMはhead内で設定しています。
</p>
<hr>
<p>
タグの性質上わかりにくいので実際にアプレットとBGMを読み込む簡単な
ページをソースの下に用意しましたのでご覧ください。
なお、BGMに使用するMIDIファイルとアプレットはフリーのものを使用さ
せていただきました。ぜひ作者のページにも訪れてみてください。
</p>

</body>
</html>


----------------------------------------------------------------------


  ▽サンプルページ・・http://ykr.main.jp/html/sam/sam.html
   (ブラウザによっては正しく動作しない場合があります)

  さて、記述できたらファイルを保存します。
  前回のファイルに追加したという方は、上書き保存か名前をつけて、新
  しく保存して下さい。拡張子は「.html」です。


----------------------------------------------------------------------


 ■<bgsound src="sam.mid" loop="infinite">


  上記の設定では、「sam.mid」ファイルを再生し続けます。しかしユーザ
  のパソコンの設定によっては音が鳴らないこともあります。


 ■<applet width="600" height="100" code="Textsign_15.class">
  </applet>


  「Textsign_15.class」という名前のアプレットをページに読みこみます。
  読み込まれると横幅600ピクセル、縦幅100ピクセルのアプレットが表示
  されます。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


来週は・・・

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

   1.動画や音声を埋め込む <embed>

   2.オブジェクトを貼り付ける <object>

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

(予告なく変更する事があります)


■ 雑記 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■


  今回も最後まで付き合ってくださった方、お疲れ様でした。

  次回紹介するタグも、今回と似たような関連性の深いタグです。(手抜
  き?)上で紹介した<bgsound>や<applet>ですが、なんでも覚え初めのこ
  ろは目新しいものが使いたく、これらのタグもそのうちのひとつでした。
  知り合いに見せては(強制的に)意見や感想などをきいたりしていました
  が、夜中に見ることが多かったらしく、またスピーカーの音量を大きくし
  たままだったために、ページを開いた瞬間に大音量でなんともいえない爽
  やかなBGMが流れてものすごく驚いたそうです。

  ユーザーの環境にも配慮したページ作りというものを考えさせられれた出
  来事でした。(私自身のPCはBGMは鳴らないように設定しています。)

  それではまた次回も宜しくお願いいたします。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■■■「HTMLの基礎」姉妹サイトです。よろしくお願いします。■■■■

■■■「全部まるごとスタイルシート」
■   http://ykr414.com/css/index.html
■   スタイルシート辞典です。プロパティごと、または目的ごとに引
■   け、ブラウザの対応状況なども掲載しています。
■   HTMLに加える事で、より細かいレイアウトの指定が可能に。
■   コピーペーストするだけで利用できるテンプレートのページも。

■■■「コマンドプロンプトを使ってみよう!」
■   http://ykr414.com/dos/index.html
■   コマンドプロンプトとは何かから始まり、バッチファイルの作成
■   法や、コマンド別・目的別に引けるコマンド辞典。
■   初心者でもわかるよう細かく説明。

■■■「伸び縮みマークアップ言語 XML」
■   http://ykr414.com/xml/index.html
■   SGMLのサブセットであるXMLは、ネット上で扱うデータを
■   記述するためのデータフォーマットで、柔軟性のある言語構造を
■   持っており、プログラムで自在にデータを情報処理できます。そ
■   のXMLを実際に文書を作成しながら解説。随時追加更新。

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■


・makers     http://ykr414.net/makers/
         ダイエットグッズ、美味しいもの、かわいいもの
         セレクトショップ。ちょっと珍しいグッズ・便利な
         サービスなどの情報も掲載。
         コラムなどのコンテンツもあります。

・YKR GALLERY   http://ykr414.net/
         CG、また実際に描いた絵を紹介するギャラリー。
         趣味で運営の為かなり更新が遅め。


*――*――*――*――*――*――*――*――*――*――*――*――*――*――*
  Auther       ykr
  Mail         ykr414@yahoo.co.jp
  URL          http://ykr.main.jp/html/index.html
  Copyright    (C)2004 ykr414. All rights reserved.
  Attention    掲載記事の無断転載を禁じます
*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

最新の記事

ブックマークに登録する

TwitterでつぶやくLismeトピックスに追加するdel.icio.usに追加Buzzurlにブックマークニフティクリップに追加Yahoo!ブックマークに登録記事をEvernoteへクリップ
My Yahoo!に追加Add to Google

規約に同意してこのメルマガに登録/解除する

登録した方には、メルマ!からオフィシャルメルマガ(無料)をお届けします。


この記事へのコメント

コメントを書く


上の画像で表示されている文字を半角英数で入力してください。

※コメントの内容はこのページに公開されます。発行者さんだけが閲覧できるものではありません。
コメントの投稿時は投稿者規約への同意が必要です。

  1. コメントはありません。

このメルマガもおすすめ

  1. @(あっと)驚く!エクセル好きルアップ  

    最終発行日:
    2011/05/26
    読者数:
    4068人

    エクセル(Excel)の基礎から裏ワザまで... D-UP発行のマガジンは、1問1答の形式、詳細な解説付きで配信。さらに連動した懸賞サービスもあり、スキルとプレゼントを同時にゲット。映画情報もあるよ

  2. これ知ってます?Wordの小ワザ&便利ワザ

    最終発行日:
    2011/05/26
    読者数:
    4680人

    D-UPが送る、ほほー!っと納得ワード(Word)の小ワザ&便利ワザをクイズ形式で楽しく学んでいきます。知ってて損することはありません。あなたの文章にアクセントをつけてみませんか?懸賞のチャンスもWでお得。

  3. 全部フリーソフト!!

    最終発行日:
    2014/02/26
    読者数:
    4880人

    ネット上にはこんなに便利なソフトがいっぱい。仕事にも、遊びにも、あると絶対にお得で楽しいソフトを1つずつご紹介します。

  4. 高橋浩子の日本一“お気楽”なパソコンマガジン

    最終発行日:
    2017/06/22
    読者数:
    1131人

    「クスッと笑えてタメになる」をモットーとするテクニカルライター高橋浩子が魂を込めてお届けする週刊メルマガ。パソコン講座を中心に、便利ネタやおすすめサイトもご紹介。とにもかくにも、“お気楽”に楽しめる異色のエンターテイメントマガジンである。

  5. C#プログラミングレッスン

    最終発行日:
    2017/03/04
    読者数:
    973人

    C#での .NETプログラミングを易しく丁寧に解説するメールマガジンです。「C#プログラミング・レッスン」で、.NETプログラミングをマスターしましょう。

発行者プロフィール

過去の発行記事