Web デザイナー養成講座カリキュラム

Web デザイナー養成講座カリキュラム
日にち
3/12(火)
3/13(水)
3/14(木)
3/15(金)
3/19(火)
3/21(木)
3/22(金)
コマ
時間
内容
1
13:00~13:50
Illustrator Lesson1
2
14:00~14:50
Illustrator Lesson2
3
15:00~15:50
Illustrator Lesson3
4
16:00~16:50
Illustrator Lesson4
5
17:00~17:50
Illustrator Lesson5
1
13:00~13:50
Illustrator Lesson6
2
14:00~14:50
Illustrator Lesson7
3
15:00~15:50
Illustrator Lesson8
4
16:00~16:50
Illustrator Lesson9
5
17:00~17:50
Illustrator Lesson10
1
13:00~13:50
Photoshop Lesson1
2
14:00~14:50
Photoshop Lesson2
3
15:00~15:50
Photoshop Lesson2
4
16:00~16:50
Photoshop Lesson3
5
17:00~17:50
Photoshop Lesson3
1
13:00~13:50
Photoshop Lesson4
2
14:00~14:50
Photoshop Lesson5
3
15:00~15:50
Photoshop Lesson6
4
16:00~16:50
Photoshop Lesson7
5
17:00~17:50
Photoshop Lesson8
1
13:00~13:50
Dreamweaver Lesson1
2
14:00~14:50
Dreamweaver Lesson2
3
15:00~15:50
Dreamweaver Lesson3
4
16:00~16:50
Dreamweaver Lesson4
5
17:00~17:50
Dreamweaver Lesson5
1
13:00~13:50
Dreamweaver Lesson6
2
14:00~14:50
Dreamweaver Lesson7
3
15:00~15:50
Dreamweaver Lesson8
4
16:00~16:50
Dreamweaver Lesson9
5
17:00~17:50
Dreamweaver Lesson10
1
13:00~13:50
Web サイト制作 1
2
14:00~14:50
Web サイト制作 2
3
15:00~15:50
Web サイト制作 3
4
16:00~16:50
Web サイト制作 4
5
17:00~17:50
Web サイト制作 5
・Illustrator…10 時間 ・Photoshop…10 時間
・Dreamweaver…10 時間 ・Web サイト制作…5 時間
■Illustrator
WEB ページ作成に必要なロゴ作成、アイコン作成、ボタン作成等に必要な機能を重点的
に学習します。
詳細については下記の目次をご確認下さい。
■Photoshop
WEB ページ作成に必要な写真修正・加工、アイコン作成、ボタン作成等に必要な機能を
重点的に学習します。
詳細については下記の目次をご確認下さい。
■Dreamweaver
Dreamweaver の基本操作とともに Web ページ作成に必要な XHTML、CSS 等の言語の
学習も行います。
詳細については下記に目次があります。
■Web サイト制作
Web ページ作成の基本的な流れ(企画から公開まで)を実際に実践します。
講師がオリジナルの素材を用意します。
Illustrator
一日目
■Lesson1 Illustrator とは
Illustrator について
起動とインターフェイス
新規ドキュメント作成と保存
ドキュメントウィンドウや表示画面
オブジェクト操作と拡大縮小
ドキュメントの設定
定規とガイド
■Lesson2 オブジェクトの作成
オブジェクトの描画
オブジェクトの選択
オブジェクトの操作
オブジェクトの変形
線の設定
色・塗りの設定
■Lesson3 オブジェクトの操作
オブジェクトの整列
オブジェクトの分布
グループ
重ね順・ロック
パスファインダー
■Lesson4 アンカーポイント
アンカーポイントの編集
直線的なペンツール
曲線的なペンツール
■Lesson5 オブジェクト描画の応用
グラデーション
ブレンド
描画モード
グローバルプロセスカラー
二日目
■Lesson6 描画ツール
鉛筆ツールとスムーズツール
消しゴムツールとナイフツール
ブラシツール
ブラシツールの応用
■Lesson7 画像配置と編集
埋め込みとリンク
置換えとテンプレート
クリッピングマスク
■Lesson8 文字の操作
文字の入力
リンクの流し込みと回り込み
文字の編集
段落パネル
マスク・アウトライン
■Lesson9 機能とテクニック
レイヤー操作
アピアランス
効果と 3D
カラーガイドの設定
ライブトレース・ライブペイント
■Lesson10 出力設定
ファイル形式
Web への保存(Web 用に書出し)
Photoshop
一日目
■Lesson1 Photoshop とは
Photoshop でできること
起動とインターフェイス
新規ファイル作成と保存
ドキュメントウィンドウや表示画面
ビットマップ画像・解像度
■Lesson2 選択範囲
選択範囲について
その他の選択ツール
選択範囲の追加と削除
パスを利用した選択範囲
マスク
■Lesson3 レタッチ(写真の修整)
レタッチ
色調補正
レベル補正
コピースタンプツール
二日目
■Lesson4 文字と図形の描画
色関連パネルと選択
塗りとグラデーション
文字の利用
シェイプ機能
■Lesson5 レイヤー
レイヤーとは
レイヤー操作
描画モード
レイヤースタイル
レイヤーを利用したマスク
■Lesson6 フィルター
フィルターとは
選択範囲にフィルターを使用する
アンシャープマスク
■Lesson7 Web 用途での活用
Web 画像の書き出し形式
Web バナーの作成
スライス機能
■Lesson8 カスタマイズ機能
パターン
Dreamweaver
一日目
■Lesson1 Dreamweaver とは
はじめに
画面構成
サイト定義
新規ファイルの作成
環境設定
■Lesson2 HTML の入力
テキストの入力と段落・改行
見出しの設定
リストの設定
ページプロパティの設定
Word からの文章読み込み
■Lesson3 画像の挿入
画像の挿入
画像のトリミング
画像のサイズ変更
画像情報の入力
画像の編集
Photoshop ファイルの挿入
Swf ファイルの挿入
■Lesson4 テーブル(表)
テーブル(表)の挿入
文字・画像の入力
ヘッダーの指定・折り返し
幅・高さの変更
結合・分割
行・列の挿入と削除
余白・間隔・枠線の設定
Excel ファイルの読み込み
■Lesson5 リンク
サイト内部へのリンクの指定
外部サイトへのリンクの指定
画像にリンクを指定する
クリッカブルマップの使用
アンカーリンク
JavaScript を使用したロールオーバー
二日目
■Lesson6 フォーム
テキストフィールドの配置
リストメニューの配置
ラジオボタンの配置
チェックボックスの配置
フォームのプロパティインスペクタ
フォームとサーバーサイド技術の取り
扱い
■Lesson7 スタイルシートの入力
タグへのスタイルの適用
クラスを使ったスタイルの指定
画像へのスタイルの適用
背景イメージの設定
ページプロパティでのスタイル設定
外部スタイルシートを適用
■Lesson8 サイトレイアウト
ページ全体へのスタイルシートの作成
CSS の適用
■Lesson9 その他の機能
汎用レイアウトパターンを利用する
CSS インスペクト
スニペットの利用
アセットの利用
テンプレートの作成 1
テンプレートの作成 2
■Lesson10 Web サイト公開と更新
レンタルサーバーとは
インターネットへの公開
公開後のサイトの管理
Web サイト制作
下記、Web 作成時の一連の流れを習得します。
①構成と内容の検討
②サイトマップの作成
③ワイヤーフレームの作成
④写真やイラストなど素材の準備と作成
⑤カンプデータ作成
⑥トップページの作成
⑦CSS でのレイアウト
⑧テキスト・画像の流し込み
⑨他ページの作成
⑩リンクの設定
⑪CSS での詳細なレイアウト調整
⑫各ブラウザーで表示の確認