-本日のアジェンダ-
1限目
実技 WEBページ制作実習③
SNSの埋め込みについて
2限目
実技 WEBページ制作実習③
WEBページ制作
3限目
実技 WEBページ制作実習③
WEBページ制作
4限目
実技 WEBページ制作実習③
課題制作
5限目
実技 WEBページ制作実習③
課題制作
【講師用カリキュラム情報】
※このブロックは公開時は非表示になります。削除しないでください。
※講師用の情報（注記）を追記して頂いても大丈夫です。
ストーリー：とにかく作る
内容1：WEBページ作成⑦
内容2：WEBページ作成⑧
内容3：
課題：出来たものをUP
（注記）
・前回SNS運用基礎△にてSNSとは？を学んでいます。
・本日の実技では、SNSの埋め込みについて説明をお願いいたします。
・動画の埋め込みについても追加しました(2025/01/16:中野) ※動画基礎ではPremiereProの説明が主体となる為 もしボリュームバランスが良くなければ、講師の先生にアジェンダ編集含め調整いただけますと幸いです。
本日のポイント
コーディングを進めましょう！
【SNSの埋め込み方について】
埋め込み例
https://samplesdl.me/training_html-css/sns.html
【動画の埋め込みタグについて】
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>
参考サイト
本日の課題
今日できたところまでのサイトをサーバにアップしましょう