第2回 いろんなメディア

注意

いろんなメディアを使い始めると、著作権、肖像権、その他の権利関係に十分な注意が必要です。

指定した教科書には動画と音楽の項目がないので、 スタートアップHTML5という教科書を参考にしています。

色の表現

画像

画像の表現

画像ファイル

webページで表示できる画像主なファイルの形式にはgifとjpegとpngがあります。それぞれに特長があり、使い分ける必要があります。

（教科書p88-106を参照）

<img src="（画像の名前）" alt="（画像が表示できない場合に表示する文字）" width="（横幅）" height="（高さ）">

動画

gifアニメーション

gifアニメーションを使えば、比較的簡単にwebページに動きをつけることができます。簡単なXHTMLを記述して、作成したgifアニメーションを貼り付けてみましょう。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
    <title>
      アニメーションgifのテスト
    </title>
  </head>
  <body>
    <h1>回る回るパンダが回る</h1>
    <img src="namapanda.gif" alt="回るパンダ">
  </body>
</html>

動画の配信

音楽

音楽の再生について

音声関係のファイルを再生したり、BGMを演奏することもできます。

宿題

  1. このようなページをHTML5で記述し、先週upした自分のwebページからリンクを張りなさい。
  2. もし余裕があるなら、電大校歌BGMで流す等の工夫をしてみなさい。
  3. 作成したファイル一式は総合メディアセンターのフォルダに提出すること。
    4. 授業フォルダの場所：
    \\nas002.term.usmc.dendai.ac.jp\授業用ワークスペース\千住キャンパス\前期\未来科学部\②情報メディア学科\FI1コンピュータプラクティス／Webページ制作(森本有紀)\第10回\提出

締め切り：今週金曜日　正午

☆使用する写真↓

玄関の写真