-本日のアジェンダ-
1限目
学科 WEB動画基礎
WEB動画について
2限目
学科 WEB動画基礎
Adobe Premiere Proについて
3限目
学科 WEB動画基礎
動画制作について
4限目
学科 WEB動画基礎
課題作成
5限目
学科 WEB動画基礎
課題作成
【講師用カリキュラム情報】
※このブロックは公開時は非表示になります。削除しないでください。
※講師用の情報（注記）を追記して頂いても大丈夫です。
ストーリー：動画も入れる
内容1：プレミアプロ動画(約60分)
内容2：WEB動画基礎(約85分)
内容3：埋め込みタグ紹介/WEBページ作成⑨
課題：なし
（注記）
・補足資料としてさらに以下の動画を入れています。全体で視聴するかどうか、時間の使い方は講師の先生にお任せします。(中野：12/19)
「動画の歴史について.pdf」 (約45分)
「WEB動画の未来について.pdf」 (約40分)
本日のテーマ
動画制作ツールとWeb動画についてです
WEB動画について
Web動画とは、WebサイトやYouTubeチャンネルなど、オンラインでの視聴を想定した動画全般を指します。 「Webムービー」と呼ばれることもあり、目的はブランディングや商品・サービスのプロモーション、広告配信など多岐にわたります。
【資料】
カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/
下記のファイルをダウンロードしましょう。
・「WEB動画基礎について.pdf」
・WEB動画基礎20220818.pdf
【動画】Adobe Premiere Pro
【動画】Web動画について(2022/8/18)
【動画の埋め込みタグについて】
VIDEOとIFRAMEタグ
WEBサイトに動画を埋め込む方法は２つあります。
①iframeタグを使用する（youtubeなどの動画サイトから読み込む）
②videoタグを使用する（動画ファイルをアップロードして読み込む）
①IFRAMEタグを使用する（YOUTUBEなどの動画サイトから読み込む）
記述例
<iframe width="410" height="200" src="https://www.youtube.com/embed/9No-FiEInLA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
②VIDEOタグを使用する（動画ファイルをアップロードして読み込む）
記述例
<video src="sample.mp4"></video>
参考サイト
その他、埋め込みについては下記を参考に！
SNSの埋め込み方
本日の課題
提出課題はありません。
就職活動に応じた作品制作、ポートフォリオのまとめやコーディングの続きを進めましょう。
補足資料
ここからは補足資料です。
興味のある方は時間のある時にご自身で視聴ください。
多様化する動画の世界、まずは普段から楽しんで使いましょう。
目的を相手に伝えやすい媒体である動画（ムービー）はやっぱり需要が高い。
動画の特徴
・「興味を引きつける」
・「多くの情報を伝えられる」
・「記憶に残る」
動画コンテンツの種類
1.「商品・サービス紹介」
2.「動画広告」
3.「採用コンテンツ」
4.「社内向けコンテンツ」
未来のキーワード
・メタバース
・動画マーケティング
・AI
・5G
【資料】
カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/
下記のファイルをダウンロードしましょう。
「動画の歴史について.pdf」
「WEB動画の未来について.pdf」
【動画】動画の歴史について
参考サイト
【動画】WEB動画の未来について
参考サイト