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

WEBデザイナー学部

- 未経験から、小規模Webサイトを一人で制作できるようになるまで -

×

  • 学部とは？

    各学部に関連するコンテンツを公式授業および公認団体放送が提供しています。

  • メールで最新情報をお知らせ

    所属すると、学部の最新授業やカリキュラム進捗状況をお届けします。

  • カリキュラム機能

    マイページからいつでも未受講のカリキュラム授業を確認できます。

学部概要

  • 開講授業/放送数190本
  • 所属学生数4010人

生放送授業（無料）

学部授業について

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

まずは、無料で学部カリキュラムの初回授業を受講してみよう！

Webデザインの骨組み「ワイヤーフレーム」を学ぼう

田中 晶子 / webデザイナー

受講する

カリキュラム一覧

基礎科目について

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.HTML＋CSSのコーディングルールについて学ぶ録画

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

4-2.HTML＆CSSの特訓授業〜カンプからスライス切り出しした画像をwebページに組み込む〜無料録画

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

4-3.CSS3を用いた、Webサイトのデザイン表現録画

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

4-4.HTML＆CSSの特訓授業〜jQuery（プログラミング）に取り組む前にコーディングの復習〜録画

田中 晶子 先生 | 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サイトを公開してみよう

2-1.Webサイトをネットに上げるためのサーバーについての「超」基礎知識無料録画

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

2-2.サーバーにアップして、ネット上にWebページを表示させる方法録画

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

2-3.「ファビコン」を設定して、サイトを目立たせる方法（3回）録画

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

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

3-1.WordPressと既存テーマをインストールしてネット上で表示する方法【1回 /全6回】無料録画

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

3-2.WordPressを使ってphpの仕組みを知ろう！【2回 /全6回】無料録画

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

3-3.WordPressのオリジナルテーマの制作とSublimeTextの作業スピードアップ【3回 /全6回】無料録画

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

3-4.WordPressを使ってまとめサイトを作る【4回 /全6回】無料録画

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

3-5.WordPressを使ってまとめサイトを作る（2）【5回 /全6回】録画

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

3-6.WordPressを使ってまとめサイトを作ろう（3）【課題発表：最終回】録画

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

#4:WordPressの基礎と演習

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

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

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

フリーランス科目について

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

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

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

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

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

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

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

▲

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

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

登録してにゃ