資料ダウンロード
スクール一覧
Illustrator基礎
- Illustratorの基本操作
- 図形の作成・編集
- 図形の変形・配置
- 複雑な図形の作成
- レイヤー操作
- 文字の入力・編集
- グラデーション
- パス・アンカーポイントの操作
- レイアウト・DTPの基礎知識
- 画像の配置・編集
- クリッピングマスク
- チラシ・名刺・バナー制作
デザインを手で創る。
Figmaからコーディングまで自分のホームページ
Web制作は、まずFigmaでデザイン見本を作成し、全体の構成やレイアウトを決定します。写真はPhotoshopで加工し、ロゴやアイコンはIllustratorで制作し、デザインに組み込みます。その後、完成デザインをもとにHTMLとCSSでコーディングをします。その基本を中心に学習します。自分のホームページを作成したい方にもお勧めの講座です。
まずは無料で体験！
より詳しい情報を資料で確認したい
| 受講期間 | 89時間 |
|---|---|
| カリキュラム |
|
| 目標資格 | — |
| 料金 | 360,000円（税込） |
|
オンライン受講可能
|
|
こんな方におすすめ
- 自分のホームページを作りたい初心者
- Webデザインやコーディングの基礎を学びたい人
- Figma・Photoshop・Illustratorなどを使った実践的な制作スキルを身につけたい人
カリキュラム
Photoshop基礎
- Photoshopの基本操作
- レイヤー操作
- 選択範囲の作成
- 色調補正
- タイポグラフィー
- ペイント・グラデーション
- 画像のリサイズ・トリミング
- レタッチ・画像加工
- コンテンツに応じた画像編集
- フィルター・画像効果
- Web用画像の書き出し
Dreamweaver
- Dreamweaverの概要とサイトの定義
- 新規ファイルとページの作成
- CSSの設定
- テーブル
- フォーム
- 画像や動画の挿入とリンクの設定
- レスポンシブWebページの作成
- 便利な機
- Javascript/jQuery
HTML/CSS
- Web制作の基本
- HTMLマークアップの決まり
- リストのタグ
- テキスト関連のタグ
- 画像ファイルの挿入
- ハイパーリンク
- 文書構造をあらわすタグ
- テーブル
- フォーム
- HTMLのコンテンツモデル
- CSSの基礎知識
- 色の設定/文字のスタイル/背景画像の指定
- リストに関するプロパティ
- 外部スタイルシートの利用
- 子孫セレクター/擬似クラス
- CSSの優先順位/リセットCSS
- レイアウトに関するプロパティ
Figma
- Figmaの概要
- スマートフォンのWebデザイン
- スクロールするスマートフォン画面
- ページ遷移するカード型ページ
- ハンバーガーメニューとカルーセル
- レスポンシブなWebデザイン
- インタラクティブなUIパーツ
Webサイト制作
- Webデザインワークフローについて確認する
- プランニング
- 情報の整理とサイトマップの作成
- 構成要素考案
- ワイヤーフレームの作成
- 文字と画像のレイアウト
- デザイン
- クライアントに還付を見てもらう場合の注意事項
- コーディングとデータ管理
まずは無料で体験！
より詳しい情報を資料で確認したい
関連するその他のコース
-
Webデザインコース
初心者向けに、HTML・CSSなどの基礎と、Web制作で多用されるデザインツールFigmaを学ぶコースです。Webデザイン学習の基礎として最適です。
-
速習Webページ制作コース
WordPressでは用意されたテーマに沿ってページ制作できますが、HTMLとCSSの基礎を学ぶことで、レイアウト調整などカスタマイズしたページ制作も可能になります。
-
Webデザイナー養成コース
基礎的なWeb制作スキルに加え、IllustratorやPhotoshopの応用技術を学ぶことで、洗練されたロゴやビジュアル加工が可能になり、Webサイトのデザイン力や表現力を高められる講座です。資格取得も対応。
Web制作マスターコース
ベーシックなWebサイトの作成技術を学ぶ
デザインを手で創る。
Figmaからコーディングまで自分のホームページ
Web制作は、まずFigmaでデザイン見本を作成し、全体の構成やレイアウトを決定します。写真はPhotoshopで加工し、ロゴやアイコンはIllustratorで制作し、デザインに組み込みます。その後、完成デザインをもとにHTMLとCSSでコーディングをします。その基本を中心に学習します。自分のホームページを作成したい方にもお勧めの講座です。
まずは無料で体験！
より詳しい情報を資料で確認したい！
| 受講期間 | 89時間 |
|---|---|
| カリキュラム |
|
| 目標資格 | — |
| 料金 | 360,000円（税込） |
|
オンライン受講可能
|
|
こんな方におすすめ
- 自分のホームページを作りたい初心者
- Webデザインやコーディングの基礎を学びたい人
- Figma・Photoshop・Illustratorなどを使った実践的な制作スキルを身につけたい人
カリキュラム
Illustrator基礎
- Illustratorの基本操作
- 図形の作成・編集
- 図形の変形・配置
- 複雑な図形の作成
- レイヤー操作
- 文字の入力・編集
- グラデーション
- パス・アンカーポイントの操作
- レイアウト・DTPの基礎知識
- 画像の配置・編集
- クリッピングマスク
- チラシ・名刺・バナー制作
Photoshop基礎
- Photoshopの基本操作
- レイヤー操作
- 選択範囲の作成
- 色調補正
- タイポグラフィー
- ペイント・グラデーション
- 画像のリサイズ・トリミング
- レタッチ・画像加工
- コンテンツに応じた画像編集
- フィルター・画像効果
- Web用画像の書き出し
Dreamweaver
- Dreamweaverの概要とサイトの定義
- 新規ファイルとページの作成
- CSSの設定
- テーブル
- フォーム
- 画像や動画の挿入とリンクの設定
- レスポンシブWebページの作成
- 便利な機
- Javascript/jQuery
HTML/CSS
- Web制作の基本
- HTMLマークアップの決まり
- リストのタグ
- テキスト関連のタグ
- 画像ファイルの挿入
- ハイパーリンク
- 文書構造をあらわすタグ
- テーブル
- フォーム
- HTMLのコンテンツモデル
- CSSの基礎知識
- 色の設定/文字のスタイル/背景画像の指定
- リストに関するプロパティ
- 外部スタイルシートの利用
- 子孫セレクター/擬似クラス
- CSSの優先順位/リセットCSS
- レイアウトに関するプロパティ
Figma
- Figmaの概要
- スマートフォンのWebデザイン
- スクロールするスマートフォン画面
- ページ遷移するカード型ページ
- ハンバーガーメニューとカルーセル
- レスポンシブなWebデザイン
- インタラクティブなUIパーツ
Webサイト制作
- Webデザインワークフローについて確認する
- プランニング
- 情報の整理とサイトマップの作成
- 構成要素考案
- ワイヤーフレームの作成
- 文字と画像のレイアウト
- デザイン
- クライアントに還付を見てもらう場合の注意事項
- コーディングとデータ管理
まずは無料で体験！
より詳しい情報を資料で確認したい！
関連するその他のコース
-
Webデザインコース
初心者向けに、HTML・CSSなどの基礎と、Web制作で多用されるデザインツールFigmaを学ぶコースです。Webデザイン学習の基礎として最適です。
-
速習Webページ制作コース
WordPressでは用意されたテーマに沿ってページ制作できますが、HTMLとCSSの基礎を学ぶことで、レイアウト調整などカスタマイズしたページ制作も可能になります。
-
Webデザイナー養成コース
基礎的なWeb制作スキルに加え、IllustratorやPhotoshopの応用技術を学ぶことで、洗練されたロゴやビジュアル加工が可能になり、Webサイトのデザイン力や表現力を高められる講座です。資格取得も対応。
