資料ダウンロード
スクール一覧
Illustrator基礎
- Illustratorの基本操作
- 図形の作成・編集
- 図形の変形・配置
- 複雑な図形の作成
- レイヤー操作
- 文字の入力・編集
- グラデーション
- パス・アンカーポイントの操作
- レイアウト・DTPの基礎知識
- 画像の配置・編集
- クリッピングマスク
- チラシ・名刺・バナー制作
デザイン力×Web制作力！Illustrator・Photoshopで魅せるサイトを作る講座
基礎的なWeb制作スキルに加えて、IllustratorやPhotoshopの応用テクニックを学ぶことで、より洗練されたロゴやビジュアル加工が可能になり、Webサイトのデザイン性や表現力が格段に向上します。高度なデザイン力を身につけることで、ホームページ全体のクオリティを一層高めることができる講座です。Webクリエイター資格取得にも対応しています。
まずは無料で体験！
より詳しい情報を資料で確認したい
| 受講期間 | 116時間 |
|---|---|
| カリキュラム |
|
| 目標資格 |
|
| 料金 | 460,000円（税込） |
|
オンライン受講可能
|
|
こんな方におすすめ
- Webデザインの基礎を学びたい初心者
- 自分のホームページやWebサイトのデザインをより洗練させたい人
- IllustratorやPhotoshopの応用スキルを身につけたい人
- Web資格取得を目指す人
カリキュラム
Photoshop基礎
- Photoshopの基本操作
- レイヤー操作
- 選択範囲の作成
- 色調補正
- タイポグラフィー
- ペイント・グラデーション
- 画像のリサイズ・トリミング
- レタッチ・画像加工
- コンテンツに応じた画像編集
- フィルター・画像効果
- Web用画像の書き出し
Dreamweaver
- Dreamweaverの概要とサイトの定義
- 新規ファイルとページの作成
- CSSの設定
- テーブル
- フォーム
- 画像や動画の挿入とリンクの設定
- レスポンシブWebページの作成
- 便利な機
- Javascript/jQuery
HTML/CSS
- Web制作の基本
- HTMLマークアップの決まり
- リストのタグ
- テキスト関連のタグ
- 画像ファイルの挿入
- ハイパーリンク
- 文書構造をあらわすタグ
- テーブル
- フォーム
- HTMLのコンテンツモデル
- CSSの基礎知識
- 色の設定/文字のスタイル/背景画像の指定
- リストに関するプロパティ
- 外部スタイルシートの利用
- 子孫セレクター/擬似クラス
- CSSの優先順位/リセットCSS
- レイアウトに関するプロパティ
Webレスポンシブ
- 基本構文のまとめ
- ２段組のレイアウト
- ボックスの設定/影の設定
- グラデーション
- Media Queries
- canva要素
- フレキシブルボックスレイアウト
- パーツデザイン
Figma
- Figmaの概要
- スマートフォンのWebデザイン
- スクロールするスマートフォン画面
- ページ遷移するカード型ページ
- ハンバーガーメニューとカルーセル
- レスポンシブなWebデザイン
- インタラクティブなUIパーツ
Webサイト制作
- Webデザインワークフローについて確認する
- プランニング
- 情報の整理とサイトマップの作成
- 構成要素考案
- ワイヤーフレームの作成
- 文字と画像のレイアウト
- デザイン
- クライアントに還付を見てもらう場合の注意事項
- コーディングとデータ管理
Webクリエイター能力認定試験上級対策
まずは無料で体験！
より詳しい情報を資料で確認したい
その他のコース
関連するその他のコース
-
WebデザイナーProコース
Web未経験者からWeb業界を目指す人に人気の講座です。基本的なホームページ制作に加え、JavaScriptやCSSの応用で動きのある表現や高度なデザイン調整が学べ、コーディング力を強化できます。資格取得にも対応。
-
Webデザイナー+PHPプログラマー養成コース
WebデザイナーProコースにPHP講座を追加すると、お問い合わせフォームや会員管理、データベース連携などの機能を持つ動的サイトが作れるようになり、実務に直結した総合的なWeb制作スキルを習得できます。資格取得も対応。
-
Web・DTPデザイナースペシャリストコース
Web制作と印刷デザインを総合的に学べるISA独自の実践型カリキュラムです。サイト制作から広告・印刷物まで対応可能で、就職・転職やフリーランス、副業にも役立つスキルが身につきます。資格取得も対応。
Webデザイナー養成コース
Web 制作に必要な技術をオールマイティに学ぶ
デザイン力×Web制作力！Illustrator・Photoshopで魅せるサイトを作る講座
基礎的なWeb制作スキルに加えて、IllustratorやPhotoshopの応用テクニックを学ぶことで、より洗練されたロゴやビジュアル加工が可能になり、Webサイトのデザイン性や表現力が格段に向上します。高度なデザイン力を身につけることで、ホームページ全体のクオリティを一層高めることができる講座です。Webクリエイター資格取得にも対応しています。
まずは無料で体験！
より詳しい情報を資料で確認したい！
| 受講期間 | 116時間 |
|---|---|
| カリキュラム |
|
| 目標資格 |
|
| 料金 | 460,000円（税込） |
|
オンライン受講可能
|
|
こんな方におすすめ
- Webデザインの基礎を学びたい初心者
- 自分のホームページやWebサイトのデザインをより洗練させたい人
- IllustratorやPhotoshopの応用スキルを身につけたい人
- Web資格取得を目指す人
カリキュラム
Illustrator基礎
- Illustratorの基本操作
- 図形の作成・編集
- 図形の変形・配置
- 複雑な図形の作成
- レイヤー操作
- 文字の入力・編集
- グラデーション
- パス・アンカーポイントの操作
- レイアウト・DTPの基礎知識
- 画像の配置・編集
- クリッピングマスク
- チラシ・名刺・バナー制作
Photoshop基礎
- Photoshopの基本操作
- レイヤー操作
- 選択範囲の作成
- 色調補正
- タイポグラフィー
- ペイント・グラデーション
- 画像のリサイズ・トリミング
- レタッチ・画像加工
- コンテンツに応じた画像編集
- フィルター・画像効果
- Web用画像の書き出し
Dreamweaver
- Dreamweaverの概要とサイトの定義
- 新規ファイルとページの作成
- CSSの設定
- テーブル
- フォーム
- 画像や動画の挿入とリンクの設定
- レスポンシブWebページの作成
- 便利な機
- Javascript/jQuery
HTML/CSS
- Web制作の基本
- HTMLマークアップの決まり
- リストのタグ
- テキスト関連のタグ
- 画像ファイルの挿入
- ハイパーリンク
- 文書構造をあらわすタグ
- テーブル
- フォーム
- HTMLのコンテンツモデル
- CSSの基礎知識
- 色の設定/文字のスタイル/背景画像の指定
- リストに関するプロパティ
- 外部スタイルシートの利用
- 子孫セレクター/擬似クラス
- CSSの優先順位/リセットCSS
- レイアウトに関するプロパティ
Webレスポンシブ
- 基本構文のまとめ
- ２段組のレイアウト
- ボックスの設定/影の設定
- グラデーション
- Media Queries
- canva要素
- フレキシブルボックスレイアウト
- パーツデザイン
Figma
- Figmaの概要
- スマートフォンのWebデザイン
- スクロールするスマートフォン画面
- ページ遷移するカード型ページ
- ハンバーガーメニューとカルーセル
- レスポンシブなWebデザイン
- インタラクティブなUIパーツ
Webサイト制作
- Webデザインワークフローについて確認する
- プランニング
- 情報の整理とサイトマップの作成
- 構成要素考案
- ワイヤーフレームの作成
- 文字と画像のレイアウト
- デザイン
- クライアントに還付を見てもらう場合の注意事項
- コーディングとデータ管理
Webクリエイター能力認定試験上級対策
まずは無料で体験！
より詳しい情報を資料で確認したい！
関連するその他のコース
-
WebデザイナーProコース
Web未経験者からWeb業界を目指す人に人気の講座です。基本的なホームページ制作に加え、JavaScriptやCSSの応用で動きのある表現や高度なデザイン調整が学べ、コーディング力を強化できます。資格取得にも対応。
-
Webデザイナー+PHPプログラマー養成コース
WebデザイナーProコースにPHP講座を追加すると、お問い合わせフォームや会員管理、データベース連携などの機能を持つ動的サイトが作れるようになり、実務に直結した総合的なWeb制作スキルを習得できます。資格取得も対応。
-
Web・DTPデザイナースペシャリストコース
Web制作と印刷デザインを総合的に学べるISA独自の実践型カリキュラムです。サイト制作から広告・印刷物まで対応可能で、就職・転職やフリーランス、副業にも役立つスキルが身につきます。資格取得も対応。
