MENU
MENU

Web業界転職スペシャリスト

高いスキルで就職活動ライバルに
大きく差をつけるプログラミング技術を加えた
動きのあるデザインを制作

初心者の方が、動的なWebページを作成するために必要な学習が入っています。「Webサイト作品制作」では、オリジナルのサイトを作っていただきます。またPHPを学習して、自動返信メールなどの基本的なシステムを作成することができます。Webデザイナーに重きを置きながら、プログラムの知識も学習をしたい方にオススメの講座です。

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

182時間

授業料 663,000円(外税)
※黄色の科目は、この中から2科目を自由に選択できます。
また教育訓練対象講座ですので、対象者の方は、講座終了後受講料の「20%(上限10万円)」が還付されます。

カリキュラム

Illustrator
Illustratorの基本操作
Illustratorの特徴と、Illustratorの画面構成・ツールの使い方などの基本操作を学習します。
名刺を作ろう
基本的な図形の描画方法、図形の整列と配置、文字入力や編集、グラデーションの設定について学習し、オリジナルの名刺を作成ます。
グリーティングカードを作ろう
パスに関する知識を学習し、自由に曲線を描いたり、複雑な図形を描画します。
DTPチラシを作ろう
チラシ作成に必要な基本的な設定、制作の流れを学習します。 ショップロゴを作ったり、写真を配置し、チラシを完成させます。
Photoshop
Photoshopの基本操作
Photoshopの特徴と、Photoshopの画面構成・ツールの使い方などの基本操作を学習します。
レイヤー
Photoshopを使いこなす上でレイヤーの知識は必須です。レイヤーの概念、レイヤーの作成・編集・削除・保護・リンク・結合などを学びます。
色調補正
写真の色や明るさを変更することを色調補正といいます。さまざまな色調補正の方法を学び、それぞれの機能の特徴を理解することで、適切な補正が行えるようになります。
画像の加工
写真の一部を切り抜く方法や、不要なものを取り除くレタッチという作業について学習します。また、画像にフィルターをかけることにより、元画像とはまったく違う印象の画像を作ることができます。
この章では、主に切り抜き・レタッチ・フィルターについて学習します。
画像の合成
複数の画像を合成して、新しいイメージを作成します。画像の合成の方法と合成後、画像をなじませる方法について学習します。
イラストの描画とテキスト入力
Photoshopで図形を描いたり文字を入力する方法について学習します。
制作課題
学習した機能を使って、「フォトコラージュの作成」と「バナー作成」を行います。
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のサイトを作ります。
HTML
Web制作の基本
ホームページを制作する際の基本的な考え方や何を注意して制作すべきなのかを学びます。
HTMLマークアップの決まり
HTMLを記述する上で、守らなくてはいけないルールと常に心がけておくべき項目について学びます。
HTML基本構造
タグの記述方法を学びWebページを作成しながらHTMLの基本構造を学びます。
HTMLへの画像の挿入とリンクの設定
実際にWebページを制作する際に必要な画像の挿入や関連付けを学び、本格的なWebページの制作を行う為のタグを学習します。
その他のHTML
HTMLにはテーブルやフォームなど、Webページをレイアウトするための機能があります。
修了課題
指示書に従って、コーディングを行い、TOPページとお問い合わせフォームを作成します。
CSS
CSSについて
スタイルシートの考え方と、使用する利点を踏まえた上で、制作フローについて学びます。
CSS基礎知識
CSSでレイアウトを行う際には正しいHTML文書を記述することが重要です。HTML文書の記述の決まりと、正当な文書かをチェックする方法について学びます。
スタイルシートの基本
スタイルシートの記述方法および、色やサイズなどの書式設定方法について学びます。
埋め込み型CSSの定義
styleタグを利用したCSS記述のルールについて学び、演習問題を通して、このレッスンまでの復習を行います。
演習問題
指示書に従って、ファイルの作成、コンテンツの作成とマークアップ、スタイルシートの作成を行います。
外部ファイルとスタイルシートの応用
スタイル別のファイルに分けて作成する利点とその方法、ページのデザイン方法について学びます。
ボックスレイアウト
ボックスレイアウトの考え方および、作成の手順を学びます。
修了課題
指示書に従って、ファイルの作成、ボックスレイアウトの設定、コンテンツの挿入、文書構造のマークアップとグループ化、リンクの設定、スタイルシートの作成を行い、ペットショップのTOPページを作成します。
CSS実践
HTMLとCSSのまとめ
記述の決まりごと/ブロックレベル要素とインライン要素/floatプロパティの利用
CSSでのページ作成
背景画像を利用した背景の作成/ボックスモデル/ボーダーの指定/マージンとパディング
セレクタ
セレクタの種類と優先順位
ナビゲーションの作成
ナビゲーション作成の基本/画像を利用した縦型ナビゲーションの作成/横軸ナビゲーションの作成/リセットファイルについて
修了課題
完成例のWebページを一からコーディングし、様々なブラウザでチェックをし、仕上げます。
JavaScript
JavaScriptの概要
JavaScriptを学習する前に、その概要や歴史を振り返ります。
JavaScriptの基本
JavaScriptを記述する上で必要な文法や決まりごとを学習します。
変数と関数
変数、関数、オブジェクトなどJavaScriptで扱う処理のまとまりを学びます。
プログラミングのポイント
条件分岐や繰り返し処理、イベントなどプログラミングをする上で重要な処理を学びます。
画像の扱い
画像の考え方、扱い方について学習し、自由に画像を制御する方法を学びます。
日付と時刻
Dateオブジェクトの各メソッドの扱い方を学びます。
フォーム
フォームのデータを送信する前にデータが正しく入力されているかを確認する方法について学習します。
FeedBack課題
今まで学習したことを組み合わせて実践的なプログラムを作成します。
Ajax/jQuery
LightBoxの設置
EasySliderの設置
AjaxZipの設置
GoogleMapの組み込み
NewsTickerの設置
開閉式のメニューを設置する
タブメニューを設置する
キャリアアップ演習For Web
ロゴの作成
会社名のロゴや会社のイメージにつながります。ロゴはシンプルで、認識しやすく、メッセージを効果的に伝える必要があります。2パターンのロゴを作りながら制作の流れとポイントを学習します。
地図の作成
Illustratorを利用して地図を作成する流れとポイントについて学習します。
合成イメージの作成
アルファチャンネルの機能を理解し、アルファチャンネルとレイヤーマスクを利用して画像を合成する方法や、背景となじませるテクニックを学習します。
バナーの作成
Photoshopのシェイプとレイヤー効果を使用して、2パターンのバナーを作成します。
サイトデザイン
Webページを作成する際には、Photoshopを利用して、HTML/CSSでの作業を見越したワイヤーフレームを作成します。ワイヤーフレームを作成後、レイヤー効果を設定して、ボタンを立体的にしたり、画像を配置します。一連の作業を通じ、基本的なサイトデザインのアートワーク制作に対する考え方と制作方法を身につけていただきます。
ガイドとスライス
作成したサイトデザインをHTML/CSSでコーディングをするには、必要な部分を画像として切りだします。Photoshopの「ガイド」と「スライス」機能を学習し、作成したデザインからパーツとして切りだす方法を学習します。
職人の技 HP実践演習

プロのWebデザイナー、コーダーとして仕事をすることを想定して、実際の現場の仕事と同じフローで作業を行いながら、スキルアップを図ります。「インターンシップ」と同じような環境ですので、Web業界の中でも、自分に適した職種を見分けるきっかけになります。

PHP
インターネットの仕組み
インターネットの概要/IPアドレス/URLとDNS/WEBページが表示される仕組み/メール送受信の仕組み
PHPの環境設定
文字コード/必要な環境の準備(Webサーバー/データベース/PHP/ブラウザ)
PHPの基本構文
PHPのタグとファイルの保存/PHPの実行/ブラウザに文字を出力する/コメント/改行
変数と定数
変数の役割と定義/変数の種類(型)/型キャスト/定数の役割と定義/マジカル定数
さまざまな演算子
代入演算子/算術演算子/比較演算子/文字列演算子/論理演算子/その他の演算子と優先順位
配列
配列とは/配列の生成/ハッシュ
条件分岐とループ処理
If文による条件分岐/If~Else文による条件分岐/elseif文による条件分岐/switch文/for文/while文/foreach文/breakとcontinue/
フォーム処理
フォーム処理の概要/フォーム処理の仕組み/Cookie/セッション
プログラム記述のテクニック
エラー処理/バリデーション/サニタイズ
データベースとSQL
データベースとは/SQLとは/SELECT文/集計/グループ化/並べ替え/条件抽出/DML文/DDL文
Webサイト作品制作

オリジナルWebサイトの企画→デザイン→コーディングをし、完成させます。

HTML5+CSS3
HTML5の基礎知識
HTML5策定までの経緯や、特徴について学習します。
テキストのマークアップ
HTML5で変更になったマークアップの方法や、コンテンツモデルという新しい考え方、HTML5で追加・変更された主な要素について学習します。
canvas要素
HTML5の代表的な新機能であるcanvas要素についてさまざまなサンプルコードを記述しながら理解を深めます。
フォーム
HTML5ではinput要素のtype属性の種類が増えました。type属性の違いを理解し、正しくコーディングができるようになります。
CSS3の基礎知識
CSS3のブラウザ対応状況の確認方法や、ベンダープレフィックスについてなど、CSS3の基礎知識について学習します。
CSS3コーディング演習
CSSであらたに追加されたプロパティについて学習します。
mediaクエリーについて学習し、制作課題として可変レイアウトのページをコーディングします。
Flash
Flashの基本操作
Flashの起動・終了、画面構成などについて学習します。
ドローイングの基本
Flashでオブジェクトを描画・編集する方法について学習します。
ドローイングの応用
Flashで実際にオブジェクトを作成し、完成させます。
アニメーションの基礎知識
描画したオブジェクトを動かす上で、基本知識を学習します。
シンボルへの変換と利用
アニメーションの下準備としてオブジェクトをシンボルに変換し利用する方法について学習します。
モーショントゥイーンで色を変える
モーショントゥイーンを利用してオブジェクトの色が徐々に変化するアニメーションを作成します。
モーショントゥイーンでオブジェクトの位置や大きさを変化させる
モーショントゥイーンを利用してオブジェクトの位置や大きさが徐々に変化するアニメーションを作成します。
回転とイージング
オブジェクトを回転させたり、徐々に動きをゆっくりにする等のアニメーションを作成します。
パブリッシュと公開
作成したアニメーションを公開する方法について学習します。
WordPress
WordPressの基本と特徴
WordPressの基本操作と特徴を理解します。
WordPress導入のための事前準備
WordPressでサイトを公開するために、必要なサーバーなどの準備を行います。
記事の投稿・固定ページを作成する
記事と固定ページの特徴を理解し、使い分けができるようにします。
また、記事の投稿の仕方、固定ページを作成する方法を学習します。
テーマを変えてデザインをカスタマイズする
WordPressの大きな特徴であるテーマを利用し、サイト全体のデザインを変更します。
プラグインとウィジェットで機能を追加する
WordPressでより円滑にサイトを運用するためにはプラグインが必須です。プラグインのインストール方法や、利便性の高いプラグインを紹介します。
また、ウィジェットを利用してFacebookやTwitterと連動した仕組みを追加します。
スマートフォンサイト制作
Fireworksによるプロトデザイン
Fireworksでピクセル単位での正確なプロトデザインの方法を、PC,タブレット、スマートフォンの3方式で学習します。
Fireworksの各種機能を理解しながら、正確なデザインでWebサイトのプロト版を作る方法を習得します。
ページのオーサリング
Dreamweaverが提供する各種の機能でWebページを作成します。Webワークフロー プロトデザイン編で作成したプロトデザインをもとに、PC用/タブレット用/スマートフォン用のマルチスクリーン対応のWebページの作り方を学習します。
ECサイト制作
EC‐CUBEの概要
ECサイト専用CMS「EC-CUBE」でできることを理解します。
サイト開設までの流れ
ショッピングサイト開設までの流れを理解し、サーバーなどの事前準備を行います。
EC-CUBEのインストール
レンタルサーバーにEC-CUBEをインストールします。
開店準備(基本設定)
特定商取引に基づく表記の登録、配送業者の設定、送料ポイントの設定など開店準備に必要な作業を行います。
ショップ運営(受注管理)
受注管理・顧客管理・売上集計・メルマガ管理などショップ運営に必要な作業を行います。
カスタマイズ
EC-CUBEのデザインや機能をカスタマイズする方法について学習します。
FlashActionScript
アクションスクリプトの基本的構文
イベントハンドラ/スクリプトの記述/スクリプトにコメントを入れる/関数、メソッド/ターゲット
アクションスクリプトでのデータ処理
データの種類/変数/式の計算/いろいろな計算の記述/文字列の計算 /特殊文字の挿入/条件分岐/スプライトとオブジェクト/ トレース関数/関数の作成/イベントハンドラと関数/配列
実践演習
今まで学習したことを組み合わせて実践的なプログラムを作成します。

WEBデザイナー養成講座トップへ

学びたいソフト・技術から学ぶ

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

ISA公式Facebook