Web・DTPデザイナースペシャリストコース

Web・DTP を学んで幅を広げ、デザインに強くなる

学びたいスキル・希望の職業にあわせてコースをプランニングいたします

Web・DTPのハイブリッドなスキルを身につけ
デザインのプロになる


Web制作とパンフレットなどの印刷デザインを総合的に学べるISA独自の実践型カリキュラムです。両分野を習得することで、サイト制作から広告・印刷物まで幅広く対応が可能になります。就職・転職はもちろん、フリーランスとしての活躍や副業にも直結するスキルが身につきます。Webクリエイター資格取得にも対応しています。

まずは無料で体験!

無料体験レッスンに参加する

より詳しい情報を資料で確認したい

詳しい資料をもらう
受講期間 159時間
カリキュラム
  • Illustrator(基礎+応用)
  • Photoshop(基礎+応用)
  • Dreamweaver
  • HTML/CSS
  • キャリアアップ演習 for Web
  • Webサイト制作
  • InDesign
  • Figma
  • Webクリエイター能力認定試験上級対策
目標資格
  • Webクリエイター能力認定試験
料金 662,000円(税込)
オンライン受講可能
こんな方におすすめ
  • Web制作と印刷デザインの両方を学びたい人
  • 就職・転職で即戦力を目指す人
  • フリーランスや副業で幅広く活躍したい人
  • Web資格取得を目指す人
カリキュラム

Illustrator(基礎+応用)

  • Illustratorとは
  • Illustratorの基本操作
  • 基本的な図形描画(図形の作成・選択・色の設定・回転・移動・コピー・重なり順変更)
  • 図形の整列と配置
  • 文字の入力と編集(文字のアウトライン化)
  • グラデーション
  • 図形描画の応用
  • パス(アンカーポイント)
  • オブジェクトの変形
  • パスの描画(セグメント・鉛筆ツール・ペンツール・パスの編集・方向線の変更)
  • 基本的なレイアウト設定(制作物の準備・パーツ配置)
  • オブジェクトの効果(パスファインダー効果・3D効果・アピアランス・レイヤー・トレース・シンボル)
  • 演習問題

Photoshop(基礎+応用)

  • Photoshop操作の基本
  • ドキュメント画面の編集(アートボード・カンバスサイズ・画像解像度)
  • レイヤー(不透明度と塗り・描画モード・グループ化・スタイル)
  • 範囲選択(選択ツール・色域指定・クイック選択ツール)
  • ペイントツール(描画色・背景色の設定・消しゴムツール)
  • マスク(クイックマスク・レイヤーマスク)
  • 画像の編集(切り抜きツール・レタッチ・コンテンツに応じた塗りつぶし)
  • フィルター
  • 色調補正(調整レイヤー・レベル補正・トーンカーブ)
  • 演習課題
  • タイポグラフィー(文字ツール・文字の変形と回転)
  • シェイプ
  • パスの操作(ベクトルマスク)

Dreamweaver

  • Dreamweaverの概要とサイトの定義
  • 新規ファイルとページの作成
  • CSSの設定
  • テーブル
  • フォーム
  • 画像や動画の挿入とリンクの設定
  • レスポンシブWebページの作成
  • 便利な機
  • Javascript/jQuery

HTML/CSS

  • Web制作の基本
  • HTMLマークアップの決まり
  • リストのタグ
  • テキスト関連のタグ
  • 画像ファイルの挿入
  • ハイパーリンク
  • 文書構造をあらわすタグ
  • テーブル
  • フォーム
  • HTMLのコンテンツモデル
  • CSSの基礎知識
  • 色の設定/文字のスタイル/背景画像の指定
  • リストに関するプロパティ
  • 外部スタイルシートの利用
  • 子孫セレクター/擬似クラス
  • CSSの優先順位/リセットCSS
  • レイアウトに関するプロパティ

キャリアアップ演習 for Web

  • 立体的なロゴの作成/手書き風のロゴ作成
  • 地図の作成
  • アルファチャンネルとマスクの理解を深める
  • 写真の合成
  • バナーの作成
  • サイトデザイン
  • 画像の書き出し/CSSの抽出

Webサイト制作

  • Webデザインワークフローについて確認する
  • プランニング
  • 情報の整理とサイトマップの作成
  • 構成要素考案
  • ワイヤーフレームの作成
  • 文字と画像のレイアウト
  • デザイン
  • クライアントに還付を見てもらう場合の注意事項
  • コーディングとデータ管理

InDesign

  • InDesignの基本操作(環境設定・ドキュメント作成・インターフェイス・表示モードと表示倍率)
  • オブジェクトの基本操作(作成・フレーム・テキストの配置・テキストフレームの連結)
  • オブジェクト・表の操作(パスの描画・オブジェクトの操作・画像の配置と編集・リンクの管理・表作成)
  • テキストと文字の編集
  • 段落書式と冊子の制作(段落の設定・先割りレイアウトの作成)
  • 洗練されたページ作成(さまざまな文字書式・禁則処理・スタイルの設定・便利な編集機能)
  • ページ制作(ページ管理・マスターページ・縦組み横組み冊子の作成・ブックの管理・目次・索引・入稿データチェック)

Figma

  • Figmaの概要
  • スマートフォンのWebデザイン
  • スクロールするスマートフォン画面
  • ページ遷移するカード型ページ
  • ハンバーガーメニューとカルーセル
  • レスポンシブなWebデザイン
  • インタラクティブなUIパーツ

Webクリエイター能力認定試験上級対策

まずは無料で体験!

無料体験レッスンに参加する

より詳しい情報を資料で確認したい

詳しい資料をもらう

Web・DTPデザイナースペシャリストコース

Web・DTP を学んで幅を広げ、デザインに強くなる

Web・DTPのハイブリッドなスキルを身につけ
デザインのプロになる


Web制作とパンフレットなどの印刷デザインを総合的に学べるISA独自の実践型カリキュラムです。両分野を習得することで、サイト制作から広告・印刷物まで幅広く対応が可能になります。就職・転職はもちろん、フリーランスとしての活躍や副業にも直結するスキルが身につきます。Webクリエイター資格取得にも対応しています。

まずは無料で体験!

無料体験レッスンに参加する

より詳しい情報を資料で確認したい!

詳しい資料をもらう
受講期間 159時間
カリキュラム
  • Illustrator(基礎+応用)
  • Photoshop(基礎+応用)
  • Dreamweaver
  • HTML/CSS
  • キャリアアップ演習 for Web
  • Webサイト制作
  • InDesign
  • Figma
  • Webクリエイター能力認定試験上級対策
目標資格
  • Webクリエイター能力認定試験
料金 662,000円(税込)
オンライン受講可能
こんな方におすすめ
  • Web制作と印刷デザインの両方を学びたい人
  • 就職・転職で即戦力を目指す人
  • フリーランスや副業で幅広く活躍したい人
  • Web資格取得を目指す人
カリキュラム

Illustrator(基礎+応用)

  • Illustratorとは
  • Illustratorの基本操作
  • 基本的な図形描画(図形の作成・選択・色の設定・回転・移動・コピー・重なり順変更)
  • 図形の整列と配置
  • 文字の入力と編集(文字のアウトライン化)
  • グラデーション
  • 図形描画の応用
  • パス(アンカーポイント)
  • オブジェクトの変形
  • パスの描画(セグメント・鉛筆ツール・ペンツール・パスの編集・方向線の変更)
  • 基本的なレイアウト設定(制作物の準備・パーツ配置)
  • オブジェクトの効果(パスファインダー効果・3D効果・アピアランス・レイヤー・トレース・シンボル)
  • 演習問題

Photoshop(基礎+応用)

  • Photoshop操作の基本
  • ドキュメント画面の編集(アートボード・カンバスサイズ・画像解像度)
  • レイヤー(不透明度と塗り・描画モード・グループ化・スタイル)
  • 範囲選択(選択ツール・色域指定・クイック選択ツール)
  • ペイントツール(描画色・背景色の設定・消しゴムツール)
  • マスク(クイックマスク・レイヤーマスク)
  • 画像の編集(切り抜きツール・レタッチ・コンテンツに応じた塗りつぶし)
  • フィルター
  • 色調補正(調整レイヤー・レベル補正・トーンカーブ)
  • 演習課題
  • タイポグラフィー(文字ツール・文字の変形と回転)
  • シェイプ
  • パスの操作(ベクトルマスク)

Dreamweaver

  • Dreamweaverの概要とサイトの定義
  • 新規ファイルとページの作成
  • CSSの設定
  • テーブル
  • フォーム
  • 画像や動画の挿入とリンクの設定
  • レスポンシブWebページの作成
  • 便利な機
  • Javascript/jQuery

HTML/CSS

  • Web制作の基本
  • HTMLマークアップの決まり
  • リストのタグ
  • テキスト関連のタグ
  • 画像ファイルの挿入
  • ハイパーリンク
  • 文書構造をあらわすタグ
  • テーブル
  • フォーム
  • HTMLのコンテンツモデル
  • CSSの基礎知識
  • 色の設定/文字のスタイル/背景画像の指定
  • リストに関するプロパティ
  • 外部スタイルシートの利用
  • 子孫セレクター/擬似クラス
  • CSSの優先順位/リセットCSS
  • レイアウトに関するプロパティ

キャリアアップ演習 for Web

  • 立体的なロゴの作成/手書き風のロゴ作成
  • 地図の作成
  • アルファチャンネルとマスクの理解を深める
  • 写真の合成
  • バナーの作成
  • サイトデザイン
  • 画像の書き出し/CSSの抽出

Webサイト制作

  • Webデザインワークフローについて確認する
  • プランニング
  • 情報の整理とサイトマップの作成
  • 構成要素考案
  • ワイヤーフレームの作成
  • 文字と画像のレイアウト
  • デザイン
  • クライアントに還付を見てもらう場合の注意事項
  • コーディングとデータ管理

InDesign

  • InDesignの基本操作(環境設定・ドキュメント作成・インターフェイス・表示モードと表示倍率)
  • オブジェクトの基本操作(作成・フレーム・テキストの配置・テキストフレームの連結)
  • オブジェクト・表の操作(パスの描画・オブジェクトの操作・画像の配置と編集・リンクの管理・表作成)
  • テキストと文字の編集
  • 段落書式と冊子の制作(段落の設定・先割りレイアウトの作成)
  • 洗練されたページ作成(さまざまな文字書式・禁則処理・スタイルの設定・便利な編集機能)
  • ページ制作(ページ管理・マスターページ・縦組み横組み冊子の作成・ブックの管理・目次・索引・入稿データチェック)

Figma

  • Figmaの概要
  • スマートフォンのWebデザイン
  • スクロールするスマートフォン画面
  • ページ遷移するカード型ページ
  • ハンバーガーメニューとカルーセル
  • レスポンシブなWebデザイン
  • インタラクティブなUIパーツ

Webクリエイター能力認定試験上級対策

まずは無料で体験!

無料体験レッスンに参加する

より詳しい情報を資料で確認したい!

詳しい資料をもらう

関連するその他のコース