Meiji Mail(Office365)
2021年度「春期生田システム講習会」
「HTML&CSS」オンデマンド受講用コンテンツ
~モダンな Web サイトを制作しよう!~
テキスト・配布ファイル・動画等は下表のリンクからアクセスしてください。
※1 受講前に「オンデマンド受講の手引き」を必ず確認してください。
※2 配布ファイルは展開してから使用してください。
コンテンツ | 説明 | 閲覧制限 | |
受講準備 | 「HTML&CSS オンデマンド受講の手引き」(PDF) ※1 | なし | |
インストール | 「秀丸エディタのインストール手順」(PDF) | 学内のみ | |
テキスト | 「HTML&CSS テキスト」(PDF) | 学内のみ | |
「HTML&CSS 配布ファイル」(Zip) ※2 | |||
講習用動画 |
動画名 | テキスト該当箇所 | 学内のみ |
HTMLCSS_1.mp4 (mp4)(09'03") | 1.講習会の概要とHTML・CSSとは(p.1) | ||
HTMLCSS_2.mp4 (mp4)(10'38") | 2.開発環境の準備と操作方法(p.12) | ||
HTMLCSS_3_1_1.mp4 (mp4)(12'21") | 3.HTMLファイルの作り方 前編(p.20) | ||
HTMLCSS_3_1_2.mp4 (mp4)(10'07") | 3.HTMLファイルの作り方 後編 (p.34) | ||
HTMLCSS_3_2.mp4 (mp4)(08'41") | 3.演習問題 解説(p.42) | ||
HTMLCSS_4_1.mp4 (mp4)(08'32") | 4.CSSファイルの作り方(p.43) | ||
HTMLCSS_4_2.mp4 (mp4)(07'38") | 4.サンプルCSSファイルの解説(p.52) | ||
HTMLCSS_5_1_5_2.mp4 (mp4)(02'20") | 5.CSSフレームワークを用いたWebサイト構築(p.62) | ||
HTMLCSS_5_3.mp4 (mp4) (mp4)(08'36") | 5.Bootstrapの利用(p.66) | ||
HTMLCSS_5_4.mp4 (mp4)(03'58") | 5.演習問題 解説(p.73) | ||
HTMLCSS_5_5.mp4 (mp4)(06'55") | 5.作成したWebサイトのアップロード(p.76) | ||
HTMLCSS_6.mp4 (mp4)(01'58") | 6.まとめ(p.81) |