本日のアジェンダ
1限目
実技 WEBページ制作実習③
SNSの埋め込みについて
2限目
実技 WEBページ制作実習③
WEBページ制作
3限目
実技 WEBページ制作実習③
WEBページ制作
4限目
実技 WEBページ制作実習③
課題制作
5限目
実技 WEBページ制作実習③
課題制作
本日のテーマ
コーディングを進めましょう！
本日のレポート
SNSの埋め込み
Youtube 埋め込みの手順
- 埋め込みたい動画をYouTubeで開く。
- 動画の下にある「共有」ボタンをクリック。
- 「埋め込む」を選択。
- 表示された埋め込みコードをコピー。
- ウェブサイトのHTMLにコードを貼り付け。
YouTube動画をウェブサイトに埋め込む際、様々なオプションを使って表示をカスタマイズ可能。
（ミュート、再生位置の指定、関連動画の非表示、ロゴの非表示など）
GoogleMap 埋め込みの手順
- Google マップで場所を検索。
- 「共有」ボタンをクリック。
- 「地図を埋め込む」を選択。
- 表示された埋め込みコードをコピー。
- ウェブサイトのHTMLにコードを貼り付け。
- サイズ調整 (必要に応じて)
X（旧Twitter）「投稿」の埋め込みの手順 ※タイムラインは有料
- 埋め込みたいX（旧Twitter）の投稿の右上にある「…」ボタンをクリックし、「ポストを埋め込む」を選択。
- 「Copy Code」ボタンをクリックして、埋め込みコードをコピー。
- ウェブサイトのHTMLにコードを貼り付け。
本日の制作物（本日までの途中経過）
表示がずれたので次回修正する。
