Web実践就転職総合コース|パソコン教室・資格講座なら【KENスクール】

Web Design

ウェブデザインコース

プロになりたい!成功のカギは「極」にあり

Web実践就転職総合コース

最短3ヶ月!Webで就転職!

Illustrator、Photoshopといったグラフィックソフトの操作スキル、HTML/CSSによるレイアウト方法、Dreamweaverを使用し、Webサイトをデザイン、制作する技術を習得します。また、Webサイトに動きを加えるためのJavaScript/jQueryを学習します。さらに、実務研修講座「極」コーディング/制作編を含むことで、制作現場同様の環境の中、実際に現場で必要とされるスキルを身につけ、最短3ヶ月で即戦力となり得るスキルを習得します。さらに、HTML5×CSS3を使用したスマートフォン(iPhone&Android)のサイトデザインも習得できます。

コース画像

受講時間 111時間
受講料 ¥377,300(税込)¥343,000(税別)
受講期間 6ヶ月
サポート
  • 未経験者OK
  • 初心者
  • 中級者
  • 就転職サポート
  • 資格取得
  • 個別授業
  • オンライン動画
  • 受講回数期間内無制限
  • 交流会
習得スキル
  • Photoshop
  • Illustrator
  • HTML/CSS
  • Dreamweaver
  • jQuery
  • サイト制作
取得資格
  • Webクリエイター能力認定試験エキスパート

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

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

この講座の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の基本文法●セレクタ・フィルタ一覧●データの確認●スムーススクロール●クロスフェードボタン●スライダー●エレベーターメニュー●カラーボックス●フォームバリデーション●ファイル構造の完成例●テンプレート●トップページ●お問い合わせ●スタイルシート
  • Webクリエイター能力認定試験エキスパート5時間
    • ●XHTML1.0対応版出題範囲●注意事項●知識問題●実技問題●Webサイトの概要・仕様●ワイヤーフレーム・仕上り見本●設問●採点基準●解説
  • 「極」コーディング/制作編40時間
    • ●制作の仕事●スケジューリング●制作サイトの題材を確定●競合となるサイトの分析●コンセプトシート(仕様書)の作成●コンテンツ洗いだし●サイトマップ作成●ラフ案の作成●ワイヤーフレーム作成●レイヤーカンプ(イメージ)作成●スライス●サイトの組立て(コーディング)●スマートフォンデザイン基礎講座:スマートフォンとは?●スマートフォンサイト●仕様比較●環境構築●企画・設計・デザイン●ワークフロー●サイトマップ●デザインの基準●ラフデザイン●ワイヤーフレーム●デザインカンプ●スライス・最適化●HTML5の基本マークアップ●新要素による区分け●HTML5リセットCSS●IDとClassの設定●CSS3によるレイアウト●基本設定&ヘッダー●ナビゲーション●コンテンツ&フッター●テキストの適合●PC/スマートフォンの振り分け

こんな人におすすめです

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

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

HTML/CSSは難しい部分が多く、心が折れそうになったことも有りました。グラフィックデザインは初めてのことばかりで、立ち止まってしまった時もありましたが、先生がしっかりと教えてくださったので、きちんと理解することができました。

Webデザインについてほとんど無知な状態からのスタートだったのですが、講座を通してコードを読むだけでなく自分でサイトを設計・制作することまでできるようになったことに感動しました。ビデオやテキストは共通のものを使いますが、先生がその生徒にあったレクチャーをしてくださるので、初心者の方はもちろん少し事前知識がある方でも満足する内容だと思います。

分からないことを講師にすぐに質問できる環境は勉強効率を上げるうえで助かりました。テキストを持ち帰り家で復習、受講時に質問をできる環境は仕事をしながら限られた時間で勉強をしなければならなかった私には有難い環境でした。またテキストにない情報、例えば最近のトレンドや最新の機能でテキストに記載してある情報より簡単に処理できる細かな情報を講師の方がプラスアルファで教えて頂ける環境も嬉しかったです。

Web実践就転職総合コースが学習できる校舎

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