タグ webデザイン が登録されている動画 ： 127 件中 33 - 64 件目

【動学.tvより】Fireworks CS3の操作方法をわかりやすく解説した【誰でもわかるAdobe Fireworks CS3】のデモムービーがご覧いただけます。

（※最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。)

スライス、スワップイメージ、HTMLへの書き出しなどの
Fireworks CS3の特徴的な機能の操作方法をご紹介します。

画像編集の基礎知識やFireworksのワークスペースについてなどの基本的な内容から、
レイヤーを使った画像の合成手順など、実践的な操 作方法などについてもご紹介します。

第1章　Fireworks CS3の基本操作
　・Fireworks CS3のワークスペース
　・画像の拡大と縮小
　・画像のサイズ変更
　・画像の保存と書き出し
第2章　図形描画機能
　・新規作成
　・ビットマップカテゴリのツール
　・ベクターカテゴリのツール
　・PNGで保存
　・GIF書き出し
第3章　テキスト機能
　・文字の入力
　・パス上に配置された文字の設定
第4章　ビットマップイメージの調整
　・レベル補正
　・明るさとコントラスト
　・色相と彩度
第5章　画像の合成とレイヤー
　・レイヤーによる画像の合成
　・レイヤーとマスク
第6章　ページ機能の利用
　・マウスオーバー
　・スワップイメージ
　・ページ機能
　・HTML書き出し

【WebデザインFireworks使い方講座 フレームワーク編概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

DVDは下記URLのオンラインショップよりご購入いただけます。
http://www.attainj.co.jp/ja/prd/train.html
販売：アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19703635

【jQuery基礎講座】jQueryの基礎を習得します。ここでは、基本的な知識と、イベント処理やアニメーションについて解説します。
------------------
本教材に関する問い合わせ：アテイン株式会社 Tel.03-3255-4721

http://www.nicovideo.jp/watch/so34695641

アテイン(株)で過去に販売したDVD教材「誰でもわかるAdobe GoLive5.0」をすべてご覧いただけます。
この映像では中巻　第2章「トレーシングイメージとテンプレートで効果 UP！」をご紹介しています。
≪前｜次≫　上巻　中巻　下巻　

（※最新のバージョンと操作や機能が異なる場合があります。
web基準には沿っていない、推奨されない作成方法も中にはありますが、
方法の一つ、過去のアーカイブとして閲覧ください）

【Adobe GoLive講座 5.0 中巻　55分】

1章テーブル感覚
2章トレーシングイメージとテンプレートで効果 UP！
・ワンポイントノート1-カスタム
3章　簡単フレーム設定
・ワンポイントノート2-フレームの境界色と背景色
・ワンポイントノート3-ターゲットリンク
4章　キット感覚でフレーム作成
5章　びっくりロールオーバー

【Dreamweaver CS6使い方講座 概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19530100

アテイン(株)で過去に販売したDVD教材
「誰でもわかるDreamweaver MX」を全てご覧いただけます。
ここでは上巻 2章 「サイトの作成」をご覧いただけます。

この講座ではリッチコンテンツとアプリケーション開発ツール
「Dreamweaver MX」の基本的な操作や基本的な使い方を
初心者の方にも分かりやすく解説しています。

（※2004年制作のため最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。
web基準、htmlの仕様についてはW3Cの勧告をご確認ください）

上巻ではWebサイトの構築ツールとして人気の高いDreamweaver MXの基本操作から
サーバーへのアップロードの方法までWeb構築の流れを学習できます。

1章　ウィンドウとパネル
2章　サイトの作成
　・ローカルサイトの設定
　・サイトへのアセットの追加
3章　ページ作成の基礎
4章　ブラウザでプレビュー
5章　ファイルの保存
6章　イメージの挿入
7章　パス
8章　代替テキストの設定
9章　イメージのサイズ変更
10章 背景イメージの挿入

【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
【Adobe Dreamweaver CS6 使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19591629

動学.tvより、誰でもわかるAdobe Dreamweaver CC 中巻 第3章「CSSの基本」のサンプル映像をお届けします。
誰でもわかる Adobe Dreamweaver CC 中巻では、コードビューを用いたHTMLの効率的な編集について学びます。後半ではWebページのビジュアルをデザインするために不可欠なCSSの作成方法を、Dreamweaverの各種の機能を用いてご説明します。

誰でもわかるAdobe Dreamweaver CC 中巻（約51分）
第１章　コードビューを使った編集
　・HTMLの要素と属性
　・コードヒント
　・タグの挿入と編集
第２章　要素のグループ化
　・div要素の挿入
　・id属性の設定
第３章　CSSの基本
　・CSSとは
　・ボックスモデルの概要
第４章　CSSの設定
　・基本的な設定
　・CSSトランジション
　・CSSインスペクト
　・コードナビゲーター
　・Edge Webフォント

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
【Adobe Dreamweaver CC講座紹介】
http://dougaku.tv/contents/IT_0793/c_index.html
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
DVD購入はこちら
http://www.attainj.co.jp/online_shop/newpd.html

http://www.nicovideo.jp/watch/so21937032

動学.tvより、HTML5講座 上巻 第4章 HTML 5で登場した新しい要素のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。上巻では「HTML5の基礎知識」として、HTML5の特徴について解説します。

HTML5 上巻（約70分）
１．HTMLとは？
　Webページが表示される仕組み
　HTMLの基本
　HTMLとCSS
２．従来のHTML
　HTMLの変遷
　文書型
３．HTML5とは？
　セマンティックなマークアップ
　廃止された要素
　定義が変更された要素
　記述ルールについて
４．HTML5で登場した新しい要素
　HTML5の新しい要素（セマンティック編）
　HTML5の新しい要素（その他）
５．カテゴリーとコンテンツモデル
　7つのカテゴリー
　コンテンツモデル
　セクショニング・ルート

ナレーター　毛利涼子

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so21089488

【動学.tvより】Dreamweaver MX2004の操作方法をわかりやすく解説したデモムービーがご覧いただけます。

（※最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。)

第1章　ハイパーリンクの設定
　・パス
　・テキストからのハイパーリンク
　・ハイパーリンク色の設定
　・画像からのハイパーリンク
　・イメージマップでのリンク
第2章　テーブルを利用したレイアウト
　・テーブルの 挿入
　・テーブルの編集（マウスドラッグ）
　・テーブルの編集（メニューから）
　・テーブルとセルの選択
　・セルの結合
　・セルの分割
　・テーブル全体の設定
　・セルの設定
　・セル内の文字の配列
　・テーブルの削除
　・ロールオーバーイメージの挿入
　・ボーダーなしのテーブルでのレイアウト
第3章　HTMLとは
第4章　メール送信フォームの作成
　・フォームエリアの作成と設定
　・フォームオブジェクトとは
　・テキストフィールドの挿入と設定
　・メニューの挿入と設定
　・チェックボックスの挿入と設定
　・ラジオボタンの挿入と設定
　・テキストエリアの挿入と設定
　・「送信」「リセット」ボタンの挿入と設定
　・フォーム送信結果の確認

【Adobe Dreamweaver CS6 使い方講座　概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

DVDは下記URLのオンラインショップよりご購入いただけます。
http://www.attainj.co.jp/ja/prd/train.html
販売：アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19703646

アテイン(株)で過去に販売したDVD教材「誰でもわかるAdobe GoLive5.0」をすべてご覧いただけます。
この映像では下巻　第2章「ムービー編集のポイントチェック」をご紹介しています。
≪前｜次≫　上巻　中巻　下巻　

（※最新のバージョンと操作や機能が異なる場合があります。
web基準には沿っていない、推奨されない作成方法も中にはありますが、
方法の一つ、過去のアーカイブとして閲覧ください）

【Adobe GoLive講座 5.0 下巻　55分】

1章これなら！アニメーション
　・ワンポイントノート1-アニメーションのアクション
2章ムービー編集のポイントチェック
3章　カスケーディングスタイルシート
　・ワンポイントノート2-CSS
4章　絵文字がうれしい！iモードサイト
　・ワンポイントノート3-iモードの注意点
5章ビジュアルサイトデザイン
6章　凄腕のサイトマネジメント
7章魅力のレポート機能
8章　一発FTP
9章　Web用画像の作成
　・スライスの作成
　・ロールオーバー
　・最適化

【Dreamweaver CS6使い方講座 概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19530111

【動学.tvより】Adobe Flash CS3 Proffesionalの操作方法をわかりやすく解説した【誰でもわかるAdobe Flash CS3 Proffesional】のデモムービーがご覧いただけます。

（※最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。)

第1章　Flash のインタフェース
　・Flashの画面構成
　・パネルとツールボックスの操作
　・タイムラインとステージの操作
第2章　グラフィック描画の基本
　・ビットマップとベクター
　・ステージのズーム操作
　・ステージの新規作成と設定
　・グラフィックの描画
　・シェイププリミティブ
　・塗りと線の設定
　・グラデーションの設定
　・自由変形ツール
　・ペンツール
　・パスを利用した線や図形の変形
　・ファイルの保存
第3章　オブジェクトの編集
　・ライブラリの操作
　・オブジェクトのグループ化
　・オブジェクトの重なり順
　・オブジェクトのコピー
　・オブジェクトの整列
第4章　アニメーションの基本
　・タイムライン
　・キーフレームとアニメーション

【Adobe Flash CS3 Proffesional 使い方講座　概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0522/c_index.html

【Adobe Flash Professional CS6概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0741/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

DVDは下記URLのオンラインショップよりご購入いただけます。
http://www.attainj.co.jp/ja/prd/train.html
販売：アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19703639

動学.tvより、HTML5講座 下巻 第3章 インラインSVGとcanvas要素のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。下巻では、Microdataの利用や動画の利用方法、ドキュメントのバリデートなどについて解説します。

HTML5 下巻（約65分）
１．microdata
microdataとは？
メタデータ取得の確認
スキーマ
２．動画の利用方法
従来の動画利用方法
video要素
source要素と動画のサポート形式
３．インラインSVGとcanvas要素
canvas要素
インラインSVG
４．インタラクティブな要素
details要素
５．フォームの要素
input要素
datalist要素
meter要素
６．バリデート
W3C Markup Validation Service

ナレーター　毛利涼子

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so21089490

アテイン(株)で過去に販売したDVD教材
「誰でもわかるDreamweaver MX」を全てご覧いただけます。
ここでは下巻 4章 「Dreamweaverファイルの作成」をご覧いただけます。

この講座ではリッチコンテンツとアプリケーション開発ツール
「Dreamweaver MX」の基本的な操作や基本的な使い方を
初心者の方にも分かりやすく解説しています。

（※2004年制作のため最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。
web基準、htmlの仕様についてはW3Cの勧告をご確認ください）

下巻では実践的な内容で構成されており、フレームの作成方法、
サーバーへのアップロード、CSSスタイルなどを中心にご説明しています。

1章　フレームとビヘイビア
2章　レイヤー
3章　サーバーへのアップロード
4章　Dreamweaverファイルの作成
　・Dreamweaverボタンの挿入
　・Dreamweaverテキストの挿入
5章　CSSスタイル
6章　ビヘイビア
7章　コードビューを使用した編集

【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
【Adobe Dreamweaver CS6 使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19591665

アテイン(株)で過去に販売したDVD教材「誰でもわかるAdobe GoLive5.0」をすべてご覧いただけます。
この映像では下巻　第3章「ワンポイントノート2-CSS」をご紹介しています。
≪前｜次≫　上巻　中巻　下巻　

（※最新のバージョンと操作や機能が異なる場合があります。
web基準には沿っていない、推奨されない作成方法も中にはありますが、
方法の一つ、過去のアーカイブとして閲覧ください）

【Adobe GoLive講座 5.0 下巻　55分】

1章これなら！アニメーション
　・ワンポイントノート1-アニメーションのアクション
2章ムービー編集のポイントチェック
3章　カスケーディングスタイルシート
　・ワンポイントノート2-CSS
4章　絵文字がうれしい！iモードサイト
　・ワンポイントノート3-iモードの注意点
5章ビジュアルサイトデザイン
6章　凄腕のサイトマネジメント
7章魅力のレポート機能
8章　一発FTP
9章　Web用画像の作成
　・スライスの作成
　・ロールオーバー
　・最適化

【Dreamweaver CS6使い方講座 概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19530114

【動学.tvより】ドリームウィーバーCS5(Dreamweaver CS5)の使い方講座からこの動画では「講座リンクの設定とパス」について解説しています

（※最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。）

CS5になってさらに簡単になったサイト定義、
CSS関連機能が強化されたコードナビゲーター、
新機能のCSSの有効化と無効化、
CSSインスペクトなどのご紹介、ワークスペースの解説、

HTMLの文書構造の定義、画像とリンク、リストなど、
Webサイトを作成する際に必要な基礎知識とマークアップ、
CSSによるレイアウトについて学習できます。

第1章　Dreamweaver CS5の起動とサイト定義
　・サイト定義
第2章　ワークスペースとHTMLの新規作成
　・ワークスペース
　・ページの新規作成
第3章　文字の入力とマークアップ
　・文字の入力
　・見出しのマークアップ
　・リストと属性の指定
　・特殊文字の指定
第4章　Web画像と挿入
　・Webに用いる画像
　・画像の挿入
第5章　リンクの設定とパス
　・リンクの設定
　・相対パスと絶対パス
第6章　テーブルを使った問い合わせフォームの作成
　・テーブルの作成
　・フォームの作成

【Adobe Dreamweaver CS6使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19670229

【海外の反応】 日本の ガラパゴスな ウェブデザインが 海外から 人気！ 「日本のほうが わかりやすい」 「日本のデザインのほうが好きだ」


【関連動画】
【海外の反応】 イギリスと 日本の ウナギ料理 どっちを選ぶ？ 「イギリスのウナギは 全く食べられる見た目をしてないんだが」
sm41502574
 
【海外の反応】 日本の 日清どん兵衛 きつねうどん たぬきそば 対決の アニメCMに 海外 が超感動
sm41489343

【海外の反応】イーロン・マスク 日本の ツイッター社を 劇的に改善して 海外が大喜び！ 「イーロンは 本物の ヒーローだ」
sm41489314

【海外の反応】 日本から 帰国した オランダ人 衝撃！ 母国で 絶望した話に 共感の声 殺到！ 「自分も 日本から母国に帰って ショックを受けた」
sm41489283

【海外の反応】 日本しか 受賞できない ノーベル賞の 現状に 悲嘆の声 欧米以外では ほぼ日本だけ
sm41489122

http://www.nicovideo.jp/watch/sm41502586

動学.tvより、Adobe Dreamweaver CS6使い方講座から
下巻　1章「CSSの基本」をお届けします
サイト管理機能に優れた「Adobe Dreamweaver CS6」使い方講座では、
webページ作成を基礎から応用までやさしく解説していきます。

Dreamweaver CS6のレスポンシブwebデザインに特化した新機能の解説や、
jQueryMobileスウォッチパネルの紹介、
サイト定義の手順に始まり、画面構成を紹介しながらHTMLの編集方法を解説し、
画像の挿入方法やリンク設定について解説しています。

1章　CSSの基本
　・CSSとセレクタ
　・CSSとボックスモデル
2章　CSSを用いたレイアウト作業
　・Divタグの挿入
　・ドキュメントへの埋め込み
　・外部スタイルシートの利用
　・ボックスのルールの記述
3章　機能を用いたCSSの編集
　・コードナビゲーターとCSSの有効化と無効化
　・CSSインスペクト
　・複数クラスの適用
　・CSSトランジション
4章　ファイルのアップロード
　・クロークの設定
　・サイトのアップロード

【Adobe Dreamweaver CS6使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19594103

アテイン(株)で過去に販売したDVD教材「誰でもわかるAdobe GoLive5.0」をすべてご覧いただけます。
この映像では中巻　第3章「簡単フレーム設定」をご紹介しています。
≪前｜次≫上巻　中巻　下巻　

（※最新のバージョンと操作や機能が異なる場合があります。
web基準には沿っていない、推奨されない作成方法も中にはありますが、
方法の一つ、過去のアーカイブとして閲覧ください）

【Adobe GoLive講座 5.0 中巻　55分】

1章テーブル感覚
2章トレーシングイメージとテンプレートで効果 UP！
・ワンポイントノート1-カスタム
3章　簡単フレーム設定
・ワンポイントノート2-フレームの境界色と背景色
・ワンポイントノート3-ターゲットリンク
4章　キット感覚でフレーム作成
5章　びっくりロールオーバー

【Dreamweaver CS6使い方講座 概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19530102

あかねちゃんデザイン講座 part2 はデザインを見てくれたり、使ってくれる「誰か」を考えなあかんってことについて、説明していくで。

前回より若干、概念的なはなしとか、複雑な説明も入っとるけど、
まあ肩ひじ張らずに聞いてもらったら幸いです。

それと動画内で紹介しているChromeの拡張機能はこちらやで
クソツールやから期待せんでつこうてなー
https://chrome.google.com/webstore/detail/niconiconicotter/gcdbnckmojmjanfcfkpeikddjojamlcg

前回の動画はこちら
sm36895632

---------------------------------------
Twitterで質問や次に投稿する内容の紹介もしとるで、こちらもちぇーーっく
https://twitter.com/AkanechanDesign

音源素材は以下から
http://www.oo39.com/

かわいいあかねちゃんは、以下からお借りしています
http://commons.nicovideo.jp/tree/im5100512

http://www.nicovideo.jp/watch/sm36930064

動学.tvより、Adobe Flash Catalyst CS5使い方講座(フラッシュカタリストCS5)から「Illustratorでコンテンツをデザイン」をお届けします

Adobe Flash Catalyst CS5は、コーディングを行わずに、
インタラクティブコンテンツの開発が行えるオーサリングツールです。
Action Scriptのコーディングを行うことなく、 ユーザーの操作に対応する
インタラクティブな仕組みを コンテンツに実装することができます。

（※最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。）

Adobe Flash Catalyst CS5は、 手軽にコンパクトな
インタラクティブコンテンツを作成するためにも利用できますが、
より高度な開発のためのプロトタイプ制作にも最適です。

1章　新規プロジェクトの作成とワークスペース
　・新規プロジェクトの作成
　・ワークスペース
　・コンポーネントの作成と2つのワークスペース
2章　コンポーネントの追加と基本操作
　・ワイヤーフレームコンポーネント
　・プロパティの調整
　・Illustratorアートワークの変換
3章　Illustratorでコンテンツをデザイン
　・レイヤー構成の確認
4章　Illustratorのアートワークを元にしたインタラクティブコンテンツの作成
　・Illustratorのアートワークからのプロジェクトの開始
　・ステートの編集
　・ページの複製とレイヤーの表示
　・インタラクションの追加と設定
　・トランジションの設定

【Adobe Flash Catalyst CS5使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0668/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19594115

アテイン(株)で過去に販売したDVD教材
「誰でもわかるDreamweaver MX」を全てご覧いただけます。
ここでは中巻 2章 「テキストからリンク」をご覧いただけます。

この講座ではリッチコンテンツとアプリケーション開発ツール
「Dreamweaver MX」の基本的な操作や基本的な使い方を
初心者の方にも分かりやすく解説しています。

（※2004年制作のため最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。
web基準、htmlの仕様についてはW3Cの勧告をご確認ください）

中巻ではリンクの設定やテーブルレイアウト、ロールオーバーイメージの挿入など、
実際の制作で使用頻度の高い機能の説明を中心とした実践的な内容で構成されています。

1章　リンクの設定
　・パス
2章　テキストからリンク
　・リンク色の設定
3章　画像からのリンク
4章　イメージマップ
5章　テーブルを利用したレイアウト
　・テーブルの挿入
　・テーブルの設定
　・行・列の削除と挿入
　・テーブルの選択
　・セルの結合と分割
　・テーブルの削除
　・ボーダーなしのテーブルを使う
6章　ロールオーバーイメージの挿入
7章　HTMLとは
　・HTMLスタイル
8章　タグとは
9章　フォームの作成
　・フォームオブジェクトの挿入と設定

【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
【Adobe Dreamweaver CS6 使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19591650

【動学.tvより】Fireworks 8の操作方法をわかりやすく解説した【誰でもわかるFireworks 8】のデモムービーがご覧いただけます。

（※最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。)

Fireworks8はWebページやドキュメントに使用する
グラフィックイメージを効率的に作成するアプリケーションソフトです。
曲線や四角形、三角形を組み合わせた図形や写真の色合い、
明るさなどのフォトレタッチ、複数の画像の合成などを行うことができます。

第1章　Fireworks 8のインターフェースと基本操作
　・操作インターフェース
　・ドキュメントの新規作成
第2章　ベクターオブジェクトの描画
　・基本図形の描画
　・選択ツール
　・塗りとストローク
　・スタイルパネル
　・レイヤーと重ね順
　・パスの結合
　・自由な形状-ペンツール
　・テキストの入力
　・パスに添ったテキスト
第3章　ビットマップオブジェクトの操作
　・切り抜き
　・マーキーツールとマスク
　・マーキーをパスに変換
　・ブラシツールと鉛筆ツール
　・レイヤーを追加して編集する
　・カラーと色調の調整-ライブフィルタ
　・イメージ加工ツール
　・スタンプツール
　・画像を合成する

【WebデザインFireworks使い方講座 フレームワーク編概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

DVDは下記URLのオンラインショップよりご購入いただけます。
http://www.attainj.co.jp/ja/prd/train.html
販売：アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19703631

動学.tvより、Adobe Dreamweaver CS6使い方講座から
5章「リンクの設定」をお届けします
サイト管理機能に優れた「Adobe Dreamweaver CS6」使い方講座では、webページ作成を基礎から応用までやさしく解説していきます。

Dreamweaver CS6のレスポンシブwebデザインに特化した新機能の解説や、jQueryMobileスウォッチパネルの紹介、 サイト定義の手順に始まり、画面構成を紹介しながらHTMLの編集方法を解説し、 画像の挿入方法やリンク設定について解説しています。。

1章　Dreamweaverとは？
　・Dreamweaverとは？
　・ようこそ画面について
　・WYSIWYGのHTMLエディターの利点
2章　サイトの定義
　・サイトの定義
3章　HTMLの編集
　・HTMLの新規作成と保存
　・テキストの入力
　・プロパティインスペクターとマークアップ
　・コードビューを用いた編集操作
　・特殊文字の指定
4章　画像の挿入
　・画像の挿入
　・画像の最適化とスマートオブジェクト
　・HTML 5でのビデオコンテンツの挿入
5章　リンクの設定
　・リンクの設定
　・相対パスと絶対パス

【DreamweaverCS5.5使い方HTML5 CSS3サイト作成編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0717/c_index.html

【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19594107

アテイン(株)で過去に販売したDVD教材「誰でもわかるAdobe GoLive5.0」をすべてご覧いただけます。
この映像ではパワーユーザー編　第1章「Photoshopとの連携」をご紹介しています。
≪前｜次≫　上巻　中巻　下巻　パワーユーザー編

（※最新のバージョンと操作や機能が異なる場合があります。
web基準には沿っていない、推奨されない作成方法も中にはありますが、
方法の一つ、過去のアーカイブとして閲覧ください）

【Adobe GoLive 5.0 使い方講座 パワーユーザー編　55分】

ソフトの操作方法に標準を合わせたものではなく、
仕事で作成する方向けの活用方法 として作成されています。
主にWebデザインのポイントについてご紹介しています。

1章　Webデザインのポイント
・Photoshopとの連携
・背景画像TIPS
・テーブル幅の計算
・アクションバリエーション
2章　骨太で柔軟なページ作り
3章　フォームで作成する購入ページ
4章　アニメーションとムービー編集のコツ
5章　ユーザビリティとアクセシビリティ

【Dreamweaver CS6使い方講座 概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19531970

【動学.tvより】Dreamweaver CS3の操作方法をわかりやすく解説した【誰でもわかるAdobe Dreamweaver CS3】のデモムービーがご覧いただけます。

（※最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。)

第1章　Dreamweaver CS3のインタフェース
　・スタートアップスクリーン
　・ワークスペース
　・パネルとグループ
第2章　Webサイトの構成
　・サイト構成の確認
第3章　ローカルサイトの作成
　・新規サイトの定義
　・サイトへのアセット追加
第4章　Webページ作成の基礎
　・新規ページの作成
　・タイトルの設定
　・テキストの入力
　・HTMLの確認
　・保存
　・テキストの挿入
　・上書き保存
第5章　書式設定
　・見出しスタイル
　・リスト
第6章　Webページへの画像の挿入
　・画像ファイル形式
　・画像の挿入
　・ファイルとパスの関係
　・画像の配置変更
　・画像の編集
第7章　CSS
　・新しいCSSルールの作成
　・見出しタグの変更
　・CSSファイルの追加

【Adobe Dreamweaver CS6 使い方講座　概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

【WebデザインFireworks使い方講座 フレームワーク編　概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

DVDは下記URLのオンラインショップよりご購入いただけます。
http://www.attainj.co.jp/ja/prd/train.html
販売：アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19703655

【動学.tvより】2003年6月制作【XML講座】のデモムービーがご覧いただけます。

（※最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。

web基準、xmlの仕様についてはW3Cの勧告をご確認ください)

第1章　DTDの概要
第2章　DTDの宣言1（要素型宣言）
第3章　DTDの宣言2（属性リスト宣言）
第4章　DTDの宣言3（エンティティ宣言と記法宣言）
第5章　条件付セクションと名前空間
第6章　XML関連の主な仕様とソフトウェア
第7章　スタイルシート(CSS)
　・練習問題

【WebデザインFireworks使い方講座 フレームワーク編概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

DVDは下記URLのオンラインショップよりご購入いただけます。
http://www.attainj.co.jp/ja/prd/train.html
販売：アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19703628

アテイン(株)で過去に販売したDVD教材
「誰でもわかるDreamweaver MX」を全てご覧いただけます。
ここでは下巻 7章「コードビューを使用した編集」をご覧いただけます。

この講座ではリッチコンテンツとアプリケーション開発ツール
「Dreamweaver MX」の基本的な操作や基本的な使い方を
初心者の方にも分かりやすく解説しています。

（※2004年制作のため最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。
web基準、htmlの仕様についてはW3Cの勧告をご確認ください）

下巻では実践的な内容で構成されており、フレームの作成方法、
サーバーへのアップロード、CSSスタイルなどを中心にご説明しています。

1章　フレームとビヘイビア
2章　レイヤー
3章　サーバーへのアップロード
4章　Dreamweaverファイルの作成
5章　CSSスタイル
6章　ビヘイビア
7章　コードビューを使用した編集
　・コードビューとデザインビュー
　・コードビューの基本操作
　・コードビューによるリンクの設定

【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
【Adobe Dreamweaver CS6 使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19591670

アテイン(株)で過去に販売したDVD教材
「誰でもわかるDreamweaver MX」を全てご覧いただけます。
ここでは下巻 6章「ビヘイビア」をご覧いただけます。

この講座ではリッチコンテンツとアプリケーション開発ツール
「Dreamweaver MX」の基本的な操作や基本的な使い方を
初心者の方にも分かりやすく解説しています。

（※2004年制作のため最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。
web基準、htmlの仕様についてはW3Cの勧告をご確認ください）

下巻では実践的な内容で構成されており、フレームの作成方法、
サーバーへのアップロード、CSSスタイルなどを中心にご説明しています。

1章　フレームとビヘイビア
2章　レイヤー
3章　サーバーへのアップロード
4章　Dreamweaverファイルの作成
5章　CSSスタイル
6章　ビヘイビア
7章　コードビューを使用した編集

【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
【Adobe Dreamweaver CS6 使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19591667

アテイン(株)で過去に販売したDVD教材「誰でもわかるAdobe GoLive5.0」をすべてご覧いただけます。
この映像では上巻　第4章「レイアウトグリッドの魅力」をご紹介しています。
≪前｜次≫　上巻　中巻　下巻

（※最新のバージョンと操作や機能が異なる場合があります。
web基準には沿っていない、推奨されない作成方法も中にはありますが、
方法の一つ、過去のアーカイブとして閲覧ください）

【Adobe GoLive講座 5.0上巻　55分】

1章 GoLive5.0の基本操作
　・ワンポイントノート1-コンテクスト-
2章サイトとページの作成、保存
3章テキスト画像のシンプルページ
　・ワンポイントノート2-ヘッダタグ-
　・ワンポイントノート3-ショートカットとヒストリーパレット-
4章レイアウトグリッドの魅力
5章うれしいスマートオブジェクト
　・ワンポイントノート4　-Web用の画像ファイル-
6章リンクもらくらく

【Dreamweaver CS6使い方講座 概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19530093

動学.tvより、Adobe Flash Professional CS6使い方講座(フラッシュCS6)上巻から4章「レイヤーの基本操作」をお届けします
ここではAdobe Flash Professional CS6の基本操作と 主な新機能をご紹介します。

上巻では画面構成の説明に始まり、レイヤーの基本操作や、
シンボルとインスタンスの関係について、
他のCS6アプリケーションとの連携を使用したWebバナーの作成や、
ビデオファイルの挿入、そして、ActionScriptの基本などについてご紹介します。

1章　Flash Professionalとは？
　・Flash Professionalとは？
2章　スタートアップスクリーンについて
　・スタートアップスクリーンについて
3章　Flashのワークスペース
　・Flashのインターフェイス
　・メニューバーについて
　・ツールバーについて
　・ステージとワークエリア
4章　レイヤーの基本操作
　・レイヤーの基本操作
5章　シンボルとインスタンス
　・シンボルへの変換
　・シンボルとインスタンス

【Adobe Flash Professional CS6使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0741/c_index.html

【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19594131

動学.tvより、Adobe Dreamweaver CS5使い方講座(ドリームウィーバーCS5)下巻から
2章「ロールオーバーイメージ」をお届けします
この講座ではDreamweaver CS5の操作方法を中心に
webページ作成の手順を基礎から応用まで学習します

（※最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。）

CS5になってさらに簡単になったサイト定義、CSS関連機能が強化されたコードナビゲーター、
新機能のCSSの有効化と無効化、CSSインスペクトなどのご紹介、ワークスペースの解説、
HTMLの文書構造の定義、画像とリンク、リストなど、
Webサイトを作成する際に必要な基礎知識とマークアップ、
CSSによるレイアウトについて学習します。

1章　スライスの書き出し
　・Photoshopからのスライスの書き出し
2章　ロールオーバーイメージ
　・ロールオーバーイメージの挿入
3章　CSSボックスモデルを利用したページのレイアウト
　・CSSボックスモデル
　・Divタグの挿入
4章　CSSを用いた基本的なレイアウト
　・ドキュメントへの埋め込み
　・外部スタイルシートの使用
5章　CSSの修正作業
　・コードナビゲーターとCSSの有効化と無効化
　・CSSインスペクト
6章　Photoshopからの画像の読み込み
　・Photoshopとの連携
7章　サーバーの設定
　・サーバーの設定とアップロード

【Adobe Dreamweaver CS5使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0666/c_index.html

【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19594095

【動学.tvより】Flash 8の操作方法をわかりやすく解説した【誰でもわかるFlash Professional 8】のデモムービーがご覧いただけます。

（※最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。)

基本操作から簡単なアニメーション作成、モーショントゥイーンを使った複雑な動きのアニメーションの作成を、追加された新機能を交えて解説していきます。下巻では実践的な内容で構成されており、Flashで一番よく使うモーショントゥイーンを使った複雑な動きのアニメーションの作成方法を学習していきます。

第1章　操作インターフェイス
　・Flash 8の画面構成
　・パネルとツールボックスの操作
　・タイムラインとステージの操作
第2章　グラフィック描画の基本
　・ビットマップグラフィックとベクターグラフィック
　・ステージの表示比率
　・ステージの設定
　・グラフィックの描画
　・塗りと線の色/太さ
　・楕円の描画とグラデーション
　・グリッドの表示
　・自由変形ツール
第3章　オブジェクトの編集
　・オブジェクトのコピー
　・オブジェクトを重ねる
　・オブジェクトのグループ化
　・オブジェクトの重ね順
第4章　フレームアニメーション
　・タイムラインと制御パネル
　・フレームの挿入
　・キーフレームの挿入

【Adobe Flash Professional CS6概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0741/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

DVDは下記URLのオンラインショップよりご購入いただけます。
http://www.attainj.co.jp/ja/prd/train.html
販売：アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19703636

アテイン(株)で過去に販売したDVD教材「誰でもわかるAdobe GoLive5.0」をすべてご覧いただけます。
この映像では上巻　第5章「うれしいスマートオブジェクト」をご紹介しています。
≪前｜次≫　上巻　中巻　下巻

（※最新のバージョンと操作や機能が異なる場合があります。
web基準には沿っていない、推奨されない作成方法も中にはありますが、
方法の一つ、過去のアーカイブとして閲覧ください）

【Adobe GoLive講座 5.0上巻　55分】

1章 GoLive5.0の基本操作
　・ワンポイントノート1-コンテクスト-
2章サイトとページの作成、保存
3章テキスト画像のシンプルページ
　・ワンポイントノート2-ヘッダタグ-
　・ワンポイントノート3-ショートカットとヒストリーパレット-
4章レイアウトグリッドの魅力
5章うれしいスマートオブジェクト
　・ワンポイントノート4　-Web用の画像ファイル-
6章リンクもらくらく

【Dreamweaver CS6使い方講座 概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19530094

アテイン(株)で過去に販売したDVD教材「誰でもわかるAdobe GoLive5.0」をすべてご覧いただけます。
この映像では下巻　第5章「ビジュアルサイトデザイン」をご紹介しています。
≪前｜次≫　上巻　中巻　下巻　パワーユーザー編

（※最新のバージョンと操作や機能が異なる場合があります。
web基準には沿っていない、推奨されない作成方法も中にはありますが、
方法の一つ、過去のアーカイブとして閲覧ください）

【Adobe GoLive講座 5.0 下巻　55分】

1章これなら！アニメーション
　・ワンポイントノート1-アニメーションのアクション
2章ムービー編集のポイントチェック
3章　カスケーディングスタイルシート
　・ワンポイントノート2-CSS
4章　絵文字がうれしい！iモードサイト
　・ワンポイントノート3-iモードの注意点
5章ビジュアルサイトデザイン
6章　凄腕のサイトマネジメント
7章魅力のレポート機能
8章　一発FTP
9章　Web用画像の作成
　・スライスの作成
　・ロールオーバー
　・最適化

【Dreamweaver CS6使い方講座 概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so19530118