2025年7月29日

-本日のアジェンダ- 1限目実技 WEBページ制作実習③SNSの埋め込みについて 2限目実技 WEBページ制作実習③WEBページ制作 3限目実技 WEBページ制作実習③WEBページ制作 4限目実技 WEBページ制作実習③課題制作 5限目実技 WEBページ制作実習③課題制作 本日のポイント コーディングを進めましょう！ 【SNSの埋め込み方について】 他サイトコンテンツの利用方法 埋め込み例https://samplesdl.me/training_html-css/sns.html 【動画の埋め込みタグについて】 VIDEOとIFRAMEタグ WEBサイトに動画を埋め込む方法は２つあります。①iframeタグを使用する（youtubeなどの動画サイトから読み込む）②videoタグを使用する（動画ファイルをアップロードして読み込む） ①IFRAMEタグを使用する（YOUTUBEなどの動画サイトから読み込む） 記述例 &lt;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&gt; ②VIDEOタグを使用する（動画ファイルをアップロードして読み込む） 記述例 &lt;video src="sample.mp4"&gt;&lt;/video&gt; 参考サイト 【HTML】動画を扱う。HTML5から導入されたvideoタグの基本～応用について解説。 動画形式とその特徴について 高品質なフリー動画素材 – Pixabay 本日の課題 今日できたところまでのサイトをサーバにアップしましょう