eラーニング「Webデザイン AdobeFireworks フレームワーク編」を動学.tvに11月5日公開
当講座では、HTMLやスタイルシート等を用いたコーディングは行わず、あくまでもグラフィカルなデザインワークによる、プロトタイプとしてのデザインの作成方法を学びます。
コンピュータートレーニング教材制作、eラーニング向けコンテンツ制作のアテイン株式会社(本社:東京都千代田区、電話:03-3255-4721、代表:本多成人、資本金:1億1470万円)は、オンラインコンテンツ配信サービス「動学.tv(http://dougaku.tv/)」に、Adobe Fireworks CS5を使用したウェブページのプロトタイプの制作方法がわかる「Webデザイン Adobe Fireworks フレームワーク編」作り方講座を11月5日公開します。
今回「動学.tv」に公開した「Webデザイン Adobe Fireworks フレームワーク編」講座は、「Adobe Fireworks CS5」を使って、Webサイトのプロトタイプを制作する手順を学びます。
プロトタイプ制作は、Webサイトの制作を受注し制作を行う上で必要不可欠なプロセスです。実際にWebページをコーディングする前に、完成物がどのような仕上がりになるのか示すために、フレームワークやビジュアルイメージを制作します。順序としては、ワイヤーフレームを作成し、Webページのデザイン構成の下地を作った上で、より具体的なデザイン作業に進み、実際に配置する予定の写真やボタン、文字などをレイアウトし、完成形に近いイメージのものを作成します。
当講座では、HTMLやスタイルシート等を用いたコーディングは行わず、あくまでもグラフィカルなデザインワークによる、プロトタイプとしてのデザインの作成方法を学びます。
・講座名
Webデザイン Adobe Fireworks フレームワーク編
・内容(約105分)
オープニング
1.コンテナの設計
カンバスの新規作成とガイドの設定
divコンテナの作成
2.ワイヤーフレームの作成
ヘッダーのデザイン
サイドバーとフッターのデザイン
3.ページの作成
マスターページとして設定
リンクの設定
PDFへの書き出し
4.パーツの作成
グラデーションの設定
シンボル化と9スライスの設定
5.マスターページのプロトデザイン
ヘッダーへの画像の配置
サイドバーへの画像の配置
フッターの作成
6.ステートと画像の効果の設定
共有ライブラリのシンボルの利用
画像の編集
ステート
7.スライスと書き出し
テキストの調整と画像スライスの設定
シンボルで作成した画像の調整
共有ライブリのリストの設定
立体感を出すテクニックを利用したプレートの作成
パターン背景を含めた3スライステクニック
マスクと反転効果を使ったfooterの装飾
ページの書き出し
---------- 「動学.tv」特長 ----------
■10年以上の実績を誇る「誰でもわかる」シリーズのノウハウを生かした効果的な学習
■インタラクティブ・コンテンツでは操作を実体験しながらの学習も可能
■オンデマンド配信なので、時間、場所に束縛されない
■Word・Excel・CAD・DTP・DTM・映像編集・開発言語・WEBコースからTOEIC(R) TEST、ビジネスマナー・経理・情報セキュリティまで幅広い分野のコンテンツ
■ナレーターがテロップ入りで懇切丁寧に解説するので初心者でも安心
■自由にダウンロードできる復習に最適な演習ファイルを提供
■常に最新の情報を、最適な方法で提供
■講座数は約450
■1講座約60分前後なので450時間前後がインターネットで学び放題
このリリースに関するお問い合わせは下記まで
アテイン株式会社 担当 福嶌 崇臣 info@attainj.co.jp http://www.attainj.co.jp
電話 03-3255-4721
今回「動学.tv」に公開した「Webデザイン Adobe Fireworks フレームワーク編」講座は、「Adobe Fireworks CS5」を使って、Webサイトのプロトタイプを制作する手順を学びます。
プロトタイプ制作は、Webサイトの制作を受注し制作を行う上で必要不可欠なプロセスです。実際にWebページをコーディングする前に、完成物がどのような仕上がりになるのか示すために、フレームワークやビジュアルイメージを制作します。順序としては、ワイヤーフレームを作成し、Webページのデザイン構成の下地を作った上で、より具体的なデザイン作業に進み、実際に配置する予定の写真やボタン、文字などをレイアウトし、完成形に近いイメージのものを作成します。
当講座では、HTMLやスタイルシート等を用いたコーディングは行わず、あくまでもグラフィカルなデザインワークによる、プロトタイプとしてのデザインの作成方法を学びます。
・講座名
Webデザイン Adobe Fireworks フレームワーク編
・内容(約105分)
オープニング
1.コンテナの設計
カンバスの新規作成とガイドの設定
divコンテナの作成
2.ワイヤーフレームの作成
ヘッダーのデザイン
サイドバーとフッターのデザイン
3.ページの作成
マスターページとして設定
リンクの設定
PDFへの書き出し
4.パーツの作成
グラデーションの設定
シンボル化と9スライスの設定
5.マスターページのプロトデザイン
ヘッダーへの画像の配置
サイドバーへの画像の配置
フッターの作成
6.ステートと画像の効果の設定
共有ライブラリのシンボルの利用
画像の編集
ステート
7.スライスと書き出し
テキストの調整と画像スライスの設定
シンボルで作成した画像の調整
共有ライブリのリストの設定
立体感を出すテクニックを利用したプレートの作成
パターン背景を含めた3スライステクニック
マスクと反転効果を使ったfooterの装飾
ページの書き出し
---------- 「動学.tv」特長 ----------
■10年以上の実績を誇る「誰でもわかる」シリーズのノウハウを生かした効果的な学習
■インタラクティブ・コンテンツでは操作を実体験しながらの学習も可能
■オンデマンド配信なので、時間、場所に束縛されない
■Word・Excel・CAD・DTP・DTM・映像編集・開発言語・WEBコースからTOEIC(R) TEST、ビジネスマナー・経理・情報セキュリティまで幅広い分野のコンテンツ
■ナレーターがテロップ入りで懇切丁寧に解説するので初心者でも安心
■自由にダウンロードできる復習に最適な演習ファイルを提供
■常に最新の情報を、最適な方法で提供
■講座数は約450
■1講座約60分前後なので450時間前後がインターネットで学び放題
このリリースに関するお問い合わせは下記まで
アテイン株式会社 担当 福嶌 崇臣 info@attainj.co.jp http://www.attainj.co.jp
電話 03-3255-4721
企業情報
| 企業名 | アテイン株式会社 |
|---|---|
| 代表者名 | 福嶌崇臣 |
| 業種 | ネットサービス |
コラム
アテイン株式会社の
関連プレスリリース
-
アテイン株式会社、株式会社レビックグローバルとAIで人財戦略を高度化する「SmartSkillシリーズ」の販売型・紹介型パートナー契約を締結
2026年10月1日 11時
-
スピーチプロンプター・テレプロンプターの「レンタル料金シミュレーター」機能をWebサイトに導入 総会・式典・撮影などイベントに向けた機材選定をサポート
2026年9月18日 11時
-
オンライン日本語学校「AOJランゲージスクール」 2026年秋学期入学に向けた説明会動画を公開 9月16日まで入学申込受付
2026年9月15日 11時
-
オンライン日本語学校「AOJランゲージスクール」法人向け「日本で働く外国人のための日本語研修サービス(2026年10月開講)」を受付開始
2026年9月11日 13時
アテイン株式会社の
関連プレスリリースをもっと見る