【PBL】オリジナルWebサイト制作プロジェクト

Web制作会社が作るサイトのように、きれいで、使いやすいサイトを作れるようにするための初心者から始められる講座です。制作の基礎を学んだ後は、実際に自分のサイトを企画して制作します。

プレミアムサービスを見る
※この講座はプレミアムサービスに加入する必要があります。

レベル

ビギナー

期間

1日約1時間で 7日間

レッスン


目標を設定しましょう!

今回は講座のゴールはオリジナルサイトを作り、それを公開することです。今回は、どのようなWebサイトを作っていくのかを決定します。サイトの名前、そのサイトの目的、そして期限を決定します。

ガイダンス

これからどのように学習を進めていくかのガイダンスです。講師のプロフィールやどんなスキルを身につけるのか、そしてこれからのスケジュールなどをお話しています。

CSSの書き方とプロパティを知ろう

今回は具体的なCSSの書き方を学びます。ルールの説明とプロパティをいくつか紹介します。

自分のサイトを企画しよう

Webサイトを企画してみましょう。あなたのこれから作るWebサイトの目的をはっきりとさせ、ペルソナ(想定ユーザ)をデザインし、コンテンツを立案します。こうすることで、方向性が定まり、土台のしっかりとしたWebサイトを作ることができます。

Webサイト企画のフローを知る

Webサイトはどのように企画され、設計されるのか?それをやさしく初心者でも理解できるように解説します。Webサイト企画を知るということは、Web制作の全体像を知る事になります。Web制作の勉強をこれから始める人はここからが最適です。

デザイン案を出しましょう!

あなたのWebサイトのデザイン案を提出してもらいます。ペルソナを意識したデザインを心がけましょう。

HTML/CSSコーディング設計をつくろう

自分で作成したデザインをHTML/CSS化する前にその設計を行います。

トップページのHTML/CSSをつくろう

設計をもとに、いよいよHTML/CSSをコーディングしていただきます。