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

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

PCから今すぐ体験入学

SCROLL

NEWS2019.01.07N予備校 WebデザインコースのWebサイトを公開しました。

企業に求められる
即戦力の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の基礎
メインテンプレート制作
ヘッダーとフッターの制作
個別記事テンプレート
固定ページとカテゴリーテンプレート
カスタム投稿とカスタムフィールド
問い合わせフォーム
本番公開

さらに詳しく

WordPressの基本

PHPとMySQL
WordPressのインストール
管理画面の使い方
記事を投稿してみよう
テーマの変更をしてみよう

メインテンプレート制作

テンプレート階層について
WordPressループとは？
タイトルと日付を表示しよう
ページャーを表示しよう

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

ヘッダーとフッダーの表示
JQueryの読み込み
JQueryで可変対応しよう

個別記事テンプレート

タイトルと記事を表示しよう
パンくずリストを作ろう
記事の作者を表示しよう
次の記事・前の記事を表示しよう

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

固定ページのタイトルと記事を表示しよう
カテゴリーページのタイトルと記事一覧を表示しよう

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

プラグリンをインストールしよう
カスタム投稿を作ろう
カスタムフィールドを作ろう
アーカイブと個別記事のテンプレートを作ろう

問い合わせフォーム

プラグインをインストールしよう
問い合わせフォームの設定

本番公開

ロリポップ！の使い方
WordPressのインストール
本番環境への移行
テーマのアップロード

N予備校での学習

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

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

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

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

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