WebデザイナーコースWebデザインに必須の基本スキルをマスター

Webデザイナーコース

HTML/CSS/JavaScriptによる基本的なコーディングスキルに加え2大グラフィックソフト、PhotoshopとIllustratorを使い、デザインの基本からプロのWebレイアウト技術まで学ぶことができるコースです。Webデザイナーとしての基本スキルがすべてマスターできるだけでなく、実際の制作に役立つノウハウまで学ぶことができます。

対象者

  • Webデザイン系の業務を担当する方
  • コーディングの基本スキルを身につけたい方
  • Web制作の実務を把握したい方

このコースの目的

  • デザイン未経験の社員にWebデザイナーの仕事の基本を学ばせたい
  • Webサイトの更新を担当する社員にWeb標準のコーディングスキルを学ばせたい
  • コーディングを外注する際の品質管理や、日々の更新がスムーズにできるようになりたい

Webデザイナーコースで学べること

Photoshopを使ったWebデザインに加え、Web標準に沿った正しいHTML/CSSを学習します。さらに、Webサイトの設計やコーディングの演習を通じて、Webデザイナーとしての業務を行う上で必須となる技術も身につけることができます。

Photoshopでは、基本機能の使い方はもちろん、写真補正や合成、トリミングなど、実際の業務で必要となる技術を演習を通じて学習します。また、Webページのデザインカンプを作成する演習を通じて、Webデザインのワークフローや設計の考え方を学びます。また、コーディング演習では、正しい文書構造でコードを記述するセマンティックコーディングをベースに、実際のページをコーディングしながら技術を身につけます。

到達目標

  • Photoshopを用いてWebサイトのデザインカンプが作成できるようになる
  • セマンティックコーディングによる高品質なコードでWebサイトが構築できるようになる

目次・料金

目次

題名 時間 内容
HTML 8時間
  • Webの概要
  • HTMLの基本的なタグ
  • テーブル(表)
  • ハイパーリンク
  • 画像とWebにおける色指定
  • 動画・音声
  • フォームの基本
  • フォームの応用
  • セマンティック・コーディング
  • Web制作フロー
  • 画像の書き出し
  • HTMLのコードチェック
CSS 4時間
  • CSSとは
  • CSSのルール
  • セレクター
  • フォント、テキストのスタイリング
  • 疑似クラス
  • CSSレイアウト
  • デザインのプロパティ
  • その他スタイル指定
Webサイト制作演習 6時間
  • オーサリングツールとは
  • HTMLコーディング
  • CSSコーディング
  • 開発者ツール
  • 演習
  • サーバーへのアップロード
  • メディアクエリ
  • Webフォント
  • 疑似要素
  • アニメーション
JavaScript基礎 6時間
  • JavaScriptの概要と書式
  • JavaScriptの命令
  • 変数・演算子
  • 条件・ループ
  • 関数とイベント
  • DOMの仕様と要素ノードの操作
  • 属性ノードとテキストノード
  • jQueryの基本
  • jQueryにおけるイベント処理
  • jQueryの実践
  • jQueryプラグインの利用
Photoshop 16時間
  • Photoshopとは
  • 作業画面
  • 色の選択
  • 選択範囲
  • 画像の加工・補正
  • レイヤー
  • チャンネル
  • シェイプレイヤー
  • Webページ作成
  • 画像の加工
  • パーツデザインのポイント
  • テクスチャ作成
  • 文字の加工
  • 複数のデザインパターン作成
  • アイコンの作成
  • 保存形式
  • 書き出し
Illustrator 8時間
  • Illustratorとは
  • 作業画面
  • オブジェクトの作成
  • 保存・書き出し
  • パス
  • テキストの入力・編集
  • オブジェクトの変形
  • ブレンドオブジェクト
  • メッシュオブジェクト
  • レイヤー機能

料金

学習時間

48時間

受講料

¥367,400

目的に合わせてコースのカスタマイズができます

インターネット・アカデミーのコースは、自由自在にカスタマイズができます。このコースに加えて別の講座を組み合わせたり、一部の講座を削って費用を抑えることもできます。カスタマイズについてはお問い合わせフォームより弊社コンサルタントにご相談ください。

助成金を利用できます

個人向けサービスのコースを受講される場合も、要件を満たせば「人材開発支援助成金」などの助成金を利用し、コストを抑えてスキルアップを図ることができます。助成金の利用についてはお問い合わせフォームより弊社コンサルタントにご相談ください。

個人向けサービスの活用事例

インターネット・アカデミーの個人向けサービスを利用された企業様の事例の一部を紹介します。また、個人通学のサービスと御社オリジナルの研修を組み合わせたハイブリッドの研修も可能ですので、お気軽にご相談ください。

個人向けサービス・ハイブリッド研修について相談する

全研本社株式会社

人事部 人事広報課 リーダー
橋本歩惟 様
研修前の課題
  • 内定者研修を自社内で行うとなると、日程、人数など制約が多く、出来ることに限界があった
実施したIT研修
  • インターネット・アカデミーでの受講希望者に対し、受講料を半額負担する福利厚生制度を内定者向けに用意した
研修事例の詳細をみる

東日印刷株式会社

営業取締役 営業担当 営業局長 小松原慶和 様
取締役 経営企画・経理担当 総合企画室長 濱田俊雄 様
総合企画室 次長 岩本好司 様
研修前の課題
  • 内Webを新たな事業にするために、ビジネスで使えるWebスキルを新規事業チームのメンバーに習得してもらう必要があった
実施したIT研修
  • インターネット・アカデミーでの受講希望者に対し、受講料を半額負担する福利厚生制度を内定者向けに用意した
研修事例の詳細をみる

法人用 個別通学サービスのポイント

演習重視の授業だから実践力が身につく

演習重視の授業
講師の画面を共有しながら学習するため、プロの技術を学び取ることができます。

インターネット・アカデミーでは、プログラミングやデザインの演習、ディスカッションなどアウトプットを重視した授業を行うため、実務で活かせるスキルが身につきます。オンラインでもコミュニケーションをはかれるインタラクティブな形式で演習を実施します。グループワークにも対応しているため、実地での研修と同様の教育効果が得られます。

eラーニングでいつでも学習できる

eラーニング

インターネット・アカデミーの研修講師が、そのノウハウを注ぎ込んで開発したeラーニングで学習します。いつでも好きなタイミングで受講できるため、業務の合間や夜間・休日などに学習を進められます。何度も繰り返し受講したり、チャットサポートを利用した質問もできるため安心して受講できます。

IT研修・DX人材育成についてのご相談

法人サービスの電話お問合せ窓口
03-3341-3781
受付時間(平日・土日) 10時-21時

IT人材育成に精通したコンサルタントに無料でさまざまな相談をしていただけます。お気軽にご相談ください。

たとえばこんな相談ができます
  • 人材育成計画を立てるために人材育成の事例などをとりあえず聞きたい
  • 助成金の使い方や、支給額のシミュレーションを知りたい
  • 自社の業務や受講者のレベルにあったカリキュラムを提案してほしい
会社名必須
部署名必須
お名前必須
電話番号必須
メールアドレス必須
受講人数
開始時期
対象者
       
ご相談内容
個人情報の取扱いについて

個人情報の利用目的についてご同意いただいた場合のみ、「同意して進む」を押してください。

このページの上へ