生放送で無料授業を受けよう！学校の新しいカタチ

6月2日
次の授業
オプトCEO鉢嶺登先生に生放送で、「成長への自己投資」について質問しよう！
19:00〜
準備中..

WEBデザイナー学部

- -

  • 2014/6/1：【お知らせ】スクーに新しく４つの学部が誕生しました

学べること

Webデザインを仕事にするために必要なスキルを、先生と一緒に「実際のWebデザインの全ての制作プロセス」を体験しながら身に付けられます。未経験から始めた方でも、HTMLやCSS、Adobe PhotoshopやIllustratorなどの技術を習得し、小規模レベルのWebサイト制作を一人で請け負い、仕事として取り組めるようになることを目指しましょう。

生放送授業（無料）

録画授業（無料会員は、無料授業+月に1本受講可能！有料会員になると受け放題）

基礎科目

Webサイトの制作には、3つの必要スキルがあります。どんなWebサイトにするのか、という「ビジュアルデザイン」スキル。デザインをブラウザ上に反映するための「コーディング（HTML・CSS）」スキル。そして、Webサイトに動きをつけるための「プログラミング（jQuery）」スキル。これら3つのスキルの基礎を、実際の仕事のフローを体験していただくことで学習していきます。

#1:WEBデザインに必要なワイヤーフレーム

1-1.Webデザインの骨組み「ワイヤーフレーム」を学ぼう無料録画

田中 晶子 先生 | webデザイナー

1-2.Webデザインの骨組み「ワイヤーフレーム」を学ぼう【制作編】有料録画

田中 晶子 先生 | webデザイナー

1-3.Webデザインの骨組み「ワイヤーフレーム」を学ぼう【完成編】有料録画

田中 晶子 先生 | webデザイナー

#2:HTMLとCSSを使って、150分で簡単なWEBサイト制作

2-1.Webデザインを始めたい方に贈る、「HTMLとCSSって何」【概要理解とツール導入】無料録画

田中 晶子 先生 | webデザイナー

2-2.Webデザインを始めたい方に贈る、「HTML文書を正しい構文で組み立てる」必要スキル【HTML編】無料録画

田中 晶子 先生 | webデザイナー

2-3.Webデザインを始めたい方に贈る、「HTMLが嫌いにならない正しい構文」必要スキル【CSS編】無料録画

田中 晶子 先生 | webデザイナー

#3:WEBデザインのためのPhotoshop

3-1.Webサイトに配置する画像素材を作るためのPhotoshop基礎無料録画

田中 晶子 先生 | webデザイナー

3-2.WebサイトでTOP画像をより効果的に見せるためのPhotoshop基礎無料生放送

田中 晶子 先生 | webデザイナー

3-3.WebデザインのためのPhotoshopを使った画像加工のポイント【補習アリ】無料生放送

田中 晶子 先生 | webデザイナー

#4:HTMLとCSSを使って、150分で簡単なWEBサイト制作

4-1.カンプからスライス切り出しした画像をwebページに組み込む「HTML＆CSS特訓」無料生放送

田中 晶子 先生 | webデザイナー

4-2.jQueryに取り組む前の「HTML＆CSS特訓」無料生放送

田中 晶子 先生 | webデザイナー

#5:jQueryの基礎を理解する

5-1.レスポンシブなサイトにあっという間にjQueryを実装する有料録画

田中 晶子 先生 | webデザイナー

5-2.挫折した人のための、初心者速習html+css【JQueryでTOP画像がクルクル動くようにしてみよう編】有料録画

田中 晶子 先生 | webデザイナー

5-3.挫折した人のための、初心者速習html+css【JQueryで商品画像をポップアップさせよう編】有料録画

田中 晶子 先生 | webデザイナー

5-4.Webサイトに動きをつける、jQueryプラグイン概論無料生放送

田中 晶子 先生 | webデザイナー

5-5.jQueryプラグインを設置するための環境構築無料生放送

田中 晶子 先生 | webデザイナー

5-6.Webサイトに動きをつける、jQueryプラグインの設置方法無料生放送

田中 晶子 先生 | webデザイナー

5-7.TOP画像をスライドさせるjQueryプラグインをカスタマイズする無料生放送

田中 晶子 先生 | webデザイナー

5-8.クリックするとポップアップするjQueryプラグインをカスタマイズする無料生放送

田中 晶子 先生 | webデザイナー

5-9.WEBサイトの完成と、総復習と質疑応答無料生放送

田中 晶子 先生 | webデザイナー

#6:HTMLとCSSを使って、150分で簡単なWEBサイト制作

6-1.簡単なWEBサイト制作総集回【質疑応答と提出課題の添削】無料生放送

田中 晶子 先生 | webデザイナー

応用科目

基礎科目で習得した3つのスキルを磨いていくと同時に、仕事の依頼内容に合わせた実装ができるように「ECサイト」や「WordPressを活用した更新性の高いWebサイト」を制作するための知識と技術を習得していきます。そのために、サーバーへのアップロードや、WikipediaやGitHubといった、誰もが目にしたことのあるWebサイトのデザイン構造を理解することで、プロの技術を学びましょう。

#1:HTML+CSSでサイトの構造理解〜中級編

1-1.プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編有料録画

笠井 枝理依 先生 | 株式会社ビズリーチ　A.デザイナー

1-2.プロデザイナーが実践するHTML&CSSスキル向上トレーニングvol.2有料録画

笠井 枝理依 先生 | 株式会社ビズリーチ　A.デザイナー

1-3.プロデザイナーが実践するHTML&CSSスキル向上トレーニングvol.3有料録画

笠井 枝理依 先生 | 株式会社ビズリーチ　A.デザイナー

1-4.プロデザイナーが実践するHTML&CSSスキル向上トレーニングvol.4有料録画

笠井 枝理依 先生 | 株式会社ビズリーチ　A.デザイナー

#2:Webサイトを公開してみよう

現在、授業を準備中です。

#3:WEBサイトの企画デザイン〜初級編

現在、授業を準備中です。

#4:WordPressの基礎と演習

現在、授業を準備中です。

#5:WEBデザインのためのPhotoshopスーパーテクニック

現在、授業を準備中です。

フリーランス科目

クライアントとの折衝、お金の問題、今後の働き方……etc.　Webデザイナーとして一人前になるためには、単純な技術を身に付けるだけでなく、仕事に付随する様々なスキルや知識が必要です。本科目で、クライアントとの打ち合わせから企画、実装、納品までのプロセスを追体験することで仕事のクオリティを高め、クライアントに喜ばれるWebデザイナーへとステップアップしましょう。

#1:プロジェクト進行の流れ

現在、授業を準備中です。

#2:作業効率向上とスキルアップ

現在、授業を準備中です。

#3:フリーランスとして活動するために必要なこと

現在、授業を準備中です。

学部概要

  • 開講授業/放送数138本
  • 所属学生数214人

人気の学部授業

WebサイトでTOP画像をより効果的に見せるためのPhotoshop基礎

WebデザインのためのPhotoshopを使った画像加工のポイント【補習アリ】

Webサイトに動きをつける、jQueryプラグイン概論

▲

→スクーってなに？

schoo（スクー）はWEB上で「生放送の授業」を受講できる新しい学校です。

登録・利用は無料です。さあ、あなたもスクーに入学しよう！