タグ サイト作成 が登録されている動画 ： 140 件中 1 - 32 件目

動学.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

動学.tvより、Adobe Fireworks CS6使い方講座(ファイアーワークスCS6)から
1章「Fireworksの基本操作」をお届けします
この講座ではWebデザイン制作業務に優れた「Adobe Fireworks CS6」の使い方を学習しています。

Fireworksの基本操作に始まり、図形の描画やスタイルの適用、
ビットマップの読み込みと編集方法、テキストの取り扱いを解説し、
CSSスプライトをCSSとともにより簡単に書き出す方法や、
CSS3サポート機能とjQueryMobileスキンサポート機能についても解説しています。

1章　Fireworksの基本操作
　・Fireworksとは？
　・起動と終了
　・カンバスサイズと画像サイズ
2章　図形の描画
　・シェイプの基本操作
　・塗りと線の透明度のサポート
　・自動シェイプ
　・スタイルの適用
3章　ビットマップの操作
　・ビットマップ画像の読み込み
　・ビットマップ画像の編集
4章　テキストの操作
　・テキストの入力と編集
　・テキストのアウトライン化
5章　ドキュメントの操作
　・ガイド
　・レイヤー
　・Webレイヤーとスライス
6章　CSSのサポート機能
　・CSSコードの抽出
　・CSSスプライト
7章　モバイルのサポート機能
　・共有ライブラリーと
　・モバイル用のコンポーネント
　・jQueryMobileテーマスキンのサポート

【Fireworks使い方講座 ファイアーワークスCS6使い方の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0746/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/so19594100

動学.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

誰でもわかるウェブデザイン技能検定 対策講座 2級 より「課題1　画像ファイルの作成」のサンプル映像をお届けします

「ウェブデザイン技能検定」は、その技能を一定の基準により検定する国家試験です。
これは、ウェブデザイナーの技能に対する社会一般の、
評価と地位の向上を図るもので、
職業能力開発促進法に基づいて実施されています。

アテインはウェブデザイン技能検定を実施している
厚生労働大臣指定試験機関 特定非営利活動法人
インターネットスキル認定普及協会の賛助会員です。

このビデオではあらかじめ用意された素材を利用して、
問題文に示された通りのWebページを規定の時間内にデザインするなど、
「ウェブデザイン技能検定実技試験2級」の解答作業を
実際に出題された過去問題を元にご紹介していきます。

合格者続々！好評を得ている教材です
詳細はこちら
ご購入はこちらから

【課題について】
課題1-画像ファイルの作成
課題2-バナー作成-
課題3-HTMLとSSの作成-
課題4-タグの記述-
課題5-フォームの設定方法-

✜✜✜
【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html
撮影収録、映像制作（ｅラーニング教材含む）、スタジオレンタル、
メディア変換、CD/DVD/Blu-rayオーサリングプレス承ります。
http://www.attainj.co.jp/production/index.html
✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

誰でもわかるウェブデザイン技能検定 対策講座 3級 より「課題1-フォルダ構造の作成」のサンプル映像をお届けします

「ウェブデザイン技能検定」は、その技能を一定の基準により検定する国家試験です。
これは、ウェブデザイナーの技能に対する社会一般の、
評価と地位の向上を図るもので、
職業能力開発促進法に基づいて実施されています。

アテインはウェブデザイン技能検定を実施している
厚生労働大臣指定試験機関 特定非営利活動法人
インターネットスキル認定普及協会の賛助会員です。

このビデオではあらかじめ用意された素材を利用して、
問題文に示された通りのWebページを規定の時間内にデザインするなど、
「ウェブデザイン技能検定実技試験3級」の解答作業を
実際に出題された過去問題を元にご紹介していきます。

合格者続々！好評を得ている教材です
詳細はこちら
ご購入はこちらから

【課題について】
課題1-フォルダ構造の作成-
　課題2-リンクの設定-
　課題3-CSSの設定-
　課題4-CSSの編集 その1-
　課題5-CSSの編集 その2-
　課題6-タグの記述-
✜✜✜
【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html
撮影収録、映像制作（ｅラーニング教材含む）、スタジオレンタル、
メディア変換、CD/DVD/Blu-rayオーサリングプレス承ります。
http://www.attainj.co.jp/production/index.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

動学.tvより、誰でもわかるAdobe Dreamweaver CC 下巻 第1章「レスポンシブWEBデザイン」のサンプル映像をお届けします。
誰でもわかる Adobe Dreamweaver CC 下巻では、多様なデバイスで閲覧される今日のWebページ作りに対応する、レスポンシブWebページの作成方法を学びます。Dreamweaverの可変グリッドレイアウトやCSSデザイナーを使った効率的なページ制作の方法を学びます。

誰でもわかるAdobe Dreamweaver CC 下巻（約62分）
第１章　レスポンシブWebデザイン
　・レスポンシブWebデザインの概要
　・可変グリッドレイアウトの作成
第２章　構造の定義とデザインビューでの操作
　・要素の挿入
　・可変グリッドレイアウトの編集
　・リストによるメニューの作成
第３章　CSS
　・メディアクエリーとは
　・メディアクエリーの追加
　・CSSデザイナーを使用したスタイルの編集
　・角丸ボタンの作成
第４章　サイトの公開
　・アップロード
　・クローク
　・バリデート

月額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/so21937036

動学.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

アテイン(株)で過去に販売したDVD教材「誰でもわかるAdobe GoLive5.0」をすべてご覧いただけます。
この映像では上巻　第1章「GoLive5.0の基本操作」をご紹介しています。
次≫　中巻　下巻

（※最新のバージョンと操作や機能が異なる場合があります。
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/so19530082

【動学.tv http://dougaku.tv/より】
アドビのプロフェッショナルWebオーサリングツール「Adobe GoLive CS2 」を動画でわかりやすく解説します。
(※2004年制作のため現在の仕様と大きく異なる点もございます。W3Cの仕様をご確認ください。)

この映像では上巻「第1章　GoLive CS2の基本操作」をご紹介しています

オープニング
第1章　GoLive CS2の基本操作
　・Webサイトを作成する手順
　・GoLive CS2の起動
　・新規サイトの作成
　・操作インターフェース
　・TOPページを作成する
　・サイトを開く
第2章　サイトを公開する
　・公開サーバの設定をする
　・FTPサーバに接続する
　・アップロードしたページを確認する
第3章　複数のページにリンクを設定する
　・新しいページを作る
　・リンクを設定する
　・サーバのファイルを更新する
　・更新されたか確認する
第4章　画像を貼り付ける
　・サイトに画像を取り込む
　・画像を設定する
　・サイトを更新して確認する
✜✜✜
最新バージョンの講座は動学.tvでご覧いただけます。
http://dougaku.tv/

最新バージョンのDVD教材はこちらにございます。
http://www.attainj.co.jp/online_shop/

【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

【動学.tv http://dougaku.tv/より】
この講座では WEBサイト構築ツール「Dreamweaver MX2004」を学習することができます。
(2004年制作のため現在の仕様と大きく異なる点もございます。W3Cの仕様をご確認ください。)

この映像では上巻「第9章　ページのプレビュー」をご紹介しています

第1章　Dreamweaver MX 2004 ワークスペース
　・挿入バー
　・ドキュメントツールバー
　・ドキュメントウィンドウ
　・タグセレクタ
　・プロパティインスペクタ
　・パネルとパネルグループ
第2章　Webサイトの構成
　・フォルダ階層
　・サイト構成の確認
第3章　ローカルサイトの作成
　・新規サイトの定義
　・サイトへのアセットの追加
第4章　Webページ作成の基礎
　・新規Webページの作成
　・タイトルの設定
　・テキストの入力
　・改段落と改行
　・HTMLタグの確認
　・ファイルの保存
　・テキストの挿入
　・上書き保存
第5章　テキストの書式設定
　・文字サイズ
　・文字色
第6章　段落の書式設定
　・文字配置
　・見出しスタイル
　・リスト
第7章　Webページへの画像の挿入
　・画像ファイル形式
　・画像の挿入
　・パス
　・画像の配置変更
　・代替テキストの設定
　・明るさとコントラスト
　・切り抜き
　・表示サイズの変更
第8章　ページプロパティ
　・背景色
　・ヒストリの使用
　・背景イメージ
第9章　ページのプレビュー
　・ブラウザでプレビュー
　・ブラウザの登録
✜✜✜
最新バージョンの講座は動学.tvでご覧いただけます。
http://dougaku.tv/

最新バージョンのDVD教材はこちらにございます。
http://www.attainj.co.jp/online_shop/

【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

動学.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講座 中巻 第2章 head内の記述のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。中巻では「HTML5によるセマンティックなマークアップ」として、XHTMLでコーディングしたサイトと比較しながら、HTML5でのマークアップについて解説します。

HTML5 中巻（約61分）
１．文書型の宣言とルート要素
　文書型宣言
　ルート要素
２．head内の記述
　エンコードの指定
　スタイルシートとJavaScriptの指定
３．セマンティックなマークアップ
　header要素
　footer要素
　nav要素
　article要素
　section要素
　見出し要素の扱い方
　aside要素
　div要素の使い方
　figure要素とfigurecaption要素
４．文書構造の確認
　文書の構造化
　HTML5 Outliner

ナレーター　毛利涼子

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

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

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

動学.tvより、Flash(フラッシュ)CS5.5使い方講座モバイルアプリ開発編から「シンボルのレンダリング」をお届けします
この講座ではAdobe Flash Professional CS5.5で効率的にFlashを
ベースとしたモバイルアプリを開発する方法をご紹介しています。

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

Adobe Flash Professional CS5.5 使い方講座モバイルアプリ開発編は、
Flash Professional CS5.5で強化されたモバイルアプリの出力機能を使って、
難しい知識や複雑な開発環境を必要とせずに、
いつものフラッシュコンテンツの制作技術でモバイルアプリを制作する方法を学びます。

1章　Flashプロジェクト
　・プロジェクトの新規作成
　・プロジェクトパネル
2章　ステージサイズの変更
　・コンテンツをステージに合わせて拡大/縮小
3章　シンボルのレンダリング
　・ビットマップとしてキャッシュ/書き出し
4章　アセットの共有
　・ファイル間でシンボルを共有
5章　モバイル用のコードスニペット
　・モバイルアクションの追加
6章　Androidへパブリッシュ
　・アプリケーション設定の編集

【Adobe Flash Professional CS5.5使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0716/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/so19594121

アテイン(株)で過去に販売した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教材「誰でもわかるAdobe GoLive5.0」をすべてご覧いただけます。
この映像ではパワーユーザー編　第2章「骨太で柔軟なページ作り」をご紹介しています。
≪前｜次≫　上巻　中巻　下巻　パワーユーザー編

（※最新のバージョンと操作や機能が異なる場合があります。
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/so19531978

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

（※最新のバージョンと操作や機能が異なる場合があります。
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/so19530098

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

（※最新のバージョンと操作や機能が異なる場合があります。
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/so19530090

ここではホームページの作り方の概要をつかんでもらえればOKです。難しい語句や、わからないことも書かれていると思いますが、それぞれわかりやすくこの後の記事で説明をしますので、 今はざっとみてみてください。ホームページの作り方～ワードプレスの逆襲～

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

【動学.tv http://dougaku.tv/より】
アドビのプロフェッショナルWebオーサリングツール「Adobe GoLive CS2 」を動画でわかりやすく解説します。
(※2004年制作のため現在の仕様と大きく異なる点もございます。W3Cの仕様をご確認ください。)

下巻ではスマートオブジェクトの利用CSSでのレイアウトの編集など解説します
この映像では下巻「第3章　スマートオブジェクトの利用」をご紹介しています

オープニング
第1章　スタイルシートを使った書式設定
　・スタイルシートの基礎
　・外部スタイルシートの作成
　・スタイルシートの編集
　・外部スタイルシートへのリンク
　・内部スタイルシートの作成
　・クラススタイルの作成
　・クラススタイルの適用
第2章　スタイルシートを使ったページレイアウト
　・CSSツールを使ったレイアウト
　・レイアウトグリットを使ったレイアウト
第3章　スマートオブジェクトの利用
　・スマートオブジェクトとは
　・スマートPhotoshopオブジェクトの配置
　・スマートPhotoshopオブジェクトを更新する
　・InDesignのパッケージを配置する
✜✜✜
最新バージョンの講座は動学.tvでご覧いただけます。
http://dougaku.tv/

最新バージョンのDVD教材はこちらにございます。
http://www.attainj.co.jp/online_shop/

【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

【動学.tv http://dougaku.tv/より】
アドビのプロフェッショナルWebオーサリングツール「Adobe GoLive CS2 」を動画でわかりやすく解説します。
(※2004年制作のため現在の仕様と大きく異なる点もございます。W3Cの仕様をご確認ください。)

下巻ではスマートオブジェクトの利用CSSでのレイアウトの編集など解説します
この映像では下巻「第2章スタイルシートを使ったページレイアウト」をご紹介しています

オープニング
第1章　スタイルシートを使った書式設定
　・スタイルシートの基礎
　・外部スタイルシートの作成
　・スタイルシートの編集
　・外部スタイルシートへのリンク
　・内部スタイルシートの作成
　・クラススタイルの作成
　・クラススタイルの適用
第2章　スタイルシートを使ったページレイアウト
　・CSSツールを使ったレイアウト
　・レイアウトグリットを使ったレイアウト
第3章　スマートオブジェクトの利用
　・スマートオブジェクトとは
　・スマートPhotoshopオブジェクトの配置
　・スマートPhotoshopオブジェクトを更新する
　・InDesignのパッケージを配置する
✜✜✜
最新バージョンの講座は動学.tvでご覧いただけます。
http://dougaku.tv/

最新バージョンのDVD教材はこちらにございます。
http://www.attainj.co.jp/online_shop/

【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

【動学.tv http://dougaku.tv/より】
アドビのプロフェッショナルWebオーサリングツール「Adobe GoLive CS2 」を動画でわかりやすく解説します。
(※2004年制作のため現在の仕様と大きく異なる点もございます。W3Cの仕様をご確認ください。)

下巻ではスマートオブジェクトの利用CSSでのレイアウトの編集など解説します
この映像では下巻「第1章スタイルシートを使った書式設定」をご紹介しています

オープニング
第1章　スタイルシートを使った書式設定
　・スタイルシートの基礎
　・外部スタイルシートの作成
　・スタイルシートの編集
　・外部スタイルシートへのリンク
　・内部スタイルシートの作成
　・クラススタイルの作成
　・クラススタイルの適用
第2章　スタイルシートを使ったページレイアウト
　・CSSツールを使ったレイアウト
　・レイアウトグリットを使ったレイアウト
第3章　スマートオブジェクトの利用
　・スマートオブジェクトとは
　・スマートPhotoshopオブジェクトの配置
　・スマートPhotoshopオブジェクトを更新する
　・InDesignのパッケージを配置する
✜✜✜
最新バージョンの講座は動学.tvでご覧いただけます。
http://dougaku.tv/

最新バージョンのDVD教材はこちらにございます。
http://www.attainj.co.jp/online_shop/

【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

【動学.tv http://dougaku.tv/より】
アドビのプロフェッショナルWebオーサリングツール「Adobe GoLive CS2 」を動画でわかりやすく解説します。
(※2004年制作のため現在の仕様と大きく異なる点もございます。W3Cの仕様をご確認ください。)

下巻ではスマートオブジェクトの利用CSSでのレイアウトの編集など解説します
この映像では下巻「オープニング」をご紹介しています

オープニング
第1章　スタイルシートを使った書式設定
　・スタイルシートの基礎
　・外部スタイルシートの作成
　・スタイルシートの編集
　・外部スタイルシートへのリンク
　・内部スタイルシートの作成
　・クラススタイルの作成
　・クラススタイルの適用
第2章　スタイルシートを使ったページレイアウト
　・CSSツールを使ったレイアウト
　・レイアウトグリットを使ったレイアウト
第3章　スマートオブジェクトの利用
　・スマートオブジェクトとは
　・スマートPhotoshopオブジェクトの配置
　・スマートPhotoshopオブジェクトを更新する
　・InDesignのパッケージを配置する
✜✜✜
最新バージョンの講座は動学.tvでご覧いただけます。
http://dougaku.tv/

最新バージョンのDVD教材はこちらにございます。
http://www.attainj.co.jp/online_shop/

【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

【動学.tv http://dougaku.tv/より】
アドビのプロフェッショナルWebオーサリングツール「Adobe GoLive CS2 」を動画でわかりやすく解説します。
(※2004年制作のため現在の仕様と大きく異なる点もございます。W3Cの仕様をご確認ください。)

中巻ではユーザビリティを意識した Webページ設計やヘッダの設定を行います。
この映像では中巻「第3章　テーブルを作成」をご紹介しています

オープニング
第1章　Webページの基本設定
　・ユーザビリティを意識したWebページ設計
　・ヘッダの設定
　・ブラウザでプレビューする設定
第2章　基本要素の配置
　・背景の設定
　・文字書式と段落書式の設定
　・ラインの挿入
第3章　テーブルを作成
　・テーブルの基本
　・テーブルの大きさを変更する
　・テーブルの配置とセルの選択
　・セルの結合
　・罫線の幅と太さ
　・セル内の編集
　・行と列の追加と削除
✜✜✜
最新バージョンの講座は動学.tvでご覧いただけます。
http://dougaku.tv/

最新バージョンのDVD教材はこちらにございます。
http://www.attainj.co.jp/online_shop/

【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

【動学.tv http://dougaku.tv/より】
アドビのプロフェッショナルWebオーサリングツール「Adobe GoLive CS2 」を動画でわかりやすく解説します。
(※2004年制作のため現在の仕様と大きく異なる点もございます。W3Cの仕様をご確認ください。)

中巻ではユーザビリティを意識した Webページ設計やヘッダの設定を行います。
この映像では中巻「第2章　基本要素の配置」をご紹介しています

オープニング
第1章　Webページの基本設定
　・ユーザビリティを意識したWebページ設計
　・ヘッダの設定
　・ブラウザでプレビューする設定
第2章　基本要素の配置
　・背景の設定
　・文字書式と段落書式の設定
　・ラインの挿入
第3章　テーブルを作成
　・テーブルの基本
　・テーブルの大きさを変更する
　・テーブルの配置とセルの選択
　・セルの結合
　・罫線の幅と太さ
　・セル内の編集
　・行と列の追加と削除
✜✜✜
最新バージョンの講座は動学.tvでご覧いただけます。
http://dougaku.tv/

最新バージョンのDVD教材はこちらにございます。
http://www.attainj.co.jp/online_shop/

【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

【動学.tv http://dougaku.tv/より】
アドビのプロフェッショナルWebオーサリングツール「Adobe GoLive CS2 」を動画でわかりやすく解説します。
(※2004年制作のため現在の仕様と大きく異なる点もございます。W3Cの仕様をご確認ください。)

中巻ではユーザビリティを意識した Webページ設計やヘッダの設定を行います。
この映像では中巻「第1章　Webページの基本設定」をご紹介しています

オープニング
第1章　Webページの基本設定
　・ユーザビリティを意識したWebページ設計
　・ヘッダの設定
　・ブラウザでプレビューする設定
第2章　基本要素の配置
　・背景の設定
　・文字書式と段落書式の設定
　・ラインの挿入
第3章　テーブルを作成
　・テーブルの基本
　・テーブルの大きさを変更する
　・テーブルの配置とセルの選択
　・セルの結合
　・罫線の幅と太さ
　・セル内の編集
　・行と列の追加と削除
✜✜✜
最新バージョンの講座は動学.tvでご覧いただけます。
http://dougaku.tv/

最新バージョンのDVD教材はこちらにございます。
http://www.attainj.co.jp/online_shop/

【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

【動学.tv http://dougaku.tv/より】
アドビのプロフェッショナルWebオーサリングツール「Adobe GoLive CS2 」を動画でわかりやすく解説します。
(※2004年制作のため現在の仕様と大きく異なる点もございます。W3Cの仕様をご確認ください。)

中巻ではユーザビリティを意識した Webページ設計やヘッダの設定を行います。
この映像では中巻「オープニング」をご紹介しています

オープニング
第1章　Webページの基本設定
　・ユーザビリティを意識したWebページ設計
　・ヘッダの設定
　・ブラウザでプレビューする設定
第2章　基本要素の配置
　・背景の設定
　・文字書式と段落書式の設定
　・ラインの挿入
第3章　テーブルを作成
　・テーブルの基本
　・テーブルの大きさを変更する
　・テーブルの配置とセルの選択
　・セルの結合
　・罫線の幅と太さ
　・セル内の編集
　・行と列の追加と削除
✜✜✜
最新バージョンの講座は動学.tvでご覧いただけます。
http://dougaku.tv/

最新バージョンのDVD教材はこちらにございます。
http://www.attainj.co.jp/online_shop/

【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

【動学.tv http://dougaku.tv/より】
アドビのプロフェッショナルWebオーサリングツール「Adobe GoLive CS2 」を動画でわかりやすく解説します。
(※2004年制作のため現在の仕様と大きく異なる点もございます。W3Cの仕様をご確認ください。)

この映像では上巻「第4章　画像を貼り付ける」をご紹介しています

オープニング
第1章　GoLive CS2の基本操作
　・Webサイトを作成する手順
　・GoLive CS2の起動
　・新規サイトの作成
　・操作インターフェース
　・TOPページを作成する
　・サイトを開く
第2章　サイトを公開する
　・公開サーバの設定をする
　・FTPサーバに接続する
　・アップロードしたページを確認する
第3章　複数のページにリンクを設定する
　・新しいページを作る
　・リンクを設定する
　・サーバのファイルを更新する
　・更新されたか確認する
第4章　画像を貼り付ける
　・サイトに画像を取り込む
　・画像を設定する
　・サイトを更新して確認する
✜✜✜
最新バージョンの講座は動学.tvでご覧いただけます。
http://dougaku.tv/

最新バージョンのDVD教材はこちらにございます。
http://www.attainj.co.jp/online_shop/

【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

【動学.tv http://dougaku.tv/より】
アドビのプロフェッショナルWebオーサリングツール「Adobe GoLive CS2 」を動画でわかりやすく解説します。
(※2004年制作のため現在の仕様と大きく異なる点もございます。W3Cの仕様をご確認ください。)

この映像では上巻「第3章　複数のページにリンクを設定する」をご紹介しています

オープニング
第1章　GoLive CS2の基本操作
　・Webサイトを作成する手順
　・GoLive CS2の起動
　・新規サイトの作成
　・操作インターフェース
　・TOPページを作成する
　・サイトを開く
第2章　サイトを公開する
　・公開サーバの設定をする
　・FTPサーバに接続する
　・アップロードしたページを確認する
第3章　複数のページにリンクを設定する
　・新しいページを作る
　・リンクを設定する
　・サーバのファイルを更新する
　・更新されたか確認する
第4章　画像を貼り付ける
　・サイトに画像を取り込む
　・画像を設定する
　・サイトを更新して確認する
✜✜✜
最新バージョンの講座は動学.tvでご覧いただけます。
http://dougaku.tv/

最新バージョンのDVD教材はこちらにございます。
http://www.attainj.co.jp/online_shop/

【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

【動学.tv http://dougaku.tv/より】
アドビのプロフェッショナルWebオーサリングツール「Adobe GoLive CS2 」を動画でわかりやすく解説します。
(※2004年制作のため現在の仕様と大きく異なる点もございます。W3Cの仕様をご確認ください。)

この映像では上巻「第2章　サイトを公開する」をご紹介しています

オープニング
第1章　GoLive CS2の基本操作
　・Webサイトを作成する手順
　・GoLive CS2の起動
　・新規サイトの作成
　・操作インターフェース
　・TOPページを作成する
　・サイトを開く
第2章　サイトを公開する
　・公開サーバの設定をする
　・FTPサーバに接続する
　・アップロードしたページを確認する
第3章　複数のページにリンクを設定する
　・新しいページを作る
　・リンクを設定する
　・サーバのファイルを更新する
　・更新されたか確認する
第4章　画像を貼り付ける
　・サイトに画像を取り込む
　・画像を設定する
　・サイトを更新して確認する
✜✜✜
最新バージョンの講座は動学.tvでご覧いただけます。
http://dougaku.tv/

最新バージョンのDVD教材はこちらにございます。
http://www.attainj.co.jp/online_shop/

【企業・各種学校向け】
動学.tvの数百講座（ソフトウェア使い方、システム開発、ビジネス関連など）を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html

✜✜✜
アテイン株式会社 http://www.attainj.co.jp/

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

動学.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

動学.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

動学.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