第2回いろんなメディア

注意

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

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

色の表現

色コード表

DICカラーガイド

画像

画像の表現

画像ファイル

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

（教科書p88-106を参照）

各画像形式の比較 (p98-99)

<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を演奏することもできます。

宿題

教科書を見ながら、今日学んだところまでのタグを全て使ってHTMLとCSSファイルを作成しなさい。ただし内容は教科書通りでなく、自分なりのコンテンツに変更してください。
もし余裕があるなら、電大校歌BGMで流す等の工夫をしてみなさい。

ヒント：フリーのmidi編集ソフトなどを使うと便利です電大校歌の楽譜

関連するファイル一式を、ウェブページとしてアップロードしなさい。
関連するファイル一式を、自分の学籍番号のフォルダを作って授業フォルダに提出しなさい。

授業フォルダの場所：: \\nas002.term.usmc.dendai.ac.jp\授業用ワークスペース\千住キャンパス\前期\未来科学部\②情報メディア学科\FI1コンピュータプラクティス／Webページ制作(森本有紀)\第10回\提出

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

第2回 いろんなメディア

注意