-本日のアジェンダ-
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サイトに動画を埋め込む方法は2つあります。
①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>
参考サイト
本日の課題
今日できたところまでのサイトをサーバにアップしましょう