Web実践プロデザイングラフィック就転職総合コース|パソコン教室・資格講座なら【KENスクール】

Web Design

ウェブデザインコース

  1. パソコン教室 KENスクール TOP >
  2. Webデザインスクール >
  3. Web就職・転職対応コース一覧 >
  4. Web実践プロデザイングラフィック就転職総合コース

ズバリ、売れてます!Web&DTPに対応するデザイナーを目指す!

Web実践プロデザイングラフィック就転職総合コース

デザインはもちろん、JavaScriptまでしっかり学ぶ

初心者から即戦力Web/DTPデザイナーを目指したい方のコースです。Illustrator、Photoshopといったグラフィックソフトの操作スキル、HTML/CSSによるレイアウト方法、Dreamweaverを使用し、Webサイトをデザイン、制作する技術を習得します。「極」コーディング/制作編で、更新・運営を中心とした現場のシミュレーションを徹底的に行うことにより、トラブル回避もできる即戦力型のスキルを習得します。さらに「極」グラフィックProで、「商業デザイン」を基礎からプロのテクニックまで学習し、WebにもDTPにも対応できる柔軟なデザインセンスを磨き、どちらにも通用するデザイナーを目指します。さらに、HTML5×CSS3を使用したスマートフォン(iPhone&Android)のサイトデザインも習得できます。

コース画像

受講時間 158時間
受講料 ¥556,600(税込)¥506,000(税別)
受講期間 9ヶ月
サポート
  • 未経験者OK
  • 初心者
  • 中級者
  • 就転職サポート
  • 資格取得
  • 個別授業
  • オンライン動画
  • 受講回数期間内無制限
  • 交流会
習得スキル
  • Photoshop
  • Illustrator
  • HTML/CSS
  • Dreamweaver
  • jQuery
  • サイト制作
  • グラフィック制作
取得資格
  • ウェブデザイン技能検定2級

※ 一般教育訓練給付制度の利用資格有無は、受講前に受講する本人の住所を管轄するハローワークで必ずご確認ください。

※ キャンペーンと教育訓練給付制度の併用はできません。

この講座の3つのポイント

  • 実践的グラフィック、HTMLマークアップ、Webコーディング、実践的なサイト作成方法が身につきます
  • ビジュアルを意識したプロフェッショナルなWebサイトが作れるようになります
  • プロとして必須の業界知識が身につき、素人とプロの違い、自然なヴィジュアルテクニックが身につきます

カリキュラム

  • Photoshop13時間
    • ●基本操作●起動と終了●ツールオプション設定●AdobeBridgeの使用●選択ツール●選択範囲の作成と反転●自動選択ツール●なげなわツール●パスによる選択/保存●ガイド●描画色と背景色●塗りつぶし●レイヤー機能●レイヤースタイル●描画モード●フィルター●アンシャープマスク●アルファチャンネル●レイヤーマスク●色調補正●色相・彩度●トーンカーブ●レベル補正●調整レイヤー●スライス●境界線を調整●レタッチツール●パペットワープ●Photoshopショートカット
  • Illustrator13時間
    • ●基本操作●起動と終了●ツールパネル●ベクトルグラフィックとビットマップグラフィック●RGBとCMYK●保存●楕円/長方形/正多角形/星形/角丸長方形の描画●オブジェクトの選択●オブジェクトの拡大/縮小/回転●オブジェクトの複製と削除●グループ化●レイヤーパネル●文字の入力と設定●スポイトツール●グラデーション●透明パネル●グラデーションと透明の実践●ペンツールオープンパスとクローズパス●ダイレクト選択ツール●ブレンド●オブジェクトの反転/整列●アピアランス●アウトライン●ブラシツール●内側描画機能●ブラシライブラリ●パスファインダー●クリッピングマスク●エンべロープ●3D効果●トンボ●線幅ツール
  • HTML/CSS10時間
    • ●HTMLの概要●HTMLの構造/記述/規則●文書構造●属性と属性値●イメージの挿入●スタイルシート●ブロック要素とインライン要素●CSSの記述●セレクタ●リンク●CSSレイアウト●グループ化●テーブル●フォーム
  • Dreamweaver15時間
    • ●サイトの流れ●基本操作●初期環境の設定●サイトの管理●HTMLファイルの新規作成●HTMLの各種設定●ページタイトルの設定●言語設定●コンテンツタイプの設定●ページのキーワードの入力●ページの説明の入力●ページ内容のマークアップ●リンク設定●ブラウザーでプレビュー●画像の挿入●グループ化●CSS●セレクタの種類●基本セレクタ●クラスセレクタ●IDセレクタ●子孫セレクタ●擬似クラス●全称セレクタ●ショートハンドの設定●コメントの入力●スニペットの使用●CSSでページの基本設定●Wrapperの設定●Headerの設定●floatでの回り込み●表データの読み込み●Global naviの設定●ロールオーバー設定●MainVisualの設定●SubContentsの設定●Maincontentsの設定●Footerの設定●定義タグ●テンプレートの利用●編集可能領域の作成●原稿の流し込み●テンプレートの編集●ID属性の変更
  • デザイナーのためのJavaScript/jQuery講座15時間
    • ●JavaScriptとは?●JavaScriptの基本文法●外部ファイルで使用●変数と演算子●メソッドとイベント●プロパティ●関数と引数●配列と繰り返し(for文)●繰り返し(while文)●条件分岐●jQueryとは?●jQueryのダウンロード●jQueryの読み込み●jQueryの基本文法●セレクタ・フィルタ一覧●データの確認●スムーススクロール●クロスフェードボタン●スライダー●エレベーターメニュー●カラーボックス●フォームバリデーション●ファイル構造の完成例●テンプレート●トップページ●お問い合わせ●スタイルシート
  • ウェブデザイン技能検定2級対策講座12時間
    • ●インターネット概論●ネットワーク知識●Web標準規格と動向●セキュリティ技術●知的財産権●インターネットにかかわる法令●HTML・CSS・JavaScriptのコーディング知識●ページデザイン・レイアウトにおける知識●ユーザビリティ●アクセシビリティ●ユニバーサルデザイン●運用●作業環境・安全衛生●HTML、CSS、Dreamweaver、Photoshop、Flash、JavaScriptなどを使用した実技●操作スピード
  • 「極」コーディング/制作編40時間
    • ●制作の仕事●スケジューリング●制作サイトの題材を確定●競合となるサイトの分析●コンセプトシート(仕様書)の作成●コンテンツ洗いだし●サイトマップ作成●ラフ案の作成●ワイヤーフレーム作成●レイヤーカンプ(イメージ)作成●スライス●サイトの組立て(コーディング)●スマートフォンデザイン基礎講座:スマートフォンとは?●スマートフォンサイト●仕様比較●環境構築●企画・設計・デザイン●ワークフロー●サイトマップ●デザインの基準●ラフデザイン●ワイヤーフレーム●デザインカンプ●スライス・最適化●HTML5の基本マークアップ●新要素による区分け●HTML5リセットCSS●IDとClassの設定●CSS3によるレイアウト●基本設定&ヘッダー●ナビゲーション●コンテンツ&フッター●テキストの適合●PC/スマートフォンの振り分け
  • 「極」グラフィックPro40時間
    • ●基本補正テクニック(Photoshopを最大限に活かした素材画像の制作ノウハウ)●レイアウト設計(デザインの法則性)●「明るさ」「コントラスト」「彩度」「カラー」を極める●コンセプトワークから始める多種多様な制作物を作成する●デザインの法則を知る●シンプルデザインの理解●グリッドデザイン「ある一定の法則」を学習することでWebまで応用の利くデザインの実践●色彩設計●ユーザビリティの高い文章デザインの学習●WEB・DTPで制作テーマを分け、ゼロからコンセプトを考え、制作物を仕上げることを習得

こんな人におすすめです

  • 未経験者、初心者の方
  • Web業界へ転職したい方
  • スキルアップを考えている方

この講座を受講した方の声

基礎をしっかり学べたので、色々メリットがありました(作業スピードが全体的に上がった・PC作業する習慣がついた・あいまいな知識が整理されたなど)。一方で本当にやりたいことをやるにはまだまだ足りない部分がたくさんあるとよく理解できたので、発展的な内容についてもっと学ぼうと思いました。

解説が丁寧で分かりやすかったと感じました。生徒の理解度に応じて、授業の内容を省くなど状況に応じた授業の進め方が良かったと感じました。

Web実践プロデザイングラフィック就転職総合コースが学習できる校舎

無料カウンセリング-受講前の疑問・お悩みを無料で解決 ご希望に合った講座をご提案します!お電話で・Zoomオンラインで・選べるカウンセリング方法-無料カウンセリングのご予約はこちらから