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

この講座はプレミアムプランに含まれています。

プレミアムプランを見る

≫ 現在2538人が受講中 ≪

Mitsu2

超実践的! あなたのオリジナルサイトを創ります

この講座はただビデオを見て、作り方を知るだけではありません。「企画」「デザイン」「コーディング」「サーバーへアップ」を実際にやってもらい、最終的にはあなたのオリジナルサイトをリリースしていただきます。

作るサイトは「あなたの創りたいサイト」です。あなたの会社のサイトでもいいし、あなたの個人ビジネスや趣味のサイトでもOK。あなたの実際につくってみたかったサイトを制作しましょう!遊びではないリアルなサイトを創りあげる事こそ、もっとも力のつく学習です。

高い学習効果! プロの添削で学習を加速する

この講座はただ創ってオシマイという訳ではありません。各ポイントごとに添削が入ります。「企画」「デザイン」「コード」「完成」を提出してもらい、それを先生が添削してみなさんにお返しします。身につけるべき内容がわかるし、自分にどの部分が足りないかがわかりますので、後の学習に大変役立ちます。

挫折しない!やる気が持続するクラスメートシステム

プロ級のWebサイトつくりに参加しているクラスメートがあなたを待っています。この講座は初心者からプロを育てるための講座なので、初めてWebサイトつくる人がたくさん参加しています。そのクラスメートはライバルでもあり、助け合う仲間でもあります。クラスメートと学びを共有し、切磋琢磨しながら、最後まで学習を継続できます。

クラスメートの言葉

Junko Ogaさん

とても分かり易いと感じました。 これなら自分にもできる!と思わせてくれる説明の仕方だと思います。 色んなことができるようになりたいです。

Jun Tokumuraさん

ずっとやりたいと思っていたWeb関連の事を動画でわかりやすく説明してくれるので、夢が現実に近づいたかんじがしました!

Kanna Kurasakiさん

今は大学一年生ですが、将来、webサイトを作成してサイトアフィリ、そしてアプリ開発で在学中に起業したいと考えています!


先生はこの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)他多数

さぁ、プロ級のWebサイトをつくりましょう!

今までWebサイト制作に興味があるんだけど、「難しいのかなぁ?」「なんか大変そうだから、いつかやろう」などと考えてませんでしたか?この講座は初心者からできて、Web制作を体系的に学べて、非常に実践力がつくものになっています。Webテクノロジーを使った「新しい学び」をぜひ体験してみてください。さぁ、あなたもプロ級のサイトを創りましょう!


すぐに受講して講座を始める

Webdev top2

1
ガイダンス (06:52)

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

Target2

2
目標を設定しましょう! (10:19)

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

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88 2013 12 10 8.25.04 pm

3
Webサイト企画のフローを知る (06:32)

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

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88 2013 07 16 11.06.25 am

4
自分のサイトを企画しよう (12:06)

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

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88 2014 02 13 11.31.01 am

5
デザイン案を出しましょう! (05:14)

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

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88 2014 08 10 7.41.45 pm

6
HTML/CSSコーディング設計をつくろう (03:21)

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

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88 2014 08 10 7.43.26 pm

7
トップページのHTML/CSSをつくろう (02:48)

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

受講生 2538

Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40

人気講座TOP5

  • Css3
    HTMLを装飾するためにはCSSという言語を学びます。CSSも非常に単純なのでその気になれば1...
  • Html kouza
    学びたいけれどもHTMLって難しそうなんて思っている人のための講座です。HTMLはすごく簡単で...
  • Webkoutiku1
    イラストレーターの画像を起こして、CSS/HTMLでコーディングしていく作業の 全体を習得し...
  • Photoshop kouza
    Webデザインに必要なIllustratorの機能を覚えながら、Webページ作りに必要な理論を...
  • Deploy
    WebサーバーのデファクトスタンダードであるApacheに関する事やドメインに関する事などを学...