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

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

レベル

やさしい

期間

1日約1時間で 7日間

h2. 超実践的! あなたのオリジナルサイトを創ります この講座はただビデオを見て、作り方を知るだけではありません。「企画」「デザイン」「コーディング」「サーバーへアップ」を実際にやってもらい、最終的にはあなたのオリジナルサイトをリリースしていただきます。 作るサイトは「あなたの創りたいサイト」です。あなたの会社のサイトでもいいし、あなたの個人ビジネスや趣味のサイトでもOK。あなたの実際につくってみたかったサイトを制作しましょう!遊びではないリアルなサイトを創りあげる事こそ、もっとも力のつく学習です。 !http://dl.dropbox.com/u/602782/skillhub/course25top1.png! h2. 高い学習効果! プロの添削で学習を加速する この講座はただ創ってオシマイという訳ではありません。各ポイントごとに添削が入ります。「企画」「デザイン」「コード」「完成」を提出してもらい、それを先生が添削してみなさんにお返しします。身につけるべき内容がわかるし、自分にどの部分が足りないかがわかりますので、後の学習に大変役立ちます。 !http://dl.dropbox.com/u/602782/skillhub/course25top2.png! h2. 挫折しない!やる気が持続するクラスメートシステム プロ級のWebサイトつくりに参加しているクラスメートがあなたを待っています。この講座は初心者からプロを育てるための講座なので、初めてWebサイトつくる人がたくさん参加しています。そのクラスメートはライバルでもあり、助け合う仲間でもあります。クラスメートと学びを共有し、切磋琢磨しながら、最後まで学習を継続できます。

クラスメートの言葉

Junko Ogaさん
とても分かり易いと感じました。 これなら自分にもできる!と思わせてくれる説明の仕方だと思います。 色んなことができるようになりたいです。
Jun Tokumuraさん
ずっとやりたいと思っていたWeb関連の事を動画でわかりやすく説明してくれるので、夢が現実に近づいたかんじがしました!
Kanna Kurasakiさん
今は大学一年生ですが、将来、webサイトを作成してサイトアフィリ、そしてアプリ開発で在学中に起業したいと考えています!

h2. 先生はこのSkillhubサイトを創った人 先生はこのサイト「Skillhub [スキルハブ]」の制作者であり、制作チームUGUISS代表の吉田光利が務めます。
講師

Webエンジニア&デザイナー吉田 光利

10年以上以上、デザインからプログラミング、システム構築までを手掛けているオールラウンドなクリエイター。また企業研修や専門学校での講座企画や制作、講師も1000社以上行っています。

Web制作実績 docomo(アンケートシステム)、東放学園(デザイン+システム)、ナガセスクール(システム設計)、マルボロ(ActionScript)、他多数
講座制作実績 ナガセPCスクールWeb制作講座、iPhoneアプリ開発講座、Apacheサーバー/Linux講座、Illustrator/Photoshop講座、映像編集・配信講座、Flash講座、Webディレクター講座、SEO基礎講座、他多数
研修実績 本田技研(Web講座)、三菱商事(HTML5講座)、山梨県警(Webサーバー基礎)、NEC(映像編集講座)、サイバーエージェント(ディレクター研修)、楽天(新人研修)、ビッグローブ(Webプロデューサー/SEO)他多数
h2. さぁ、プロ級のWebサイトをつくりましょう! 今までWebサイト制作に興味があるんだけど、「難しいのかなぁ?」「なんか大変そうだから、いつかやろう」などと考えてませんでしたか?この講座は初心者からできて、Web制作を体系的に学べて、非常に実践力がつくものになっています。Webテクノロジーを使った「新しい学び」をぜひ体験してみてください。さぁ、あなたもプロ級のサイトを創りましょう!
すぐに受講して講座を始める

レッスン


目標を設定しましょう!

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

ガイダンス

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

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

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

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

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

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

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

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

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

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

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

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

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