Web開発に関する学習

Webデザイン Adobe Fireworks フレームワーク編(全1巻)

月額2,800円(税込)で数百講座どの講座でも何度でも受講できます。ソフトの基本的な操作方法や制作に役立つ情報が動画で学べるeラーニング講座【動学.tv】すでに購入済みの方は「動学.tvログイン」からログインできます
講座案内

「Adobe Fireworks CS5」を使ってWebサイトのプロトタイプを制作する手順を学びます


プロトタイプ制作は、Webサイトの制作を受注し制作を行う上で必要不可欠なプロセスです。


実際にWebページをコーディングする前に、完成物がどのような仕上がりになるのか示すために、フレームワークやビジュアルイメージを制作します。

順序としては、ワイヤーフレームを作成し、Webページのデザイン構成の下地を作った上で、より具体的なデザイン作業に進み、実際に配置する予定の写真やボタン、文字などをレイアウトし、完成形に近いイメージのものを作成します。


当講座では、HTMLやスタイルシート等を用いたコーディングは行わず、あくまでもグラフィカルなデザインワークによる、プロトタイプとしてのデザインの作成方法を学びます。

03Webサイトのプロトタイプ制作 受講時間:105分 Webデザイン Adobe Fireworks フレームワーク編
その他のweb制作関連講座はこちらからどうぞ!
03ボックスレイアウトとxhtmlを復習しよう! 受講時間:118分 Adobe Dreamweaver CS4使い方講座 下巻
01DWの基本操作を学ぶ 受講時間:約64分 Adobe Dreamweaver CS5使い方講座
02Dreamweaver CS5.5の新機能を重点的に! 受講時間:約23分Adobe Dreamweaver CS5.5使い方講座
04HTML5 CSS3サイト作成はこちら! 受講時間:約59分 Adobe Dreamweaver CS5.5 使い方講座
05Fireworksの基本操作はこちらで復習 受講時間:約66分 Adobe Fireworks CS3使い方講座

Webデザイン Adobe Fireworks フレームワーク編

講座画面受講時間:105分 サンプルファイルがダウンロードできます

「Adobe Fireworks CS5」を使って、Webサイトのプロトタイプを制作する手順を学びます。プロトタイプ制作は、Webサイトの制作を受注し制作を行う上で必要不可欠なプロセスです。実際にWebページをコーディングする前に、完成物がどのような仕上がりになるのか示すために、フレームワークやビジュアルイメージを制作します。

すでにサービス登録済の方は右の「ログイン」ボタンより
ご入室いただくことができます。

  • 0オープニング
  • 1コンテナの設計
    • カンバスの新規作成とガイドの設定
    • divコンテナの作成
  • 2ワイヤーフレームの作成
    (無料講座サンプル)
    • ヘッダーのデザイン
    • サイドバーとフッターのデザイン
  • 3ページの作成
    • マスターページとして設定
    • リンクの設定
    • PDFへの書き出し
  • 4パーツの作成
    • グラデーションの設定
    • シンボル化と9スライスの設定
  • 5マスターページのプロトデザイン
    • ヘッダーへの画像の配置
    • サイドバーへの画像の配置
    • フッターの作成
  • 6ステートと画像の効果の設定
    • 共有ライブラリのシンボルの利用
    • 画像の編集
    • ステート
  • 7スライスと書き出し
    • テキストの調整と画像スライスの設定
    • シンボルで作成した画像の調整
    • 共有ライブリのリストの設定
    • 立体感を出すテクニックを
      利用したプレートの作成
    • パターン背景を含めた
      3スライステクニック
    • マスクと反転効果を使った
      footerの装飾
    • ページの書き出し
Adobe、Adobe FireworksはAdobe Systems Incorporated
(アドビシステムズ社)の米国ならびに他の国における商標または登録商標です。
月額2,800円(税込)で数百講座どの講座でも何度でも受講できます。ソフトの基本的な操作方法や制作に役立つ情報が動画で学べるeラーニング講座【動学.tv】すでに購入済みの方は「動学.tvログイン」からログインできます

アット・ニフティトップページへ アット・ニフティ会員に登録 個人情報保護ポリシー特定商取引法に基づく表示
Copyright(c) NIFTY 2009 All Rights Reserved.