2021年度、英理女子学院高等学校キャリア部情報デザインコース開講科目向けに作成。デザインやアートに活用できる技術を学ぶというねらいのもと、webページの作成に必須のHTML+CSSについて学びました。
HTML基礎
主な内容
- HTMLとは？
- HTMLファイルを作る
- HTMLファイルの骨組み
- HTMLの基本的な書き方
- 主なタグの紹介①見出し・段落
- 主なタグの紹介②リスト
- 主なタグの紹介③テーブル
- 主なタグの紹介④画像
- 主なタグの紹介⑤リンク
- 補足：コメント
CSS基礎
主な内容
- CSSとは？
- CSSのファイルの作成と適用
- 基本の書き方
- 主なプロパティ
- 単位の指定
- フォントの種類
- 色の指定方法
- 要素をグループ化してCSSを適用する：DIVタグの活用
- 余白の調整：ボックスモデル
- レイアウトを組むには：フレックスボックス
HTML+CSS実践：フルスクリーンページを作ろう
下記の資料を参考に授業を行いました。
- Mana「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」SBクリエイティブ