Webデザインコース

こんな方にオススメ!
  • ・デザイン初心者の方
  • ・PhotshopもIllustratorも使えるようになりたい方
  • ・より幅広いデザインスキル・知識を習得したい方
  • ・HTMLやCSS、JavaScript / jQueryなどを通してフロントエンドの技術も学びたい方
Pc img webdesign ce9af0030ff6b63bf736f0a16e629e0cb44e9dc4f9040266c497a235aa978a23
  • 1to1 icon 0293a13e4ae2fc8c732ded5491f2db796c812006698c906c4396e9d40c33d43e

    現役デザイナーによる指導

  • Money icon 31ee9ab3dc70876f07c0b28c41290ab2c2a14eabf5296e182686e5190f77dc12

    いつでも、格安で
    マンツーマンレッスンが受講できる

  • Curriculum icon a47ce356d64897749ea1aec559556e167f1aa937d0eb635dd31aa925ea3aeb67

    CodeCampの
    完全オリジナル・カリキュラム

Webデザインコースの概要

このコースについて

本コースではAdobe PhotoshopおよびIllustratorの両ツールを基礎的な操作方法や基礎知識からWebデザインに必要な知識までを体系的に学びます。第一線で活躍するWebデザイナーの多くが両ツールを高いレベルで駆使し、デザインを行います。さらにHTMLで文書の構造を定義し、CSSを使ってHTML文書の装飾やレイアウトを施すことを身につけます。さらにJaveScirpt / jQueryを用いて動きのあるサイトを作る基礎を学び、フロントエンドのスキルを総合的に身につけることを目指します。

※Photoshop/Illustratorの利用環境はお客様の方でご用意していただく必要があります(製品版またはAdobe Creative Cloud)
詳細はこちら

※体験レッスンはPhotoshop/Illustrator体験版でのご受講が可能です。

対象者

  • ・Webデザインにご興味のある方
  • ・PhotoshopもIllustratorも一から学びたい方
  • ・やる気と情熱に溢れている方
  • ・Photoshop、Illsutratorの環境をご自身でご準備できる方(製品版またはAdobe Creative Cloud)
  • ・マウスの使用を推奨します

Pc img2 webdesign 6c77465d740d0500196df1c866fb38df54033016aa87df664d5ec5414b8d3b0d

カリキュラム

HTML5 / CSS3カリキュラム

  1. HTML5/CSS3基礎編

    WEBサイトを制作するにあたり必要となる基礎知識やその仕組みを理解していただきます。

    • ・HTMLとは
    • ・要素とタグ
    • ・HTML基本構造
    • ・ドキュメントツリー
    • ・ブラウザの仕組み
    • ・CSSとは
    • ・セレクタとプロパティ
    • ・自己紹介ページ制作
  2. HTML5/CSS3実践編

    WEBサイトを制作するにあたり必要となる基礎知識やその仕組みを理解していただきます。

    • ・主要な要素紹介
    • ・HTML5の新要素
    • ・セクションとアウトライン
    • ・id属性とclass属性
    • ・入力/送信フォーム
    • ・主要なプロパティ紹介
    • ・CSSボックス
    • ・floatレイアウト
  3. 最終課題制作

    これまで学んだことを応用し、指定した要件に従って実際にWEBサイトを制作します。

    • ・料理紹介ページ制作
    Practice htmlcss 9d125bbd51f701e17033f1c4bffb7673264d30322e10ccb7f836fe8a0eb3027e

JavaScriptカリキュラム

  1. JavaScript基礎編

    JavaScriptの基礎となる仕組みや文法を1から学び、プログラミングの基礎を理解していただきます。

    • ・JavaScriptとは
    • ・変数
    • ・演算子
    • ・データ型
    • ・条件分岐(if)
    • ・繰り返し(for、while)
    • ・配列
    • ・関数
  2. JavaScript実践編

    JavaScript独自の処理であるDOM操作やAjaxと、jQueryの使い方について学んでいただきます。

    • ・オブジェクト
    • ・DOMとは
    • ・DOM操作
    • ・イベントハンドラ
    • ・一定間隔で繰り返す(setInterval)
    • ・jQuery
    • ・Ajax
    • ・タイマー制作
  3. ルーレット制作

    これまで学んだことを応用し、指定した要件に従って実際にWEB上で動作するルーレットを制作します。

    • ・ルーレット制作
    Practice javascript c32c20f142a766522236e2d2d481a34589c625bf203e2eca15c468c07c0230e4

Photoshopカリキュラム

  1. Photoshopの基礎

    Photoshopを操作するための基本的な操作方法と基礎的な知識を学習します。

    • ・Photoshopでできること
    • ・画面構成
    • ・ツールの操作
    • ・パネルの操作
    • ・ファイルの操作
    • ・ワークスペース
    • ・ビットマップ画像のしくみ
    • ・画像解像度とドキュメントサイズ
    • ・カラーモード
    • ・その他
  2. 基本テクニック

    実際に手を動かして様々なスキルを体得しオブジェクトを加工する技術を学びます。反復練習を実施し、しっかり身につけましょう。

    • ・パターンの作成
    • ・選択・切り抜き
    • ・修復・補正
    • ・色調補正
    • ・パスとシェイプ
    • ・テキストの入力・編集
    • ・レイヤーの基本概念・基本操作
    • ・フィルター
    • ・コラージュ
    • ・その他
  3. 最終課題

    これまでに習得した技術を存分に使って、Webページの制作に挑戦します。

    • ・Web素材の作成時の注意
    • ・スライスの作成
    • ・Webページのパーツ作成
    Photoshop practice 9ee8a8494b188587925934082cdf083ca8bbeb83cf3710aa7779001a06cf0f27

Illustratorカリキュラム

  1. Illustrator 基本操作編

    Illustratorを操作するための基本的な操作方法と基礎的な知識を学習します。

    • ・Illustratorでできること
    • ・画面構成
    • ・ツールの操作
    • ・パネルの操作
    • ・ワークスペース
    • ・ベクトル画像のしくみ
    • ・基本図形の描画
    • ・グラデーションやパターンの作成
    • ・その他
  2. 様々な機能と実践

    オブジェクトを自身で制作し、様々な技法でオブジェクトを加工する技術を学びます。より実用的なスキルをしっかり押さえていきましょう。

    • ・効果メニュー
    • ・アピアランス
    • ・パターン
    • ・ブラシ
    • ・ブレンド
    • ・フォントの基礎知識
    • ・テキストのアウトライン化
    • ・レイヤーの基本概念
    • ・クリッピングマスク
    • ・その他
  3. 最終課題

    これまでに習得した技術を存分に使って、Webページの制作に挑戦します。

    • ・Web素材の作成時の注意
    • ・スライスの作成
    • ・Webページのパーツ作成
    Illustrator practice 76153f15ddc36f92f409f1fb22b52cc6466a72d206b2351fcb460bbcdbb6b6c2

学習スケジュール

2ヶ月で修了4ヶ月で修了
(標準ペース)
6ヶ月で修了
自習時間8時間/週4時間/週3時間/週
受講回数8回/週4回/週3回/週

平日のすきま時間を活用したい!

CodeCampの授業は1回40分で7時〜23時40分まで受け放題なので、まとまった時間がとれない方や土日も忙しい方などでも、空いた隙間時間を有効活用することで無駄無く学習することができます。

Sche1 c65a8e796106d4c76ff6445f3197df81e42e500a3a1044b248beb753194f7a65

土日を使って勉強したい!

平日は仕事が忙しくて全く学習できないという方には、土日にまとめて受講するのがオススメです。CodeCampは土日も朝7時から23時40分まで受講できるので都合の良い日に一気に進めることもできます。

Sche2 8db155eb548acafb883801c04dc7ea6a69332e4e95775a583494e7500d6f2a98

料金について

Webデザインコースの料金

1.入学金
¥10,000→1月末まで¥0
2.受講料金
¥198,000(税別)

お支払い方法

方法
1
一括払い

  • ・銀行振り込み
  • ・クレジットカード払い(PayPal)

方法
2
分割払い

  • CodeCampローン
    (クレジット会社を利用した分割支払い)

PayPalについて

Paypal
VISA、MasterCard、JCBなど 主なクレジットカードは、全てお使いいただけます。
Paypal(ペイパル)は、オンラインで、お店で使える、より安全、より迅速な決済サービスです。ペイパルアカウントをお持ちの利用者は、ペイパルクレジットカード情報等を登録すれば、クレジットカード番号などの重要な情報を支払い先に開示することなく、インターネット上でお支払いできます。 世界190の国と地域で、25の通貨に対応し、1億を超えるアクティブアカウントの利用者を持つペイパルは、グローバルな決済サービスです。

まずは無料体験レッスンを通じて
CodeCampのクオリティをご体験ください!