トップページの中の学習の仕組みの中のオリジナルテキストの中のオリジナルテキストの詳細内容

オリジナルテキストの詳細内容

グラフィックソフト実習1
Illustrator / Photoshop 編

「Illustrator」や「Photoshop」を初めて使う初心者の方でも、実制作の手順に沿って工程を進めていくことで、制作を楽しみながら、基本的な操作やテクニック、両ソフトの連携を学ぶことができるテキストです。

「CS5」で勉強するための対応表が付属しておりますので、最新バージョン「CS5」でも学習いただくことが可能です。CS5の新機能は学習内容には含まれません。初心者からソフトの基本を身につけていただくための内容です。

カラーB5版: 約500ページ
寸法: 約25.2 x 18.4 x 4.4 cm
教材素材収録CD1枚付属

テキストのサンプルをダウンロードする

(PDF形式/ファイルサイズ:790KB)

学習項目

Illustrator

  • Illustratorの基本操作を理解しよう
  • ロゴマークを作ろう
  • イラストを作ろう
  • 名刺を作ろう
  • 地図を作ろう
  • 写真や手書きの下絵を元にイラストを作ろう

Photoshop

  • Photoshopの基本操作を理解しよう
  • 写真を補正しよう(前編)
  • 写真を補正しよう(後編)
  • 合成写真を作ろう
  • ポストカードを作ろう
  • Bridgeの基本操作を理解しよう
  • フライヤーを作ろう

作品例

架空のカフェ「HOLLYWOOD CAFE」のロゴマーク、名刺、ポストカード、チラシなどを実制作の手順に沿って作成しながら、基本的な操作やテクニック、両ソフトの連携が学んでいただける構成になっています。各Chapterでの学習内容をひとつずつクリアしていくことで、楽しみながら、制作を学んでいただけます。

作品例

このページの先頭へ戻る

グラフィックソフト実習2
Webサイトインターフェースデザイン編

「Illustrator」や「Photoshop」でWebサイトのインターフェイスデザインを初めて行う初心者の方でも、実制作の手順に沿って工程を進めていくことで、制作を楽しみながら、基本的な操作やテクニック、両ソフトの連携を学ぶことができるテキストです。

「CS5」で勉強するための対応表が付属しておりますので、最新バージョン「CS5」でも学習いただくことが可能です。CS5の新機能は学習内容には含まれません。初心者からソフトの基本を身につけていただくための内容です。

カラーB5版: 約200ページ
寸法: 約25.6 x 18.6 x 2 cm
教材素材収録CD1枚付属

テキストのサンプルをダウンロードする

(PDF形式/ファイルサイズ:687KB)

学習項目

  • Webサイトのワイヤーフレームを作成しよう
  • Webサイトのインターフェースをデザインしよう
  • テーブルコーディング用のWebサイト画像を書き出そう
  • CSS(スタイルシート)用のWebサイト画像を書き出そう

作品例

架空のカフェ「HOLLYWOOD CAFE」のWebサイト(ページ)を制作するための、インターフェイスデザインを行います。ワイヤーフレームと呼ばれるページのレイアウトイメージを作成し、写真や画像の加工を行って、インターフェイスデザインを仕上げていきます。

このページの先頭へ戻る

Web制作ソフト実習1
Dreamweaver(HTML/CSS)編

Webサイトの制作を初めて行なう方を対象に、実制作の手順に沿って工程を進めながら、「HTML」と「CSS」の基礎から、「Dreamweaver」の基本的な操作、Webサイト制作のテクニックまでを学ぶことができるテキストです。

「CS5」で勉強するための対応表が付属しておりますので、最新バージョン「CS5」でも学習いただくことが可能です。CS5の新機能は学習内容には含まれません。初心者からソフトの基本を身につけていただくための内容です。

カラーB5版: 約500ページ
寸法: 約25.8 x 18.4 x 3.8 cm
教材素材収録CD1枚付属

テキストのサンプルをダウンロードする

(PDF形式/ファイルサイズ:683KB)

学習項目

  • HTMLの基本を理解しよう
  • テキスト部分をマークアップしよう
  • 画像・区切り線の挿入とリンクを設定しよう
  • お問い合わせフォームを作成しよう
  • フレームを作成しよう
  • CSSの基本を理解しよう
  • CSSでページの大枠のスタイルを設定しよう
  • CSSでヘッダとナビゲーションのスタイルを設定しよう
  • CSSで本文エリアのスタイルを設定しよう
  • CSSでサイドエリアとフッタのスタイルを設定しよう
  • テーブルに関するスタイルを理解しよう
  • レイアウト調整とクロスブラウザについて理解しよう
  • Dreamweaverの基本操作を理解しよう
  • DreamweaverでHTMLの要素を挿入しよう
  • DreamweaverでCSSを設定しよう
  • Dreamweaverでイメージマップを作成しよう
  • DreamweaverでWebサイトを完成させよう
  • Dreamweaverによるサイト簡易の基本を理解しよう
  • Dreamweaverでインタラクティブなページを作成しよう

作品例

架空のカフェ「HOLLYWOOD CAFE」のWebサイト(ページ)を実際に制作しながら、「HTML」と「CSS」の基礎から、「Dreamweaver」の基本的な操作、Webサイト制作のテクニックまでを学んでいただける構成になっています。各Chapterでの学習内容をひとつずつクリアしながら技術と知識を身につけ、「HOLLYWOOD CAFE」のWebサイトを完成させていきます。

作品例

このページの先頭へ戻る

Web制作ソフト実習2
Flash編

「Flash」を初めて使う方を対象に、実制作の手順に沿って工程を進めながら、基本的な操作、描画、アニメーション作成から、「ActionScript」を用いたインタラクティブなコンテンツを作成するテクニックまでを学ぶことができるテキストです。

「CS5」で勉強するための対応表が付属しておりますので、最新バージョン「CS5」でも学習いただくことが可能です。CS5の新機能は学習内容には含まれません。初心者からソフトの基本を身につけていただくための内容です。

カラーB5版: 約400ページ
寸法: 約25.8 x 18.2 x 2.8 cm
教材素材収録CD1枚付属

テキストのサンプルをダウンロードする

(PDF形式/ファイルサイズ:715KB)

学習項目

  • Flashの基本操作を理解しよう
  • Flashでイラストを描いてみよう
  • アニメーションの基本を理解しよう
  • 動きのある地図を作ろう
  • フォトギャラリーを作ろう
  • 動画を読み込んでFlahsムービーを作ろう
  • Flashで作成したデータを公開しよう
  • Flashでバナーを作ろう
  • ActionScriptの基本を理解しよう
  • ActionScriptでアニメーションを制御しよう
  • ランダムに会話するキャラクターを作ろう
  • FlashでWebサイトを作ろう
  • 携帯電話の待ち受けFlashを作ろう
  • スロットマシンのゲームを作ろう

作品例

架空のカフェ「HOLLYWOOD CAFE」のWebサイトをFlashで制作していく工程を学んでいただけます。地図、フォトギャラリー、映像を使ったムービーなどを含んだFlashによる動きのあるWebサイトに加え、携帯待ち受け(スクリーンセーバー)、スロットマシンゲームなどのFlashコンテンツ制作も学んでいただけます。

▲画面上でクリックすると、そのポイントに蝶がとまり、女の子は蝶を追いかけて歩きます。
家、犬、男の子、噴水でクリックするとそれぞれ違ったアクションが起こります。

このページの先頭へ戻る