Webデザイナー講座

短期集中スキルアッププラン

3ヶ月で、即戦力のWebデザイナーを目指す!

Webデザイナー講座 短期集中スキルアッププラン

Web業界で即戦力のWebデザイナーになるために必要なグラフィック・HTML・Webレイアウト・Flashアニメーションなどの基本から応用テクニックまで「制作する力」を実習で習得する「Webデザイナー講座」の短期集中コースです。

動画授業の受講だけでなく、現役クリエイター講師への質問や課題添削を受けていただくことができるので、最速3ヶ月で、Web関連の仕事への就転職を目指すことができます。

受講期間

全3ヶ月:2017年12月20日(水)~2018年3月21日(水)

開講スケジュール(PDF)

授業形式

動画:約122時間

受講料

199,800円(税込)

申込締切日

2017年12月4日(月)

 
  • このエントリーをはてなブックマークに追加

※動画授業はオンデマンドでの配信となるため受講期間終了後は閲覧することができません。

講座の特長
講座の特長

卒業後80%が「Webデザイナー」になっている講座です

卒業生のうち80%もの人が、フリーランスのWebデザイナー、Webデザイン関連の会社、Web業界などで活躍しています!

※2014年デジハリ・オンラインスクール修了生対象アンケートより

「身につくスキル」の一部だけを学びたいのですが・・・

学びたいスキルに応じて、さまざまなプランをご用意しています。 ( 全てのプランを見る

学習の流れ

デジハリ・オンラインスクールでの学習は、動画授業でのインプットと、課題を作成するアウトプットの繰り返しです。ただ授業を聞くだけでなく、自分で手を動かすアウトプットを講座の中で行うため、確実にスキルを身につけることができます。

STEP 1

動画授業を見る

動画授業を見る

STEP 2

課題を作成する

課題を作成する ※対象講座のみ

STEP 3

講師が課題を添削

講師が課題を添削 ※対象講座のみ

学習内容

1 Illustrator/Photoshop実習


-Illustrator

基本操作/描画ツールでの描画/ペンツールでの描画/様々なアイコン作成(Webアイコン/標識など)/レイヤー /文字の入力/名刺作成/オブジェクトの変形/線の設定とアピアランス/フライヤーの作成

-Photoshop

Photoshopの基本操作/画像の補正/画像の加工/文字の入力/シンプルなWebサイトのデザイン/情報量のあるWebサイトのデザイン (キッズ向け英語教室サイト)コーポレートサイトのデザイン/スライス

2 HTML/CSS/Dreamweaver実習


-HTML

HTML概要とよく使うタグについて/テキスト関連のタグ/リスト関連のタグ/画像関連のタグ/リンク関連のタグ/テーブル関連のタグ/フォーム関連のタグ

-CSS

CSS概要と書式について/文字(フォント)関連のプロパティ/背景関連のプロパティ/ボックス関連のプロパティ/フロート関連のプロパティ/配置関連のプロパティ/さまざまなデザイン

-Dreamweaver

基本操作/Webサイト作成/インタラクティブページの作成/雑貨屋サイトのコーディング/カフェサイトのコーディング/企業系のWebサイトのコーディング

3 Flash/ActionScript実習


-Flash

基本操作/描画ツールでの描画/アニメーションの基本/Flashバナー作成/アニメーションの応用/テキストの入力と編集/サウンドと動画の読み込み/スライドショー作成/パブリッシュ

-ActionScript

ActionScriptの概要/ActionScriptの基本/オブジェクトの制御/文字の制御/日付・時間の制御/AIRアプリの作成/デスクトップ時計の作成/外部ファイルへのアクセス/Twitterアプリの作成

4 講義動画


カタチ・タイプフェース/カラーイメージ/ピクトグラム/名刺デザイン/著作権/写真イメージ/グラフィックレイアウト/バナー制作/Webデザイン/HTML/インターネット/フォームレイアウト/Webワークフロー/CSSデザイン/Web標準/CSSレイアウト/ユーザビリティ

5 HTML5実習


-1. HTML5の基本と新要素について【HTML5の基本】

HTML5の基本

  • HTML5とはなにか?
  • HTML5はすぐに使えるのか?
  • HTML5はすぐに必要か?
  • 旧ブラウザの対応方法

HTML5のマークアップ基本

  • 従来のHTMLとの違い
  • セマンティックなマークアップ
  • HTMLとHTML5の基本の書き方を比較する
  • HTML5で使い方が変更されたタグまとめ
  • HTML5で新しく定義された新要素をまとめ

-2. HTMLとHTML5のマークアップを比較して違いを確認

HTML5の「カテゴリー」「コンテンツ・モデル」についてまとめよう

  • コンテンツ・モデルとは?
  • サンプルコードで確認
HTML5の「アウトライン」についてついてまとめよう
  • アウトラインとは?
  • HTMLとHTML5でアウトラインを確認してみる

HTMLと比較しながらHTML5を使用してマークアップしてみる

  • カフェサイトのHTMLとHTML5でマークアップして変更点をみる
  • HTML5のアウトラインを確認してみる

-3. HTML5でスマートフォンサイトを制作する

HTML5の「カテゴリー」について/CSSでレイアウトを作成する/スマートフォン対応について

  • スマートフォンサイト対応とはどんなものがあるのか?
  • レスポンシブWEBデザインとは?
  • メディアクエリを使用してスマートフォン用のレイアウトを作成する

6 JavaScript実習


-JavaScript基礎

JavaScriptの概要

documentオブジェクト

JavaScript非対応のブラウザに対しての記述

プロパティを使用する

イベントハンドラを使用する

JavaScriptを関数化する

引数を使用する

JavaScriptを外部化する

windowオブジェクトを使用する

さまざまなウィンドウを開く

変数を使用する

if文を使用する

イベントハンドラを使用した関数を実行する

for文を使用する

Dataオブジェクトを使用する

配列を使用する

getElementById()メソッドを使用する

画像のプリロードを行う

JavaScriptを外部化する


-jQuery基礎

jQueryを使用する準備JavaScriptをjQueryで書き換える

さまざまなセレクタを使用する

メソッドを使用する

jQueryを記述する準備

show()メソッドを使用する

アニメーション関連のメソッドを使用する

アコーディオン表現を行う

クロスフェード表現を行う

プラグイン(ページスクローラー)を使用する

プラグイン(画像の拡大表示)を使用する

プラグイン(スライドショー)を使用する

  • ※動画授業はオンデマンドでの配信となるため受講期間終了後は閲覧することができません。
  • ※サンプル動画はCS6で撮影されておりますが、実際の動画授業はCreative Cloudを使用しています。

本講座に含まれるサポート教材

ライブ授業 なし SNS
実習動画 122時間 受講生限定イベント
質問回数 無制限 交流会
就転職サポート 求人サイト使用可能 修了証
課題添削回数 9回    
ライブ授業 なし
実習動画 122時間
質問回数 無制限
就転職サポート 求人サイト使用可能
課題添削回数 9回
SNS
受講生限定イベント
交流会
修了証

受講者の声

動画授業のご感想

Webデザイナー講座の大半をしめる「動画授業」。 そんな動画授業をご受講頂いた感想ををご紹介します。


  • 講師の方の説明がとても上手で聞きやすかったです。(20代/会社員)
  • 授業内に講師の方が要所要所で問いかけてくれて、臨場感があってイイです!(30代/自営業)
  • 授手順を一つ一つ丁寧に解説してくれるので、とてもわかりやすかったです。(30代/会社員)
  • とても臨場感があり、教室で授業を受けているような気持ちになりました。(30代/アルバイト)
  • 一つの動画が短いので、スキマ時間で受講を進めることができるのが良いと思いました。(30代/会社員)
  • 複数の講師が登場するので、はじめは違和感を感じましたが、いろいろな方の作業のやりかたを習得することができてとても勉強になりました。(30代/会社員)

受講前の意気込み

Webデザイナー講座では学習前に、3ヶ月間の受講に向けて、修了時の自分への意気込み、メッセージを表明頂いています。受講生の意気込みをご紹介します。


  • 最後まであきらめない!やりぬく!!(20代/会社員)
  • 技術のみならず、Web全般の知識も網羅したい。(40代/会社員)
  • 色々と忙しいこともあるだろうし、やらなくてはならないことは沢山ある。でも、自分が本当にしたいと思ったことだけは忘れないようにする。 そしてそれを実現で きるように前に進む。(20代/アルバイト)
  • 必ず!!Webデザイナーになる!!(30代/アルバイト)
  • 復帰後のスキルアップだけでなく、自分のため、子供のため、家族のための学習。 時間がない中での受講は重々承知。時間の効率化や集中受講で乗り切ろう!(30代/会社員)
  • 若い頃は漠然とした「ただの夢」でした。今はそれが夢ではなくなるかもしれません。 しっかり頑張ってWebデザイナーとしてデビューしてください!(30代/会社員)
  • 今やらないでいつやるんだ?立ち止まっている時間は無いはずだ。 迷ってないで、先に突き進もう。好きなことに突き進もう。後々、後悔する人生だけは送りたくない。(40代/会社員)

受講後の感想

3ヵ月の受講を終えた修了生たちのコメントをご紹介します。


  • 授業内容が充実していてとても満足しました。ソフト操作の動きを、実際の動作を見られることで始めてのソフトでも戸惑いが少なかったと思います。 一番良かったことは、ライブ授業はほかの受講生と交流できたことです。他の受講生がいると実感できたことで、通信講座でも継続して受講することができました。 受講終了後は動画を閲覧することができなくなることが残念でした。(30代/主婦)
  • デザインの制作スキルを身につけられたことも良かったが、起業を目指しているので、その際に必要となる実務的な知識が身についたことが良かったです。 なかなか時間を作れず急ぎ足になってしまったことが悔やまれます。(30代/自営業)
  • ポートフォリオゼミや就職対策ゼミなど、実務的な内容の講座が充実しており、とても有り難かったです。 質問に対しての回答は少しでも早いほうがありがたいかなと感じました。(30代/主婦)

自宅でもサポートがあるから安心!

オンラインでも通学と同じだけの学習効果を出すために、授業を受ける「インプット」だけでなく、質問や課題添削などの「アウトプット」もカリキュラムに含まれています。

1 質問できる!講師が直接回答します

質問できる!講師が直接回答します

実習中の疑問や質問は、いつでも講師に直接聞くことができ、プロクリエイターの講師が一つひとつの質問に丁寧に回答します。

2 添削してもらえる

添削してもらえる

授業中に作成した課題は、現場を知り尽くしたプロクリエイターの講師が丁寧に添削し、一人ひとりに合った指導をします。動画授業のインプットだけではなく、課題作成のアウトプットまで講師が関わるから、高いスキルが身に付きます。

卒業後のお仕事獲得もサポート!

1 「フリーランスの案件」を紹介

「フリーランスの案件」を紹介

デジハリ生限定で、フリーランス案件をご紹介!一般的なフリーランス募集サイトでは「経験者のみ」という条件があるものがほとんどですが、高いスキルが保証されているデジハリ生だから、「未経験OK」な案件が豊富です。

2 デジハリ生限定の非公開求人サイトが使える

デジハリ生限定の非公開求人サイトが使える

デジタルハリウッド受講生のためだけにつくられた、非公開求人サイト『WorketCareer』。クリエイティブに特化した求人情報を集約しています。また、デジタルハリウッド生に限定した「非公開求人」は業界未経験者が業界に入るときの足がかりになっています。

3 キャリアセンターが、就転職をバックアップ

キャリアセンターが、就転職をバックアップ

デジタルハリウッドのキャリアセンターでは、就職・転職の個別相談や、採用セミナーの開催を行っています。 また、提携している「イマジカデジタルスケープ」では、専任のコンサルタント集団があなたの就転職をバックアップします。

よくあるご質問

企業内での研修でも利用できますか?

はい。問題なくご利用いただけます。そのまま「お申込みボタン」からお申込みください。
通常の講座内容や受講期間をカスタマイズされたい場合、その他ご相談がございましたら、法人向け研修講座をご覧ください。


その他のよくあるご質問についてはこちらのページもご参照ください。

受講に必要な環境

1 Adobe Creative Cloudが必要です

  • ※「Adobe Creative Cloud」は、12ヶ月間、最新版を利用いただけるダウンロードカードです。
  • ※製品版と同機能で卒業後の商用利用も可能です。
  • ※教材ソフトは入金完了後、1~2週間でお届けします。
  • ※製品版と同様、1ライセンスでWindows、 Mac両方へのインストールが可能です。
    メーカーが定める必要システム構成をご確認ください。

2 受講に必要なパソコン環境

受講環境につきましては、こちらをご参照ください。

講座のお申し込み

お申し込み講座

Webデザイナー講座 短期集中スキルアッププラン

受講料

199,800円(税込)

Adobe CCの購入
一緒によく
申し込まれる講座

受講環境、約款を確認してください

※分割払いもこちらからお申込みいただけます