￥550
講座概要
一般的なパソコン操作（インターネット、オフィス文書の編集など）ができる方を対象に、HTML と CSS の基礎を学ぶｅラーニング講座です。各パートごとの解説と練習問題を通じて、Web コンテンツ作成に必要な知識とスキルを、段階的に、無理なく身につけることができます。
- 単元数：35（全単元ともクイズ形式の確認テスト付）
- 想定学習時間：15分／単元
- 標準総学習時間：600分 = 10時間（35 単元 × 15分 + 総合演習）
小単元の積み重ねによるマイクロラーニングと、「見る・聞く・読む」３通りのインプット、知識を確認／定着するクイズ問題を組み合わせた「SQT 方式」の自習教材です。進捗レポート／修了証もご利用ください。
前提環境
- Web ブラウザ（Chrome / Firefox / Safari / Edge）
- テキストエディタ（製品やバージョンは問いません）
単元一覧
一部単元の試用サンプル講座をご覧いただけます。タイトルのリンクからお試しください。
| 1 | HTML と CSS の役割、そしてページ作成の第一歩 |
| 2 | タグ・属性と HTML 文書の骨組み |
| 3 | 文字コード・タイトルと要素の入れ子構造 |
| 4 | 練習問題：Webページの基礎 |
| 5 | 要素を識別する class/id とリンクの作成 |
| 6 | コメントと閉じタグのない要素 |
| 7 | 特殊文字のエスケープと複数 class の指定 |
| 8 | 練習問題：HTML基本文法 |
| 9 | 見出し・段落と汎用要素（div/span） |
| 10 | 箇条書き・番号付きリストと表 |
| 11 | パスの種類とページを組み立てる意味づけ要素 |
| 12 | 練習問題：HTMLコンテンツ要素 |
| 13 | フォームの基本とラベルの関連付け |
| 14 | 複数行入力・チェックボックスとボタンの使い分け |
| 15 | 入力補助属性とアクセシビリティ属性 |
| 16 | 練習問題：フォーム部品 |
| 17 | CSSの読み込みとセレクタの基本 |
| 18 | プロパティの書き方と色の指定 |
| 19 | 文字のスタイルと意味づけの強調要素 |
| 20 | ボックスモデルとbox-sizing |
| 21 | 練習問題：CSSの基本 |
| 22 | 角丸・影とグラデーション |
| 23 | カスタムプロパティと疑似クラス |
| 24 | 疑似要素と状態classによる切り替え |
| 25 | セレクタの組み合わせと属性セレクタ |
| 26 | カスケード・詳細度・継承・単位というCSSの設計原理 |
| 27 | 練習問題：CSSの応用 |
| 28 | display と Flexbox の基本 |
| 29 | Flexbox の折り返し・伸縮と CSS Grid |
| 30 | 中央寄せレイアウトと position |
| 31 | 練習問題：レイアウト |
| 32 | ビューポートとメディアクエリによるレスポンシブ対応 |
| 33 | 練習問題：レスポンシブ対応 |
| 34 | 実務テンプレートを読み解く |
| 35 | 総合課題：イベント参加者リストの作成 |
