白紙からのページ作成　～壁紙やＢＧＭ～

ページに壁紙やＢＧＭを設定して。ページを飾ります。

壁紙を設定する

Webページの背景に貼り付けられた画像ファイルを壁紙と言います。

ページの背景に壁紙を設定します。（以下の方法は、HTML5文書フォーマットには適しません。詳細はHTML5での壁紙指定を参照する。）

➊hoshikawa_club.htmlを開き、ナビメニューから［壁紙の挿入→素材集から］を選択します。

• 壁紙の挿入
  • 
  • ➊ナビメニューの［壁紙の挿入］→［素材集から］を選択する。

•  ［ファイルから］
  ［ファイルから］ を選択すると、パソコンに保存されている写真などの画像を壁紙にすることができます。

➋一覧から壁紙にしたい画像を選択し、［開く］をクリックします。

• 素材集の壁紙を選択
  • 
  • ここでは、［壁紙用素材］からwallppr089.gifを選びます。
• ページに壁紙が設定される
  • 

➌［上書き保存］をする

• 背景画像に対して、［素材ファイルをコピーして保存］ダイアログが表示されるので、画像専用のフォルダーに保存する。

ＢＧＭを設定する

BGMが勝手にスタートし繰り返し再生するというのは、閲覧者から嫌われるページなので、注意しましょう。HTML5ではこちらの方法で挿入しても、再生ができないようです。

➊ページhoshikawa_club.htmlの画面右側の［素材］タブをクリックします。

• 素材ビュー
  • 
  • ➊［素材］タブをクリックすると、［素材］ビューが表示される。➋上部ビューで［サウンド］を選択、➌下部ビューで、サウンドファイル cooking.mid を選択する。

➋上部にある一覧から、［サウンド］を選択します。

➌下部にある素材の一覧から、設定したいサウンドファイルを選択します。

• ここは cooking.mid を選択します。  

•  サウンドファイルを再生して確認する
  設定する前にサウンドファイルを再生したい場合は、サウンドファイルを選択して、右クリックして表示されるメニューから［再生］を選択します。
  サウンドファイルの再生には、Windows Media Player® などのサウンドファイルを再生できるソフトが必要です。

➍右クリックして、編集領域へドラッグし、マウスを離します。

• サウンドファイルの挿入
  • 
  • ❹選択したサウンドファイルを右クリックし、編集領域へドラッグする。❺選択肢が表示されるので、［プラグインとして貼り付ける］あるいは［ＢＧＭとして挿入］を選択する。

➎［プラグインとして貼り付ける］あるいは［ＢＧＭとして挿入］を選択する。

• ▶サウンドファイルが挿入されます。

➏［プレビュー］タブをクリックしてプレビュー画面に切り替え、サウンドファイルの再生を確認します。

➐HTMLソースを表示し、サウンドが挿入されたソースを編集します。

• ［プラグインとして貼り付ける］の場合は編集しない：
  • <embed src="../img/cooking.mid" type="audio/mid">
• ［ＢＧＭとして挿入する］の場合：
  • <embed src="../img/cooking.mid" autoplay="true" hidden="true" loop="true">
• 再生を一回きりになるようにサウンドソースを編集
  • <embed src="../img/cooking.mid" hidden="true">

➑ページを保存します。

➒ブラウザで確認します。

➓確認メッセージが表示されるので、［ブロックされているコンテンツを許可］を押す。

• サウンドの再生
  • 

次は、表を作るです。