はじめに・環境構築
  • Udemyの主な画面操作方法
  • GoogleChromeのインストール方法
  • VSCodeのインストール・使い方
  • この講座で使用するテキストなどのダウンロード
準備知識
  • リクエストとレスポンス・WEBブラウザ・HTMLとは・フォルダやファイル名
HTML
  • 完成例の確認
  • 最低限必要なタグ
  • 見出し
  • 段落
  • 画像(ファイルは完成例の確認でダウンロード頂けます)
  • リンク
  • 順序がないリスト
  • 順序があるリスト
  • 説明リスト
  • テーブル
  • フォーム
  • テキストボックス
  • メールアドレス入力欄
  • 複数行のテキスト
  • 送信ボタン
  • 改行
  • ラベル
  • 著作権表記
  • コメント
  • コードを整形
CSS
  • CSSを記述する箇所
  • CSSを記述する手順、タイトル部分の装飾
  • 新鮮な素材を使用して~の装飾
  • オンラインショップはコチラの装飾
  • トマトのデザートレシピ~お問い合わせに背景色をつける
  • トマトのデザートレシピ~お問い合わせに余白を設定する
  • コピーライト部分の装飾
  • 表に対して線を引く
  • コメントについて
  • 【参考】コンテンツ全体を真ん中に持ってくるには
練習問題
  • 練習問題でスキルアップしよう!
ボーナス
  • 知っておくと重宝する情報あれこれ
  • 受講修了おめでとうございます!