勉強不足ですがHPを制作するのは初めてでなんとか形が出来ました。
最後に画像やリンクをクリックした時に音がなる様にだけしたいんですが、自分で調べてみても用語などがさっぱりで理解出来ません。
同じような質問もあり試してみたんですがどこに何を入れれば良いのかもよく分かりません..
使っているソフトはDreamweaver CS3です。
A.wavという音のファイルをindexのページのクリック出来るところ全て
に適用したいです。
サイトで色々調べたんですが添付URLに記載してあるタグをどういった形でどこに貼付ければ良いのか教えて頂きたいです。
http://beginners.atompro.net/smpdhtm_msound1.shtml
面倒だと思いますがどうか詳しい方教えて下さい。
宜しくお願いします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
単純に質問者様の回答に答えるサンプルとしてはこんな感じです。
<p>
<a href="#" >
ここにマウスを重ねてもサウンドは鳴らない
</a>
</p>
<p>
<a href="#" >
<bgsound src="" id="sd01">
<span onmouseover="document.getElementById('sd01').src='A.wav';" onmouseout="document.getElementById('sd01').src='A.wav';">ここにマウスを重ねるとサウンドが鳴る </span>
</a>
</p>
実際に、今自分でサクッと作ってみて鳴りましたが、こう書いたとしてもまだ、どこにどう貼ればよいかピンと来なかったりしていますか?
だとしたら、#1さんの回答にあったように「まずは、html の記述を学ぶ事をお勧めします。」が最適解になります。
テキストエディタで書こうが、ツールで書こうが、結局は遠回りでも、それしかないんです。
それと、もうひとつ夢を壊すような事を書いてしまいますが(ごめんなさい)、質問に書かれたサイトの方法は「OSがWindows」かつ「ブラウザがIE6以降」でしか動きません。サイトにもその旨、明記されています。
もし、知り合いに「HP作ったから見て!音鳴るから!」と自慢げに伝えても、知り合いが FireFox や Opera または、Macユーザーだったとしたら音は鳴りません。
さらにもうひとつ、A.wavのパス(置き場所)は、HTMLファイルと同じ場所ですか?もし、フォルダの階層があるとしたら、これも、この記述のままでは動かないです。
「絶対パス」「相対パス」の概念を理解する必要があります。
(結局、#1さんの「html の記述を学ぶ」に戻ると言う事です)
No.1
- 回答日時:
ご自身で調べられたページに書かれている通りに記述すれば良いだけです。
Dreamweaver CS3 に頼らず、html の記述が理解出来ないと、上記ページの内容を理解するには難しいと思います。
まずは、html の記述を学ぶ事をお勧めします。
具体的には、Dreamweaver CS3 でコードを開いて該当の記述を、参考になるページの記述に修正すると言うことです。
ご確認ください。
onmouseover="<bgsound src="" id="sd01">
<span onmouseover="document.getElementById('sd01').src='A.wav';" onmouseout="document.getElementById('sd01').src='A.wav';"></span>"
onmouseout="<bgsound src="" id="sd01">
<span onmouseover="document.getElementById('sd01').src='A.wav';" onmouseout="document.getElementById('sd01').src='A.wav';">ここにマウスを重ねるとサウンドが鳴る </span>"
こうゆう事ですか?
これをどこにはればいいんでしょうか?
あと【ここにマウスを重ねるとサウンドが鳴る】とありますが一つ一つやってかないといけないんですか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(クラウドサービス・オンラインストレージ) firestorage_androidスマホでダウンロードできない 1 2022/10/25 08:18
- HTML・CSS VSコードでHTMLに(リンク)ファイル名をクリックしてもファイルが開かれない 1 2023/02/12 07:52
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- 画像編集・動画編集・音楽編集 YouTubeを録音できるソフトを教えてください。 5 2023/02/12 10:19
- YouTube 新しく買ったデスクトップPCを使用すると、今までのGoogleのアカウントが使えなくなった。 1 2023/01/07 00:41
- Excel(エクセル) ExcelのFSO(ファイルシステムオブジェクト)について学びたいのですが。。。 5 2022/12/15 18:06
- 画像編集・動画編集・音楽編集 【急】【Zbrush】3DCG初心者です。ノートPCでのZbrush動作環境につきまして 1 2023/08/19 17:38
- その他(スマホアプリ・スマホゲーム) アプリをスマホにダウンロード、インストールする方法 3 2022/08/13 11:26
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
BlueGriffon 開発中止になった...
-
指定した演算を実施の結果を表...
-
指定した演算を実施の結果を表...
-
htmlの文字が縦書きになる
-
X の仕様変更? 埋め込みフレー...
-
CSSファイルの日本語コメントが...
-
先日ウェブデザイン技能検定三...
-
<!DOCTYPE html>あってますか?...
-
htmlソース編集で、各タグを何...
-
テーブルの行を折りたたみたい...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?↑
-
静止画画像をクリックすると音...
-
角丸画像の背景色を透明にした...
-
WEBページを強制的に横画面で見...
-
iPhoneで HTMLファイルを閲覧
-
Duolingo のソースコードの名前...
-
Webページのリンクの貼り方を教...
-
、URL化させるにはどうしたらい...
-
goo は、放置?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
embedタグでFirefox右クリック禁止
-
HTML 特殊文字の タブ:	...
-
個人HPにログイン機能付けられる?
-
textarea 内に IFRAME を読み込...
-
CSSでindex.htmlをクリックする...
-
Affinger6でトップページに記事...
-
EUC文字体系のhtmlから、mailto...
-
ブラウザで一定時間が過ぎると...
-
iframe の代用で objectタグを...
-
タグの左揃えと波型の違いで・
-
別ページをベージを写す
-
エラーメッセージ
-
12月のカレンダーを表すHTMLを...
-
ウェブサイト構築の勉強方法に...
-
うっかり</body>と</html>を消...
-
cssでclass名に大文字、アンダ...
-
Bing 個別ページの登録の有無の...
-
googlemapへのリンクを作りたい
-
シグネチャはどこにいれるべき?
-
リンクの下線を消して、文字色...
おすすめ情報