Webデザイナー講座
フリーランス・パーフェクトプラン
独立・フリーランスを目指す方向けのフルセット講座
独立・フリーランスに欠かせない、プロジェクト進行スキル（Webディレクション）・マネージメントスキルまで学べます。
「未経験からWebデザイナーとして独立、フリーランスとして活躍する」ことを目指す講座。Webデザイナー講座 住宅・副業スタートプランのカリキュラムに、独立して仕事をする際には欠かせない「ディレクション」、お仕事の幅がさらに広がる「ライティング」「カメラテクニック」でコンテンツ力も養います！
さらに受講期間が通常のWebデザイナー講座よりも1ヶ月長いため、じっくりと課題制作に取り組むことができます。
| 受講期間 |
全8ヶ月：2017年2月22日（水）～2017年10月25日（水） |
|---|---|
| 授業形式 |
動画：約133時間＋ライブ授業：5時間（1時間×5回） |
| 受講料 |
|
| 定員 |
10名様（先着順） |
| 申込締切日 |
2017年1月23日（月） |
※動画授業はオンデマンドでの配信となるため受講期間終了後は閲覧することができません。
期間限定キャンペーン
2017年1月23日（月） まで
はじめるなら「今」！
人気6講座20％オフキャンペーン実施中
卒業後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基礎
-HTML5概要と書式
広義HTML5の概要とWebページの作り方
-HTML5のあたらしい要素と属性
HTML5で新しく追加された要素をつかってのコーディング
-HTML5と今までのHTMLとの相違点
HTML 4.01の要素で廃止されたものと、意味の変わったものの解説
-CSS3の概要と書式
CSS3の概要とCSSの書式
-CSS3のあたらしいプロパティ
CSS3で新しく追加されたプロパティをつかってのデザイン
-CSS3セレクタ
擬似要素セレクタ等を使ってHTML側のソースをすっきりさせる方法
-CSS3を使ったレイアウト
進化したCSS3でレイアウトをより簡単に行う
-CSS3を使ったテキスト装飾
CSS3でのテキストの装飾を学ぶ
-レスポンシブデザイン、スマートフォン向けの機能
ひとつのソースで端末に最適の画面を表示するためのレスポンシブデザインやスマホ向けのHTMLやCSSの方法
6 JavaScript実習
-JavaScript基礎
JavaScriptの概要
documentオブジェクト
JavaScript非対応のブラウザに対しての記述
プロパティを使用する
イベントハンドラを使用する
JavaScriptを関数化する
引数を使用する
JavaScriptを外部化する
windowオブジェクトを使用する
さまざまなウィンドウを開く
変数を使用する
if文を使用する
イベントハンドラを使用した関数を実行する
for文を使用する
Dataオブジェクトを使用する
配列を使用する
getElementById()メソッドを使用する
画像のプリロードを行う
JavaScriptを外部化する
-jQuery基礎
jQueryを使用する準備JavaScriptをjQueryで書き換える
さまざまなセレクタを使用する
メソッドを使用する
jQueryを記述する準備
show()メソッドを使用する
アニメーション関連のメソッドを使用する
アコーディオン表現を行う
クロスフェード表現を行う
プラグイン(ページスクローラー)を使用する
プラグイン(画像の拡大表示)を使用する
プラグイン(スライドショー)を使用する
7 バナー広告制作講座
- インターネット広告市場概論
- バナー制作の要点と実践
- 制作ツールの紹介
- 仕事の流れを理解する
- 構成案を読み解く
- 要素を配置する
- バナーを装飾する
- 実際のバナーを見てセンスを磨く
- 実践課題
CREATORS MATCH完全監修。
だから、仕事に直結！
クリエイターへ案件ベースで仕事をマッチングする「CREATORS MATCH」が授業を完全監修。実践で役立つノウハウをプロから学ぶことができます。「バナー実践講座」を修了後CREATORS MATCHへご登録頂ければ受講中からでもお仕事を開始することが可能となります！
- ※お仕事の紹介にあたっては「CREATORS MATCH」へご登録頂く必要がございます。登録に際して、スキルを確認させて頂く為に簡単なテストを行っていただきます。テストでは実際にバナーを一つ制作して頂きます。お仕事の紹介は本登録を完了した方に対して行われます。
- ※本講座はお仕事を保証するものではございませんので、ご了承ください。
8 Web編集者Webライティング講座 NEW!!
- 文章のお仕事の基本
- Webライティングを始める前に
- 何を書けばいいか
- 日本語の注意点
- どうしたら読んでもらえるか
- やってはいけないこと
10 お金の教養講座
在宅やフリーランスで活動し、 仕事を継続していくためには、 Webデザインのスキルそのものに加え、 顧客の集め方、 価格設定の方法、 売上やコストの管理方法、 確定申告の仕方といった知識が不可欠です。 そこで、お金の教養が身につくマネースクール「ファイナンシャルアカデミー」と連携し、年間 2,055に及ぶ講座の中でももっとも人気が高く、 定番ともいえるのが「お金の教養講座」の中から、重要なポイントを動画授業にまとめました。 在宅やフリーランスとして安定的に仕事をしていくために必要な知識を体系的に習得することが可能です。
STUDY1：フリーランスとして生きること
11 Webリテラシー概論
- インターネットの歴史（ブラウジング環境／サーバの役割 etc.）
- インターネットビジネス（市場規模／ビジネスモデル etc.）
- インターネットに関する法規（個人情報保護法／著作権 etc.）
- プロジェクトマネージメント（Web業界の構造／予算管理 etc.）
- 企画（現状分析／サイト設計 etc.）
- 設計（仕様書／情報構造設計 etc.）
- デザイン（ビジュアルデザイン／Web標準 etc.）
- 制作（アクセシビリティ／プログラミング概要／セキュリティ etc.）
12 Webディレクション概論
- Web開発の工程
- Webディレクターとは？
-企画系Webディレクターの役割
-開発系Webディレクターの役割
-運用系Webディレクターの役割
-プロデューサーやプロジェクトマネージャーとの違いは？
-Webディレクターに必要な知識とスキル - FAQ（Webディレクターの実務対策1～6）
- おわりに（まとめ）
13 ライブ授業
ライブ授業では現役のWebデザイナーの講師から、Web制作の流れや、就転職、Web業界で働くためのノウハウを直接習得することが出来ます。授業はリアルタイムで配信されるので、まるで実際の教室にいるかのように講師へ質問をすることができます。
ブラッシュアップレッスン
「みなさんの作品はどうすればより良くなるのか」を講師がアドバイスしていきます。 自分、そして他の受講生へのアドバイスに触れることで、表現の幅を拡げていきます。
カラー＆画像講義
プロのデザイナーはデザインの目的やイメージを基に視覚的な効果を考え、色や形を意図的に使っています。この講義では、実際のデザインを見ながら何故その色（配色）や形（線）、レイアウトにしたのかを考えていきます。
Webサイト事例研究
優れたデザイン事例や先端的な表現の研究・解説を通じて、トレンドを踏まえた商用レベルのWebサイトを制作する際のポイントを整理していきます。
Web業界の「いま」と「これから」
ライブでしか伝えられない業界の「今」と「これから」を大胆解説。制作スキルのみならず、プロとしての心構えや職場でのコミュニケーションなど、業務に役立つ実践的内容です。
- ※動画授業はオンデマンドでの配信となるため受講期間終了後は閲覧することができません。
本講座に含まれるサポート
| ライブ授業 | 5時間 | SNSへの参加 | ○ |
|---|---|---|---|
| 実習動画 | 133時間 | 受講生限定イベント | ○ |
| 質問回数 | 無制限 | 交流会 | ○ |
| 就転職サポート | 求人サイト使用可能 | 修了証 | ○ |
| 課題添削回数 | 9回 |
| ライブ授業 | 5時間 |
|---|---|
| 実習動画 | 133時間 |
| 質問回数 | 無制限 |
| 就転職サポート | 求人サイト使用可能 |
| 課題添削回数 | 9回 |
| SNSへの参加 | ○ |
| 受講生限定イベント | ○ |
| 交流会 | ○ |
| 修了証 | ○ |
自宅でもサポートがあるから安心！
オンラインでも通学と同じだけの学習効果を出すために、授業を受ける「インプット」だけでなく、質問や課題添削などの「アウトプット」もカリキュラムに含まれています。
※下記サポートの対象講座は、「Webデザイナー講座」、「3DCGベーシック講座」、CG・映像「完全パック」です。その他の一部の講座は、「質問サポートサービス」をオプションで付属いただくことで、これらのサポートを受けていただくことが可能です。
1 質問できる！講師が直接回答します
実習中の疑問や質問は、いつでも講師に直接聞くことができ、プロクリエイターの講師が一つひとつの質問に丁寧に回答します。 ※対象講座のみ
2 添削してもらえる
授業中に作成した課題は、現場を知り尽くしたプロクリエイターの講師が丁寧に添削し、一人ひとりに合った指導をします。動画授業のインプットだけではなく、課題作成のアウトプットまで講師が関わるから、高いスキルが身に付きます。 ※対象講座のみ
卒業後のお仕事獲得もサポート！
1 「フリーランスの案件」を紹介
デジハリ生限定で、フリーランス案件をご紹介！一般的なフリーランス募集サイトでは「経験者のみ」という条件があるものがほとんどですが、高いスキルが保証されているデジハリ生だから、「未経験OK」な案件が豊富です。
2 デジハリ生限定の非公開求人サイトが使える
デジタルハリウッド受講生のためだけにつくられた、非公開求人サイト『WorketCareer』。クリエイティブに特化した求人情報を集約しています。また、デジタルハリウッド生に限定した「非公開求人」は業界未経験者が業界に入るときの足がかりになっています。
3 キャリアセンターが、就転職をバックアップ
デジタルハリウッドのキャリアセンターでは、就職・転職の個別相談や、採用セミナーの開催を行っています。 また、提携している「イマジカデジタルスケープ」では、専任のコンサルタント集団があなたの就転職をバックアップします。
よくあるご質問
Adobeを持っていないのですが、購入する必要がありますか？
Adobe Creative Cloud（12ヶ月版）を、48％引きでご購入いただけます。
Webデザイナー講座をお申し込みくださった方は、Adobe CC（12ヶ月版）を、48％引き（30,900円<税抜>）の特別価格でご購入いただけます。もちろん、講座終了後もそのままお使いいただけます。
特別価格で購入したAdobeも、商用利用できますか？
はい。問題なくご利用いただけます。
デジハリ・オンラインスクールでお申し込みいただけるAdobe CCは、仕事にも使えるコンプリートプランです。しかも、卒業後も特別価格のままで更新することができるので、フリーランスの方に最適！
企業内での研修でも利用できますか？
はい。問題なくご利用いただけます。そのまま「お申込みボタン」からお申込みください。
通常の講座内容や受講期間をカスタマイズされたい場合、その他ご相談がございましたら、法人向け研修講座をご覧ください。
受講に必要な環境
1 AdobeCreative Cloudが必要です
「Adobe Creative Cloud」を30,900円（税抜）でご購入いただけます
- ※「Adobe Creative Cloud」は、12ヶ月間、最新版を利用いただけるダウンロードカードです。
- ※製品版と同機能で卒業後の商用利用も可能です。
- ※教材ソフトは入金完了後、1～2週間でお届けします。
- ※製品版と同様、１ライセンスでWindows、 Mac両方へのインストールが可能です。
メーカーが定める必要システム構成をご確認ください。
2 受講に必要なパソコン環境
受講環境につきましては、こちらをご参照ください。
その他のプランはこちら
フリーランスで働きたい
方向けの講座
429,840円(税込)
429,840円(税込)
分割払OK！(例37,300円 ×12ヶ月)
- 授業時間：133時間（ライブ授業含む）
- 添削回数：9回
- 受講期間：全8ヶ月
在宅で副業を始めたい
方向けの講座
386,640円(税込)
386,640円(税込)
分割払OK！(例33,600円 ×12ヶ月)
- 授業時間：126時間（ライブ授業含む）
- 添削回数：9回
- 受講期間：全7ヶ月
就職・転職を目指す
方向けの講座
276,480円(税込)
276,480円(税込)
分割払OK！(例24,000円 ×12ヶ月)
- 授業時間：122時間(ライブ授業含む)
- 添削回数：9回
- 受講期間：全7ヶ月
人気講座一覧
| Webデザイン /グラフィックデザイン |
|
|---|---|
| 3DCG・映像 | |
| webマーケティング | |
| webプログラミング | |
| スマートフォン |