コース内容
案件レベル教材:LP制作(初案件対応)
0/2
バナーで使う文字のルールを理解する
バナーはまず読まれることが大前提です。 文字が読みにくいと、どれだけおしゃれでも意味がありません。
0/7
配置の考え方を理解する
バナーは、置く順番と位置で見やすさが決まります。 配置が悪いと、内容が頭に入りません。
0/6
色の基礎を理解する
色は「おしゃれ」のためだけではなく、目立たせる・雰囲気を作る・行動を促すために使います。
0/6
写真・素材の使い方を理解する
写真選びで、バナーの質はかなり変わります。 悪い写真を使うと、全体が安く見えます。
0/6
バナーの構成を理解する
バナーは「デザイン」より先に、何を書くかの順番が大切です。
0/6
反応を取るための導線を理解する
バナーは「きれい」だけではなく、見た人に動いてもらう必要があります。
0/5
量産できるようにする
1枚作れるだけでは仕事になりません。 短時間で複数作れることが必要です。
0/4
総合確認テスト
1-9までの問題を全て出題していますのでしっかり復習しながら終了すること
0/2
CSSプロパティ一覧表をHTMLで作成する課題
CSSのプロパティーを一覧表(チートシート)を作成します。
0/1
Webクリエイター基礎講座

下記の内容熟読し課題に取り組んでください。

CSSは、Web制作において「見た目・使いやすさ・成果(集客や売上)」を左右するため極めて重要です。

⸻

理由
HTMLは構造(文章や画像の配置)を作る役割ですが、CSSはデザイン・レイアウト・操作性を整える役割を担います。
CSSが適切でない場合、ユーザーは内容を理解しにくくなり離脱率が上がるため、Webサイトの目的達成に大きく影響します。

⸻

数字・具体効果

① 第一印象
人はWebサイトの第一印象を
約0.05秒(50ミリ秒)で判断すると報告されています。

→ デザイン(=CSS)が悪いとすぐ離脱します。

⸻

② 離脱率
見にくいレイアウトのサイトは
離脱率が30〜80%上がるケースがあります。

⸻

③ スマホ対応
現在
Web閲覧の約60〜70%がスマートフォン

→ CSSのレスポンシブ設計が必須です。

⸻

④ 信頼性
デザインが整っているサイトは
約75%のユーザーが信頼しやすいとされています。

⸻

まとめ(超シンプル)

HTML
→ 家の骨組み

CSS
→ 外装・内装・使いやすさ

CSSが弱いと
どれだけ中身が良くても評価されません。