MENU
MENU

Webデザイナー+ディレクター養成

人材不足のWeb 制作のプロジェクトリーダーを目指す
サイトの作成に加えて、分析や方向性進捗管理を学ぶ

「Web 業界で仕事をしたいけれど、デザインセンスには自信がない」という方には、Webディレクターが最適。
Webディレクターとして必要なWeb 制作スキルに加えて、スケジュール進行や、大きなプロジェクトをまとめていくのに必要不可欠なディレクションのノウハウを学習する総合講座です。

受講期間 1ヶ月~2年
授業時間

106時間

授業料 350,000円(外税)
※黄色の科目は、この中から2科目を自由に選択できます。

カリキュラム

Photoshop
Photoshopの基本操作
Photoshopの特徴と、Photoshopの画面構成・ツールの使い方などの基本操作を学習します。
レイヤー
Photoshopを使いこなす上でレイヤーの知識は必須です。レイヤーの概念、レイヤーの作成・編集・削除・保護・リンク・結合などを学びます。
色調補正
写真の色や明るさを変更することを色調補正といいます。さまざまな色調補正の方法を学び、それぞれの機能の特徴を理解することで、適切な補正が行えるようになります。
画像の加工
写真の一部を切り抜く方法や、不要なものを取り除くレタッチという作業について学習します。また、画像にフィルターをかけることにより、元画像とはまったく違う印象の画像を作ることができます。
この章では、主に切り抜き・レタッチ・フィルターについて学習します。
画像の合成
複数の画像を合成して、新しいイメージを作成します。画像の合成の方法と合成後、画像をなじませる方法について学習します。
イラストの描画とテキスト入力
Photoshopで図形を描いたり文字を入力する方法について学習します。
制作課題
学習した機能を使って、「フォトコラージュの作成」と「バナー作成」を行います。
HTML
Web制作の基本
ホームページを制作する際の基本的な考え方や何を注意して制作すべきなのかを学びます。
HTMLマークアップの決まり
HTMLを記述する上で、守らなくてはいけないルールと常に心がけておくべき項目について学びます。
HTML基本構造
タグの記述方法を学びWebページを作成しながらHTMLの基本構造を学びます。
HTMLへの画像の挿入とリンクの設定
実際にWebページを制作する際に必要な画像の挿入や関連付けを学び、本格的なWebページの制作を行う為のタグを学習します。
その他のHTML
HTMLにはテーブルやフォームなど、Webページをレイアウトするための機能があります。
修了課題
指示書に従って、コーディングを行い、TOPページとお問い合わせフォームを作成します。
CSS
CSSについて
スタイルシートの考え方と、使用する利点を踏まえた上で、制作フローについて学びます。
CSS基礎知識
CSSでレイアウトを行う際には正しいHTML文書を記述することが重要です。HTML文書の記述の決まりと、正当な文書かをチェックする方法について学びます。
スタイルシートの基本
スタイルシートの記述方法および、色やサイズなどの書式設定方法について学びます。
埋め込み型CSSの定義
styleタグを利用したCSS記述のルールについて学び、演習問題を通して、このレッスンまでの復習を行います。
演習問題
指示書に従って、ファイルの作成、コンテンツの作成とマークアップ、スタイルシートの作成を行います。
外部ファイルとスタイルシートの応用
スタイル別のファイルに分けて作成する利点とその方法、ページのデザイン方法について学びます。
ボックスレイアウト
ボックスレイアウトの考え方および、作成の手順を学びます。
修了課題
指示書に従って、ファイルの作成、ボックスレイアウトの設定、コンテンツの挿入、文書構造のマークアップとグループ化、リンクの設定、スタイルシートの作成を行い、ペットショップのTOPページを作成します。
Webディレクション
Web制作のワークフローとAdobeソフトの役割
Webサイトの制作が、どのような段取りで行われるのかを学習します。
また、Creative Cloudの各アプリケーションがそれぞれどんな目的で利用されるものなのかを理解し、各Web制作の過程においてどのように利用されるのかを学習します。
PowerPointでプレゼン資料作成
サイトを作り始める前には、依頼者から承認を得る必要があります。そのために、製作者はどのような意図をもって、どのようなWebサイトを作るかを依頼者に説明しなければなりません。ここでは、企画の趣旨、サイトマップ、サイトラフイメージなどをPowerPointを使って作る方法を学習します。
Excelで資料作成
一般的な現場では、Webサイトの制作開始から、運用開始にいたるまでの具体的なスケジュールを作成し、依頼者に提出する必要があります。このステップではExcelを使って、ガントチャートを作成する方法を学習します。ここでは、Webサイトの制作フェーズの段取りとスケジュール感がイメージできるようになり、Excelを使ったガントチャートを作成できるようになります。
Illustrator
Illustratorの基本操作
Illustratorの特徴と、Illustratorの画面構成・ツールの使い方などの基本操作を学習します。
名刺を作ろう
基本的な図形の描画方法、図形の整列と配置、文字入力や編集、グラデーションの設定について学習し、オリジナルの名刺を作成ます。
グリーティングカードを作ろう
パスに関する知識を学習し、自由に曲線を描いたり、複雑な図形を描画します。
DTPチラシを作ろう
チラシ作成に必要な基本的な設定、制作の流れを学習します。 ショップロゴを作ったり、写真を配置し、チラシを完成させます。
Dreamweaver
概要と基本操作
DreamweaverでWebサイトを構築する前に、Dreamweaverの機能と画面操作について学習します。
簡単なページの作成
簡単なページを作成しながら、Dreamweaverを使ったWebページの作成手順を学習します。
CSSの設定
CSSとはページのデザインやレイアウトなどを制御するルールです。DreamweaverでのCSSの設定方法を学習します。
テーブルの作成
表組みのことを「テーブル」といいます。テーブルの挿入・編集・Excelの表の貼り付けなどを学習します。
Dreamweaverでの制作の流れ
Dreamweaverを利用して制作を行う流れを学習します。サイトの定義、HTMLマークアップ、Divタグを挿入、レイアウトをし、Webページを完成させます。
テンプレート
テンプレートとは「ひな型」のことです。ページを作成するときの元になる定型的なファイルです。テンプレートを作成しておくと、同じようなページが容易に作成できます。
フォーム
アンケートフォームのように、テキスト入力フィールドやチェックボックス、ボタンなどの入力用の要素が集まりがフォームです。フォームを作成すると、Webページの閲覧者から情報を得ることができます。
Javascript
Javascriptとは、HTMLに組み込むことでWebページに動的な要素を付加する言語です。リンク先のページをサブウィンドウとして開いたり、マウスをポイントすると画像が入れ替わるなど、動きのあるページを作成する事ができます。
リンクの設定
Webページのテキストや画像から、別のWebサイトや別のファイルにジャンプする機能をリンクと呼びます。このレッスンではリンクの設定方法について学習します。
便利な機能
Dreamweaverには、Webサイトを作成する為の様々な便利な機能があります。これらを活用するとサイト制作が効率的に行えます。
修了課題
Dreamweaverを使ってサイトの定義、コンテンツの挿入、リンクの設定、外部スタイルシートの作成とリンク、テンプレートの作成を行いCafeのサイトを作ります。
JavaScript
JavaScriptの概要
JavaScriptを学習する前に、その概要や歴史を振り返ります。
JavaScriptの基本
JavaScriptを記述する上で必要な文法や決まりごとを学習します。
変数と関数
変数、関数、オブジェクトなどJavaScriptで扱う処理のまとまりを学びます。
プログラミングのポイント
条件分岐や繰り返し処理、イベントなどプログラミングをする上で重要な処理を学びます。
画像の扱い
画像の考え方、扱い方について学習し、自由に画像を制御する方法を学びます。
日付と時刻
Dateオブジェクトの各メソッドの扱い方を学びます。
フォーム
フォームのデータを送信する前にデータが正しく入力されているかを確認する方法について学習します。
FeedBack課題
今まで学習したことを組み合わせて実践的なプログラムを作成します。
Ajax/jQuery
LightBoxの設置
EasySliderの設置
AjaxZipの設置
GoogleMapの組み込み
NewsTickerの設置
開閉式のメニューを設置する
タブメニューを設置する
Flash
Flashの基本操作
Flashの起動・終了、画面構成などについて学習します。
ドローイングの基本
Flashでオブジェクトを描画・編集する方法について学習します。
ドローイングの応用
Flashで実際にオブジェクトを作成し、完成させます。
アニメーションの基礎知識
描画したオブジェクトを動かす上で、基本知識を学習します。
シンボルへの変換と利用
アニメーションの下準備としてオブジェクトをシンボルに変換し利用する方法について学習します。
モーショントゥイーンで色を変える
モーショントゥイーンを利用してオブジェクトの色が徐々に変化するアニメーションを作成します。
モーショントゥイーンでオブジェクトの位置や大きさを変化させる
モーショントゥイーンを利用してオブジェクトの位置や大きさが徐々に変化するアニメーションを作成します。
回転とイージング
オブジェクトを回転させたり、徐々に動きをゆっくりにする等のアニメーションを作成します。
パブリッシュと公開
作成したアニメーションを公開する方法について学習します。
FlashActionScript
アクションスクリプトの基本的構文
イベントハンドラ/スクリプトの記述/スクリプトにコメントを入れる/関数、メソッド/ターゲット
アクションスクリプトでのデータ処理
データの種類/変数/式の計算/いろいろな計算の記述/文字列の計算 /特殊文字の挿入/条件分岐/スプライトとオブジェクト/ トレース関数/関数の作成/イベントハンドラと関数/配列
実践演習
今まで学習したことを組み合わせて実践的なプログラムを作成します。

短時間で経験者向け最新技術を学べる講座

総合的にスキルアップするための講座

ISA公式Facebook