Meiji Mail（Office365）
～モダンな Web サイトを制作しよう！～
テキスト・配布ファイル・動画等は下表のリンクからアクセスしてください。
※1 受講前に「オンデマンド受講の手引き」を必ず確認してください。
※2 配布ファイルは展開してから使用してください。
| コンテンツ | 説明 | 閲覧制限 | |
| 受講準備 | 「HTML＆CSS オンデマンド受講の手引き」(PDF) ※1 | なし | |
| インストール | 「秀丸エディタのインストール手順」(PDF) | 学内のみ | |
| テキスト | 「HTML&CSS テキスト」(PDF) | ||
| 「HTML&CSS 配布ファイル」(Zip) ※2 | |||
| 講習用動画 |
動画名 | テキスト該当箇所 | 学内のみ |
| HTMLCSS_1.mp4 (mp4)(09'03") | 1.HTML・CSSとは | ||
| HTMLCSS_2.mp4 (mp4)(04'57") | 2.事前準備 | ||
| HTMLCSS_3_1_1.mp4 (mp4)(12'32") | 3.HTMLの基本 - 3-1.HTMLファイルの作り方（前半） |
||
| HTMLCSS_3_1_2.mp4 (mp4)(10'08") | 3.HTMLの基本 - 3-1.HTMLファイルの作り方（後半） |
||
| HTMLCSS_3_2.mp4 (mp4)(08'41") | 3.HTMLの基本 - 3-2.演習 |
||
| HTMLCSS_4_1.mp4 (mp4)(08'32") | 4.CSSの基本 - 4-1.CSSファイルの作り方 |
||
| HTMLCSS_4_2.mp4 (mp4)(07'38") | 4.CSSの基本 - 4-2.サンプルCSSファイルの解説 |
||
| HTMLCSS_5_1_5_2.mp4 (mp4)(02'17") | 5.CSSフレームワークを用いたWebサイト構築 - 5-1.フレームワークを用いるメリット - 5-2.主要なフレームワークの紹介 |
||
| HTMLCSS_5_3.mp4 (mp4)(13'29") | 5.CSSフレームワークを用いたWebサイト構築 - 5-3.CSSフレームワークの利用（後半） |
||
| HTMLCSS_5_4.mp4 (mp4)(03'58") | 5.CSSフレームワークを用いたWebサイト構築 - 5-4.演習 |
||
| HTMLCSS_5_5.mp4 (mp4)(06'55") | 5.CSSフレームワークを用いたWebサイト構築 - 5-5.制作したWebサイトのアップロード |
||
| HTMLCSS_6.mp4 (mp4)(01'58") | 6.まとめ | ||
