メインビジュアル背景画像

Webデザイナー講座
就転職プラン

Web業界への就転職や
キャリアアップを目指すあなたへ

全7ヶ月

281,600円税込

未経験から即戦力の Webデザイナーになれる!

即戦力のWebデザイナーになるために必要な、グラフィック・Webレイアウトの基本から、HTML5/CSS3やJavaScript、スマートフォンサイト対応(レスポンシブデザイン)までを、体系的に効率よく学びます。

また、1994年の創立から数多くの企業の声をカリキュラムに反映させ、9万人のクリエイターを育成・輩出してきたデジタルハリウッドだからこそ提供できる就・転職サポートも付属。卒業後も、転職・独立の節目ごとに、末永くご活用いただけます。

Web業界への就転職やキャリアアップを目指す方に最もオススメのコースです。

地方で通勤圏内にWeb制作会社がない、早期にフリーランスとして独立を考えている方は、
Webデザイナー講座 フリーランスプランもご検討ください

身に付くスキル

  • Photoshop/
    Illustrator
  • HTML5 / CSS3 /
    Dreamweaver
  • JavaScript
  • 企画・ワークフロー
  • カラー・フォント

未経験OK! こんな方にオススメ

  • Webデザイナーとして独立したい

    Webデザイナーとして
    独立したい

  • 就転職活動を有利に展開したい学生、社会人

    就転職活動を
    有利に展開したい
    学生、社会人

  • 企業内でWebサイトの制作・管理を担当する方

    企業内で
    Webサイトの制作・管理を
    担当する方

受講期間

約7ヵ月(31週間)

  • お支払い手続き完了後は、すぐに受講開始となります

授業形式

動画:約93時間+ライブ授業:5時間(1時間×5回)

受講料

281,600円(税込)

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

デジタルハリウッドなら 卒業後のお仕事獲得サポートします

  • リモートOKな就業先も増えています
  • デジハリ生限定の
    非公開求人サイト
    が使えます
  • 専門のキャリアセンター
    あなたをバックアップ

詳細を見る

≪期間限定≫キャンペーン実施中

2020817日(月)まで

詳細はこちら >> AdobeCC1年分(33,980円)割引クーポン配布中

STUDY

学習の流れ

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

  • 1. 動画授業を見る
    1. 動画授業を見る
  • 2. 課題を作成する
    2. 課題を作成する
  • 3. 講師が課題を添削
    3. 講師が課題を添削

講座内容

グラフィック/HTML/CSSリファレンス

グラフィック/HTML/CSSリファレンス

グラフィック リファレンス

Illustratorの基本操作 / 描画ツールでの描画 / ペンツールでの描画 / レイヤー / 文字の入力 / オブジェクトの変形 / 線の設定とアピアランス / Photoshopの基本操作 / 画像の補正 / 画像の加工 / 文字の入力

HTML/CSS リファレンス

Dreamweaverでの学習準備 / オリエンテーション / HTMLの文法 / メタデータの要素 / コンテンツの要素 / テキストの要素 / アプリケーションの要素 / CSSの文法 / テキストのスタイル / ボックスのスタイル / リッチなスタイル / アニメーション / 疑似クラスと疑似要素 / 高度なスタイル / JavaScript

詳細(PDF)

グラフィック/HTML/CSSワーク

グラフィック/HTML/CSSワーク

グラフィック ワーク

名刺制作 / ロゴトレース / バナー制作 / ランディングページデザイン(PC/スマートフォン) / 画像の書き出し / 企業サイトデザイン(PC/スマートフォン)

HTML/CSS ワーク

ランディングページのHTML / ランディングページのCSS(PC/スマートフォン) / 検証 / トラブルシューティング / 企業サイトのHTML / 企業サイトのCSS(PC/スマートフォン) / サーバーへのアップロード

詳細(PDF)

講義動画

講義動画

Web概論

Webってなに? / Webサイトを作るのに必要なもの / Web制作の流れ / 今回のカリキュラムについて

Webデザインのためのワークフロー

イントロダクション / 調査・ヒアリング / 目的・方針整理/サイト構造設計 / 目的・方針整理/サイト構造設計

デザイナーのためのフォント概論

はじめに / フォントの役割 / Webデザインのフォント / フォントを購入する理由 / 書体の見分け方・探し方 / おすすめフォントのご紹介

Webデザインで使う色の基本原則

Webデザインのデータ作成時に気をつけること / Webデザインの基本的な配色 / 理論から考える配色 / 印象から考える配色 / 機能から考える配色 / 配色ジェネレーターやブラウザアドオン

詳細(PDF)

JavaScript

JavaScript

Javascript リファレンス

はじめに / 授業の目標 / alertの表示 / console.log / 変数 / 定数 / 条件分岐 / 比較演算子 / 変数スコープ / jQueryとは / jQueryの準備 / jQueryの基本 / メソッド / イベント

Javascript ワーク

ページトップへ戻るボタン / ハンバーガーメニュー / スライドショー / グローバルメニュー / 作品リストの表示

詳細(PDF)

ライブ授業

ライブ授業

ライブ授業では現役のWebデザイナーの講師から、Web制作の流れや、就転職、Web業界で働くためのノウハウを直接習得することが出来ます。授業はリアルタイムで配信されるので、まるで実際の教室にいるかのように講師へ質問をすることができます。

ブラッシュアップレッスン

「みなさんの作品はどうすればより良くなるのか」を講師がアドバイスしていきます。 自分、そして他の受講生へのアドバイスに触れることで、表現の幅を拡げていきます。

カラー&画像講義

プロのデザイナーはデザインの目的やイメージを基に視覚的な効果を考え、色や形を意図的に使っています。この講義では、実際のデザインを見ながら何故その色(配色)や形(線)、レイアウトにしたのかを考えていきます。

Webサイト事例研究

優れたデザイン事例や先端的な表現の研究・解説を通じて、トレンドを踏まえた商用レベルのWebサイトを制作する際のポイントを整理していきます。

Web業界の「いま」と「これから」

ライブでしか伝えられない業界の「今」と「これから」を大胆解説。制作スキルのみならず、プロとしての心構えや職場でのコミュニケーションなど、業務に役立つ実践的内容です。

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

-->

PORTFOLIO

戸島 朝香さんの作品
Webデザイナー講座

ポートフォリオサイト
アルバイトからWebデザイナーとして就職された、戸島さんが作成したご自身のポートフォリオWebサイト。シンプルさの中にも高級感をたたえた、洗練されたデザインのWebサイトです。

柿添 証子さんの作品
Webデザイナー講座

コーポレートサイト
Webデザイナー講座を受講した柿添さんによる修了課題。各ブロックごとのレイアウトやフォントカラー、写真とテキストのバランスなど、親しみやすさと美しさ、双方の調和が取れています。

SUPPORT

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

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

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

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

  • 添削してもらえる
    添削してもらえる

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

  • ライブ授業で講師と話せる
    ライブ授業で講師と話せる

    自分のペースで受けられる動画授業の他に、講師とコミュニケーションしながら受けられるライブ授業もあるので、疑問もすぐに解消できます。※対象講座のみ。
    ライブ授業の様子を見る

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

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

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

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

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

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

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

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

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

ENVIRONMENT

1.Adobe Creative Cloudが必要な講座です

お持ちでない方は、「Adobe Creative Cloud」を39,980円(税込)でご購入いただけます。

Adobe Creative Cloudをご購入いただくと、Photoshop,Illustrator,Dreamweaverを含む、すべてのAdobeアプリケーションを1年間お使いいただけるようになります。
機能・サービスは通常版のAdobe Creative Cloudコンプリートプランに準じます。
購入にあたっては、メーカーが定める必要システム構成もあらかじめご確認ください。

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

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

FAQ

Q.お仕事は紹介してもらえるのでしょうか?

デジタルハリウッドでは、在校生・卒業生のための就職支援サイト「xWORKS Job Style Search (ジョブスタイルサーチ)」をはじめとした就職サポートをご用意しており、全国から寄せられたデジタルハリウッド生に向けた就職情報をいつでも照会することができます。

こちらのサービスでは、案件の紹介だけでなく、デザイナーやクリエイターの育成を行っており、その時々のニーズにあわせたスキルアップのセミナーなどを開催し、よりお仕事を受注いただけるようにサポートも行っております。
修了後の就職だけにとどまらず、転職・独立等、ご自身のスキルや状況に合わせて、卒業後も長くご利用いただけます。

APPLICATION

≪期間限定≫キャンペーン実施中

2020817日(月)まで

本講座のお申込みには、AdobeCC1年分(33,980円)割引クーポンをご利用いただけます

お申し込み講座

Webデザイナー講座 就転職プラン

受講期間

約7ヵ月(31週間)

  • お支払い手続き完了後は、すぐに受講開始となります

受講料

281,600円(税込)

Adobe CCの購入

※受講環境および約款をご確認いただけましたら、「受講環境、約款を確認しました」にチェックを入れ、申込フォームへお進みください。
※分割払いもこちらからお申込みいただけます

RECOMMEND