Webデザインスペシャリストコース

  • Illustrator
  • Photoshop
  • Fireworks
  • Dreamweaver
  • 初級〜
  • 中級〜
  • 資格取得
  • 就転職
  • 学生
  • フリーター
  • キャリアアップ
コース画像

大人気のWebデザイン実践コースの内容に加え、HTML5&CSS3、jQuery、スマートフォンサイト制作といった最新のWeb制作スキルを学べる、まさに"スペシャリスト"になるためのコースです。もちろん、IllustratorやPhotoshop等の基礎スキルも習得できるので、初心者からでもOK。PC向けサイトも、スマホ向けサイトも制作できるスキルを身に付けて、即戦力を目指します。

こんな方におすすめ

  • 初心者からスタートして総合的なスキルを身に付けたい方
  • HTML5やCSS3等の最新のWeb制作スキルを身に付けたい方
  • 現場で通じる実践力を身に付けたい方
受講料

491,000円(税込 530,280円)

分割払い例
頭金0円+分割回数60回月々10,300

ローンシミュレーション

※クラス制の場合、入学金30,000円(税込32,400円)が別途必要です
※フリータイム制の場合、入学金10,000円(税込10,800円)が別途必要です
※教材費が別途かかります

受講単位

98 単位(1単位90分)

受講期間の目安
週2単位12ヶ月 週4単位8ヶ月

カリキュラム

Illustrator講座
1.Illustrator基礎 まずIllustratorの概要、基本的なツールの使い方をおさえ、実際に操作をしながら簡単なイラストの描き方を習得します。 4
2.イラストの描画 ツールバー上の豊富なツールを使ったイラストの描画方法をマスターします。 2
3.文字・テキストの編集 様々な文字・テキストの表現方法を学習します。 2
4.ボタンや地図の作成 これまでのまとめとして、Illustratorで頻繁に作成するボタンや地図を描きます。 1
5.DTPの基礎 Illustratorでチラシやポスターを制作する際の設定やポイントについて学びます。 1
Photoshop講座
1.Photoshop基礎 まずPhotohopの概要、基本的なツールの使い方を学びます。さらに、実際に写真を編集しながら様々な機能を操作します。 3
2.選択範囲と写真合成 Photoshopの操作で非常に重要な選択範囲の様々な指定方法と、写真の切り抜き・合成の方法を習得します。 3
3.文字・テキストの編集 様々な文字・テキストの表現方法を学びます。 1
4.Web用書き出し・Illustratorとの連携 編集した画像をWeb用に書き出す方法・注意点を学びます。また、Illustratorのファイルを読み込んで使用する方法を身につけます。 1
5.総合演習 学習した内容のまとめとなる総合演習問題に挑戦します。 1
6.DTPの基礎 Photoshopでチラシやポスターを制作する際の設定やポイントについて学びます。 1
HTML講座
1.HTML基礎 HTMLの概要、原則となる文法、考え方を学習します。 1
2.HTML要素 基本的なHTML要素を学び、Webページを実際にマークアップします。 3
3.パスとURI URIやパスとは何か、というところからおさえ、相対パス・絶対パスの考え方までを学びます。 1
4.CSSを意識したマークアップ CSSでレイアウト・デザインするための下準備を行います。また、Div要素、id・class属性についても学習します。 1
CSS講座
1.CSS基礎 CSSの概要、原則となる文法、考え方を学習します。 1
2.セレクターの種類 様々な種類のセレクターについて、サンプル作成を通じて特徴・使い方を身につけます。 3
3.ボックスの操作 要素のボックスモデルと、その操作を行うmarginやpaddingについて学びます。 1
4.floatによる段組レイアウト floatプロパティの使い方と、2〜3段組のページレイアウトを学習します。 2
5.ナビゲーションの作成 list要素をCSSで横並びにし、ナビゲーションにする方法をマスターします。 1
6.実践Tips リセットCSS、CSSのコンポーネント化による効率的なコーディング方法を習得します。 1
Dreamweaver講座
1.Dreamweaver基礎 Dreamweaverの概要、環境設定やサイト定義など、制作の準備について学びます。 1
2.マークアップの基礎 Dreamweaverの機能を使って原稿テキストを効率的にマークアップします。また、CSSコーディングの準備を行います。 2
3.CSSコーディング CSSに関する環境設定や、CSSスタイルパネルの使い方を学びます。 2
4.floatとposition floatプロパティの復習と、positionプロパティついて、使い方を学びます。 1
5.ロールオーバー マウスカーソルが重なったときに画像が切り替わるロールオーバーについて、JavaScirptやCSSによる手法をマスターします。 1
6.Dreamweaverと他のツールの連携 DreamweaverとPhotoshop、Illustrator、Office(Word、Excel)の連携を学習します。 1
7.ライブラリ・テンプレート 多数のページを効率的に制作するためのライブラリ・テンプレート機能の使い方を習得します。 1
Webサイトデザイン講座
1.Webデザイン基礎 Webデザイナーに必須となる基礎的な知識、概念について学びます。 1
2.Webのパーツデザイン ボタンやバナー等の、Webページで使用するパーツのデザインについて学びます。 2
3.Fireworksの活用 Fireworksの基礎と使い方について学びます。 1
4.Web制作のワークフロー 企画フェーズ(コンセプト、企画等)から設計、制作フェーズへの流れについて学びます。 1
5.サンプルサイトデザイン サンプルサイトのデザインカンプを作成します。各種ボタンやバナーパーツから、ページ全体のデザインまで、一連の制作の流れを実習形式で学びます。 4
6.Photoshop実践テクニック Photoshopによる写真加工やWeb用の書き出し等、Web制作でのPhotoshopの活用について学びます。 1
7.Illustarator実践テクニック Illustratorでアイコン作成、Web用書き出し等、Web制作でのIllustratorの過通用について学びます。 1
8.スライス デザインカンプからスライス(画像切り出し)を行い、マークアップの準備をする方法について学びます。 1
Web標準HTML&CSSレイアウト実践講座
1.HTMLの復習 マークアップの概念や、よく使う要素について学びます。 1
2.CSSの復習 CSSのセレクターの種類やCSSのルールについて学びます。 1
3.画像の取り扱い 画像ファイルの管理方法や、デザインカンプからのスライス(書き出し)について学びます。 1
4.サンプルページ作成 デザインカンプからのスライスと、マークアップ、その後のCSSでのコーディングについて、サンプルページを作成し、実習形式で学びます。 5
5.実践的なテクニック JavaScriptによる画像のロールオーバーや、CSSを使った実践的なテクニックについて学びます。 1
6.Webブラウザー 各種ブラウザーでの表示調整、IE6のバグや、HTML5、CSS3の基本などについて学びます。 1
HTML5&CSS3講座
1.HTMLとCSSのおさらい 既存の(X)HTMLとCSSについて復習し、HTML5&CSS3の概要について学習します。 1
2.HTML5のマークアップ HTM5の基礎、コンテンツモデル、要素の使い方について学習します。 (HTML5におけるマークアップの考え方、従来と使い方が変わった要素、新しく追加された要素) 4
3.CSS3のコーディング CSS3の基礎、新しく追加されたセレクターやプロパティの使い方について学習します。 (CSSだけで表現するボタンのデザイン、CSSによるアニメーション等) 4
4.HTML5&CSS3実践 HTML5とCSS3を組み合わせた実践制作について学習します。 (HTML5に対応したリセットCSS、各種ブラウザ・スマートフォンへの対応、jQueryの利用) 3
jQuery講座
1.jQueryの基礎知識と使い方 jQueryとは何か、どんなメリットがあるのかや、使うための準備、基本的な使い方を学びます。 2
2.jQueryでHTMLやCSSを操作する jQueryを使ってHTMLやCSSを動的に操作する方法を学びます。 1
3.イベントの基本を学ぶ ユーザーのマウス操作(クリックやダブルクリック)によって動作するイベント処理の扱い方を学びます。 1
4.JavaScriptの基礎 jQueryの元となっているJavaScriptの基礎知識を習得して、さらに理解を深めます。 1
5.フォームを使いこなす jQueryでフォームの情報を取り扱い、ユーザーに使いやすいフォームを作成します。 1
6.Ajaxを使ってみる Ajaxとは何か、Googleマップ等で活用されているAjaxの使い方、XMLを取得する方法等を学びます。 1
7.スライド式のギャラリーを作る jQueryでアニメーション(フェードインやフェードアウト)を設定する方法を学び、スライドで画像が切り替わるギャラリーを作成します。 2
8.jQueryのプラグインで制作効率をあげる jQueryプラグインの使い方を学び、Web制作をスピーディーに行うテクニックを習得します。便利なプラグインを実際に使用します。 1
スマートフォンサイト制作講座
1.サイト制作の前に知りたい基礎知識 スマートフォントは何かや、iPhone/Androidの仕様、制作環境の準備について学習します。 1
2.スマートフォンサイトの設計・デザイン スマートフォンサイトの企画や画面設計、デザインカンプの作成について学習します。 1
3.HTML/CSSの作成とサイトの公開 HTMLやCSSによる基本的なマークアップ・コーディングを行い、スマートフォンサイトの基礎を作成します。 2
4.サイト制作の実践テクニック アクセスした端末がPCかスマートフォンかによって表示するサイトを切り替える、WebサイトのデザインをiPhone風にデザインする、等、実践で役に立つ様々なテクニックを中心に学習します。 4
5.Webアプリ アプリとWebアプリの違い、jQuery Mobileの活用など、Webアプリの作成について学習します。 1
6.その先のスマートフォン 今後のスマートフォンとして、新登場のWindows Phoneやその他のタブレット端末、今後のスマートフォン、Web制作の考え方について学習します。 1
コース一覧へ戻る
  • 無料体験セミナー 業界のこと、適職のこと。あなたの疑問に答えます。
  • 講座説明会 なんでもご相談ください
  • 適職診断 あなたにピッタリの職種をお教えします。
  • 資料請求 受講生、卒業生のリアルなホンネ。就・転職成功の理由を教えます。
全国校舎一覧
北海道・東北エリア
関東甲信越エリア
中部エリア
近畿エリア
中国・四国エリア
九州エリア