N予備校Webデザインコース

現役で活躍する
Webデザイナーから、
デザインとコーディング
を学ぶ

SCROLL

企業に求められる
即戦力のWebデザイナーとして、
就職できるチカラを身に付ける

Webデザイナーの主な仕事は、Webサイトやバナーのデザイン、HTMLやCSSのコーディングです。さらにワイヤーフレームの作成や、JavaScriptを使った動きのある表現を実装できるスキルを身につければ、より一層活躍の場が広がります。N予備校 Webデザインコースでは、現役のWebデザイナーによる生授業と、最新環境に準拠したオリジナル教材を用いて、デザイン未経験の方でも安心して学習していくことができます。

Webデザイナーという仕事

Webデザイナーの仕事は多岐にわたります。
企画、サイト設計、デザイン、コーディングまで、Web制作のほぼすべての工程で
Webデザイナーの活躍が求められています。

Adobe XD,Adobe Photoshop,Adobe Illustratorと、それらが動作するMacまたはWindowsをご用意下さい。
上記を含んだすべてのAdobe製品が使えるAdobe Creative Cloudコンプリートプランがおすすめです。

Webデザイナーを目指す人以外にも

デザインの知識とスキルを身につければ、Webデザインの他に、名刺やフライヤーなどの印刷物、オリジナルTシャツなどのノベルティも作れるようになります。
他にも魅力的でわかりやすい企画書が作れるようになると、ビジネスパーソンにとっても大きな強みになります。
デザインの知識とスキルはどんな場面においても今後ますます重要になってくるといえます。

グラフィックデザインコース

Webサイトのデザインやグラフィックデザイン全般に必要な知識とスキルを学習できるコースです。オリジナルグッズの制作を通してAdobe PhotoshopやAdobe Illustratorの基本操作を身につけ、タイポグラフィや配色の基礎を学んで幅広いデザイン表現ができるようになることを目指します。さらに、実際の業務フローに近い進行でWebサイトの制作を行い、実践で役立つチカラを身につけます。

  • Adobe Photoshop

    基本操作

    イラスト

    オリジナルパターン制作

    写真補正

    画像合成

    デジタルメイクアップ

    バナー制作

  • Adobe Illustlator

    基本操作

    文字の扱い

    図形作成

    解説図制作

    フライヤー制作

  • Basic Design

    レイアウト原則

    タイポグラフィ

    配色

    情報設計

HTML・CSSデザインコース

コーデイングに必要不可欠なHTMLとCSS、レスポンシブウェブデザインやポップアップ表示など動的なWebサイトを作るために必要なJavaScriptについて学習できるコースです。制作現場でよく使われている高機能エディタ「Visual Studio Code」を使い、効率よくコーディングをするためのコツも伝授します。

  • HTML5

    ブラウザの基礎知識

    HTMLの役割

    HTMLの文法

    主なHTMLタグの紹介

  • CSS3

    CSSの役割

    CSSの文法

    レイアウトや装飾

    インタラクション

    アニメーション

  • 制作課題

    水族館のサイト

    ボタンの装飾を工夫する

    問い合わせフォーム

    JavaScriptを使ったゲーム

    WordPressを使ったオリジナルブログ

Webデザイナーに
必要なスキルを
身に付ける
2つのコース

サイト制作のスタンダード
WordPressをマスターする

WordPressはオープンソースのCMS(Contents Management System)です。圧倒的な使いやすさから瞬く間にサイトやブログ制作のスタンダードとなりました。多くのコーポレートサイトでも利用されておりWeb上の32%のサイトがWordPressを利用して作られていると言われています。Webサイトを運用する上で欠かすことのできないソフトウェアといえます。

※ すべての教材公開は2019年4月を予定しております。予めご了承ください。

  • WordPressの基礎

  • メインテンプレート制作

  • ヘッダーとフッターの制作

  • 個別記事テンプレート

  • 固定ページとカテゴリーテンプレート

  • カスタム投稿とカスタムフィールド

  • 問い合わせフォーム

  • 本番公開

さらに詳しく
  • PHPとMySQL
  • WordPressのインストール
  • 管理画面の使い方
  • 記事を投稿してみよう
  • テーマの変更をしてみよう
  • テンプレート階層について
  • WordPressループとは?
  • タイトルと日付を表示しよう
  • ページャーを表示しよう
  • ヘッダーとフッダーの表示
  • JQueryの読み込み
  • JQueryで可変対応しよう
  • タイトルと記事を表示しよう
  • パンくずリストを作ろう
  • 記事の作者を表示しよう
  • 次の記事・前の記事を表示しよう
  • 固定ページのタイトルと記事を表示しよう
  • カテゴリーページのタイトルと記事一覧を表示しよう
  • プラグリンをインストールしよう
  • カスタム投稿を作ろう
  • カスタムフィールドを作ろう
  • アーカイブと個別記事のテンプレートを作ろう
  • プラグインをインストールしよう
  • 問い合わせフォームの設定
  • ロリポップ!の使い方
  • WordPressのインストール
  • 本番環境への移行
  • テーマのアップロード

N予備校での学習

N予備校は、教材、生授業、フォーラム(投稿掲示板)の3つがオールインされたアプリです。
PC、スマートフォーン、タブレットが利用でき、学習スタイルを選びません。

最新の環境に準拠した
オリジナル教材

それぞれのコース担当講師が執筆する、最新の環境に準拠した完全オリジナル教材で学習することができます。Web教材の強みを活かしてツールのバージョンアップやWeb業界の動向に合わせて柔軟にアップデートします。

進捗を確認しながら進める
双方向生授業

分からないことはコメント機能を使って、その場で質問することができます。講師はアンケート機能を利用して、受講者の進捗状況を確認しながら授業を進行するので置いてけぼりの心配もありません。見逃した生授業はアーカイブでいつでも何度でも視聴することが可能です。

成果物を投稿してレビューを貰う

フォーラムは画像の投稿も可能です。作った成果物をフォーラムに投稿すれば、講師や他の受講生からレビューを貰うことができます。レビューは "気づき" となり、スキルアップのきっかけとなるでしょう。

Q&Aとして活用する

分からないことや気になることはフォーラムに投稿しましょう。講師や他の受講生から回答や意見がもらえます。仲間との教え合いで、より一層理解を深めることができるでしょう。

講師

イシジマ ミキ

グラフィックデザインコース講師

小島 芳樹

HTML・CSSデザインコース講師

Jay

教材・カリキュラム監修

大学受験コースプログラミングコースも受講可能

月額1,000円で『大学受験コース』『中学復習講座』『プログラミングコース』すべて受講できます。

大学受験コース

50冊以上の参考書と問題集で効果的な学習を提案します。業界トップレベルの講師陣と22種類の豊富な講座でなたの志望校合格を徹底サポートします。

詳細はこちら

プログラミングコース

プログラミング未経験者が、IT企業にWebエンジニアとして就職できるレベルになることを目指します。ドワンゴの現役エンジニアが細かいステップで1つ1つ丁寧に教えていきます。

詳細はこちら

お支払い

N予備校に入学するには、学費のお支払いが必要です。以下のお支払い方法をご利用頂けます。

クレジットカード、キャリア決済の場合
au / docomo / SoftBank / Y!mobile
Credit cardsCareersCredit cardsCareers

月額 1,000円(税抜)

iTunes Store 決済の場合

月額 1,300円(税込)

学費について詳しくはこちら