Open3

【学習メモ】1冊ですべて身につくHTML&CSSとWebデザイン入門講座

HAMHAM

GOAL

  • 「1冊ですべて身につくHTML&CSSとWebデザイン入門講座」を1周する
  • 読みながらコードを書き、1つのWebサイトを制作する
    • 自身のポートフォリオサイト兼ブログを作る
  • インプット↔︎アウトプットを通してHTML, CSS, Webデザインを学ぶ
HAMHAM

構成

前半

  • Webサイト制作をする上で必須となる基礎知識

CHAPTER 1

  • Webサイトの基本

CHAPTER 2

  • HTMLの基本

CHAPTER 3

  • CSSの基本

後半

  • 実際にWebサイトを制作

CHAPTER 4

- シングルカラムレイアウト

  • 1カラムデザインは印象的なデザインを作れる
    • 余白を十分に確保できる
    • モバイルデバイスとも相性がいい

CHAPTER 5

- 2カラムレイアウト

  • コンテンツ量が多い時に適切
    • ニュースサイト
    • ブログ
  • 昔から使われていて汎用性が高い

CHAPTER 6

- 2カラムレイアウト

  • 画像やテキストといった情報を整理して一度に見せる
  • ショッピングサイトや画像のギャラリー

CHAPTER 7

- 問い合わせページ

HAMHAM

Webサイトの種類

コーポレートサイト

  • 企業の情報を掲載

目的

  • 自社製品の紹介
  • ライバル社との違いを説明
  • 優秀な人材の採用 など

プロモーションサイト、特設サイト

目的

  • 特定の商品やサービス、イベントの告知

ポートフォリオサイト

目的

ショッピングサイト

目的

メディアサイト

目的

SNS

目的