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

まずは無料で体験しよう

SCROLL

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

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

Webデザイナーという仕事

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

N予備校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サイトを運用する上で欠かすことのできないソフトウェアといえます。

  • WordPressの基礎

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

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

  • 個別記事テンプレート

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

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

  • 問い合わせフォーム

  • 本番公開

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

N予備校での学習

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

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

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

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

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

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

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

Q&Aとして活用する

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

講師

小島 芳樹

Webデザイン講座講師

Jay

教材・カリキュラム監修

お支払い

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

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

月額 1,100円(税込)

iTunes Store 決済の場合

月額 1,300円(税込)

Google Play 決済の場合

現在非対応

iTunes Store 決済の場合

月額 1,300円(税込)

Google Play 決済の場合

現在非対応

iTunes Store 決済の場合

月額 1,300円(税込)

Google Play 決済の場合

現在非対応

お支払いの詳細は ヘルプ をご覧ください。

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