Open3
【学習メモ】1冊ですべて身につくHTML&CSSとWebデザイン入門講座
GOAL
- 「1冊ですべて身につくHTML&CSSとWebデザイン入門講座」を1周する
- 読みながらコードを書き、1つのWebサイトを制作する
- 自身のポートフォリオサイト兼ブログを作る
- インプット↔︎アウトプットを通してHTML, CSS, Webデザインを学ぶ
構成
前半
- Webサイト制作をする上で必須となる基礎知識
CHAPTER 1
- Webサイトの基本
CHAPTER 2
- HTMLの基本
CHAPTER 3
- CSSの基本
後半
- 実際にWebサイトを制作
CHAPTER 4
- シングルカラムレイアウト
- 1カラムデザインは印象的なデザインを作れる
- 余白を十分に確保できる
- モバイルデバイスとも相性がいい
CHAPTER 5
- 2カラムレイアウト
- コンテンツ量が多い時に適切
- ニュースサイト
- ブログ
- 昔から使われていて汎用性が高い
CHAPTER 6
- 2カラムレイアウト
- 画像やテキストといった情報を整理して一度に見せる
- ショッピングサイトや画像のギャラリー
CHAPTER 7
- 問い合わせページ
Webサイトの種類
コーポレートサイト
- 企業の情報を掲載
目的
- 自社製品の紹介
- ライバル社との違いを説明
- 優秀な人材の採用 など
プロモーションサイト、特設サイト
目的
- 特定の商品やサービス、イベントの告知