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

JOY SOUNDカラオケ配信中でーす。■ピアプロで見つけたあまりにも泣ける歌詞はfyopueさん作です。自分の体験も付け足そうかと思いましたが組曲並の長さになるのでやめました。素晴らしい絵師はうじゅじゅさん、藤代叶さん、タカハルさん、曲と動画はうｐ主の、ほぼデザ職チームによる1本です。（追記）途中のセリフ部分は、ややフェイクは入ってますがうｐ主のだいたいの実体験です。※（mp3（オケ版付）うｐ→http://sharp1.m--q.org/WebDesign.zip■mylist/4734248

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

こんにちは、ノイズ男です。今回はsm4419503の「Webデザイン」を歌わせて頂きました。動画も同じ所からお借りしています。ほぼ中小専の、しがないフリーデザイナーやってます。予算との戦いは実感詰め込んで叫びました。しんどいけどこの仕事は好きです(苦笑)。音程やリズムが取り切れてないのは、へたれボーカルの仕様です。ご容赦下さい。雰囲気を楽しんで頂ければ幸いです。女声パートは仕事の相方にお願いしました。他の作品はこちら→mylist/8162162　※9/6追記：拙い叫びに沢山のコメありがとうございます！　フリーなのでクラの意向を直接ヒアリング出来るのは強みですが、中小の少ない予算で案を幾つも出せる訳もなく、一発でクライアントを100%納得させるのも難しく。解らーない！と叫びつつ予算と格闘ですorz

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

fyopue様の歌詞にはごろもP様が曲をつけたWEBデザインをDIVAエディットでPVを作らせていただきました！
オフィス背景とホリデイさんを見ていたらこの曲が浮かんできたのです…ｗ
タイトルと一部歌詞のみ編集で、エディットデータ自体は一本です。
それでは、少しでも楽しんでもらえれば嬉しいです！

■fyopue様の歌詞⇒http://piapro.jp/t/Q4m1
■はごろもP様が曲をつけた動画⇒sm4419503

■少ないけれど過去投稿物⇒mylist/16009468

■PVのみで需要あるのかわからないけどデータ上げました！
オンラインID：chatop

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

どうも、霧雨（きりう）です。sm4419503こちらのWebデザインを聴いて即効ハマッテしまい歌わせていただきました。動画は同じところからいただきました。Webデザイナーって、大変なんだなと思いつつ歌ったドライバーの俺だったりしますwwwそれではゆっくりしていってください。この動画を見たデザイナーさんには勇気を、クライアントさんには自分を振り返ってもらえるように願いつつ。マイリス：mylist/6536721 [2009/9/19追記]1000再生ありがとうございます！自身の歌ってみた初の1000再生です。それとコメの多かった画質のことですが、たぶんその当時動画の変換にフリーソフトを使っていたからそれで設定をミスったんだと思います。ご迷惑をおかけしました。

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

これ見てWebデザイナーを始めました。

普段はボカロ曲とか作ってます　mylist/47923841

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

エコーを控えめにするとなんか物足りないですが
いつものエコーレベルだとあんまり響くので半分くらいにしてます。
歌にセリフがあるのって珍しかったのとネガティブ思考に共感するものがあったので
今回歌わせていただきました。

本家動画様＞sm4419503

最良のニコニコを作るために！
誹謗中傷、荒らしダメ！ぜったい！
思いやりのある、良識のあるコメントを心がけよう。
うｐ主が歌ったリスト＞mylist/3032145
うｐ主が編集したリスト＞mylist/4621983
うｐ主のマイリス＞mylist/1500105

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

動学.tvより、Adobe Flash Professional CS6使い方講座(フラッシュCS6)中巻から3章「アセットの読み込み」をお届けします。この講座ではAdobe Flash Professional CS6の基本操作と 主な新機能をご紹介します。

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

画面構成の説明に始まり、レイヤーの基本操作や、シンボルとインスタンスの関係などについてご紹介します。

1章　図形描画の基本操作
　・ビットマップとベクター
　・シェイプの基本操作
　・プリミティブツール
　・グラデーションの設定
2章　オブジェクトの基本操作
　・オブジェクトの重なり順と整列
　・オブジェクトのグループ化
　・オブジェクトのコピーとペースト
　・オブジェクトの変形
3章　アセットの読み込み
　・アセットの読み込み
　・Photoshopファイルの読み込み
　・Illustratorファイルの読み込み
4章　アニメーション
　・タイムラインとキーフレーム
　・モーショントゥイーン
　・シーンとシンボルを利用した入れ子アニメーション
　・イージング

【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/so19594135

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

あかねちゃんデザイン講座 part1 は、デザインについてお話ししていく前に、デザインってそもそもなんなんや？ってことについて説明していくで、
よーするに、デザインという言葉の定義や、デザインをするうえでの心構えについてや

まあ肩ひじ張らずに聞いてもらったら幸いです。

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

次の講座
sm36930064

---------------------------------------

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

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

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

KAITOオリジナル曲『WEBデザイン』をどこかの方言入り交えつつ二人で歌ってみました。　本家：sm4419503　歌詞元：fyopueさま（PIAPRO）　「これ歌って」「じゃあ台詞入れて」「絵描いて」「編集して」「もっと描いて」「提供つけて」・・・互いに押し付けあった結果がこれだよ！

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

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

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

第1章　テンプレート機能
　・テンプレートの作成
　・テンプレートの編集
　・テンプレートを元にしたページの作成
　・テンプレートの適用
　・テンプレートの再編集
第2章　リンクの設定
　・パスについて
　・テキストからのハイパーリンク
　・ファイル参照によるリンク設定
　・ハイパーリンクの色の設定
第3章　SPRYの挿入
　・メニューバーの作成
　・メニューリンクの設定
　・アコーディオンの作成
第4章　テーブルを利用したレイアウト
　・テーブルの挿入
　・テーブルの編集
　・テーブルとセルの選択
　・CSVからの表の挿入
第5章　Divタグを使用した画面デザイン
　・ページの内容を「container」ボックスに指定する
第6章　Flashコンテンツの利用
　・Flashボタンの配置
　・Flash Videoの挿入

【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/so19703653

【動学.tvより】Adobe Fireworks CS5使い方講座より第2章　ワイヤーフレームの作成をご紹介しています
この講座では「Adobe Fireworks CS5」を使って、Webサイトのプロトタイプを制作する手順を学びます。

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

序章 オープニング
第1章　コンテナの設計
　・カンバスの新規作成とガイドの設定
　・divコンテナの作成
第2章　ワイヤーフレームの作成
　・ヘッダーのデザイン
　・サイドバーとフッターのデザイン
第3章　ページの作成
　・マスターページとして設定
　・リンクの設定
　・PDFへの書き出し
第4章　パーツの作成
　・グラデーションの設定
　・シンボル化と9スライスの設定
第5章　マスターページのプロトデザイン
　・ヘッダーへの画像の配置
　・サイドバーへの画像の配置
　・フッターの作成
第6章　ステートと画像の効果の設定
　・共有ライブラリのシンボルの利用
　・画像の編集
　・ステート
第7章　スライスと書き出し
　・テキストの調整と画像スライスの設定
　・シンボルで作成した画像の調整
　・共有ライブリのリストの設定
　・立体感を出すテクニックを利用したプレートの作成
　・パターン背景を含めた3スライステクニック
　・マスクと反転効果を使ったfooterの装飾
　・ページの書き出し

【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/so19670237

動学.tvより、Adobe Flash Professional CS6使い方講座(フラッシュCS6)下巻から1章「モーションプリセット」をお届けします
この講座ではAdobe Flash Professional CS6の基本操作と 主な新機能をご紹介します。

画面構成の説明に始まり、レイヤーの基本操作や、シンボルとインスタンスの関係などについてご紹介します。

1章　モーションプリセット
　・モーションプリセット
2章　FLVを配置したコンテンツの作成
　・FLVへの変換
　・FLVの配置
3章　ActionScript 3.0を利用したインタラクティブコンテンツの作成
　・ボタンシンボルの設定
　・ActionScriptのバージョンと記述場所
　・ActionScript　3.0の基本
　・コードスニペット
4章　パブリッシュ
　・ターゲットの設定
　・パブリッシュ設定

【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/so19594129

動学.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より、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

あかねちゃんデザイン講座 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 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

動学.tvより、Flash(フラッシュ)CS4使い方講座から「オブジェクトの編集」をお届けします
ここではAdobeのリッチコンテンツとアプリケーション開発ツール
「Adobe Flash CS4 Professional」の使い方を解説していきます。

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

基本的な利用方法、新機能のご紹介を交えながら、インタフェイスの説明から
基本的なグラフィックスの描き方、タイムラインやアニメーションの基本操作、
シンボルやインスタンス、アニメーションの作成方法、
Photoshopやイラストレーターで作成したデータを読み込んで利用する方法などを学習します

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

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

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

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

第1章　シンボルとインスタンス
　・ライブラリパレットへの
　・アセットの読み込み
　・シンボルとインスタンス
　・シンボルの編集
第2章　レイヤーとアニメーション
　・レイヤーの基本操作
　・レイヤーごとのアニメーション設定
　・シーンとシンボルを利用した
　・入れ子アニメーション
　・イージング
　・モーションガイド
　・オニオンスキン
第3章　Photoshop/Illustratorファイルの読み込み
　・Photoshopファイルの読み込み
　・Illustratorファイルの読み込み
第4章　ビデオファイルの読み込み
　・FLVの読み込み
第5章　Adobe Device Centralを利用した
　・携帯コンテンツの作成
　・Adobe Device Centralの起動
第6章　パブリッシュ
　・パブリッシュ

【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/so19703640

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

誰でもわかるウェブデザイン技能検定 対策講座 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 CS5.5 使い方講座HTML5 CSS3サイト作成編から
1章「サイトの定義」をお届けします
この講座ではAdobe Dreamweaver CS5.5を使ってHTML5とCSS3でwebページを作成する方法を学習します。

新たに追加された要素や、属性により明確に文書構造を示すことができる様になった
「HTML5」と、透過・角丸・回転の設定など、より柔軟なページデザインが可能となった
「CSS3」について学べる内容となっています。

1章　サイトの定義
　・新規サイトの定義
2章　HTML5ページの作成
　・スターターレイアウトを利用したHTML5ページの作成
　・HTML5ページの新規作成
　・要素の設定
3章　HTML5ビデオの挿入
　・videoタグの設定
　・videoの挿入
4章　CSS3プロパティの設定
　・透過の設定
　・角丸とブラウザーごとの設定
　・回転の設定
　・テキストシャドウの設定
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/so19594123

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

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

第1章　テーブルを利用したレイアウト
　・テーブルの挿入
　・マウスによるテーブルの編集
　・メニューによるテーブルの編集
　・テーブルとセルの選択
　・セルの結合と分割
　・テーブル全体の設定
　・セルの設定
第2章　レイアウトテーブル
　・レイアウトモード
　・レイアウトテーブルの作成
　・ルーラーガイド
　・レイアウトセルの作成
　・レイアウトセルに画像を挿入
　・レイアウトセルにテキストを挿入
　・レイアウトセルの設定
　・スペーサーイメージの追加
第3章　レイヤー
　・レイヤーパネル
　・レイヤーの重なり順
　・レイヤーのプロパティ
　・レイヤーの新規作成
　・レイヤーの選択と編集
　・レイヤーのオーバーラップ防止
　・レイヤーの整列
　・レイヤーをテーブルに変換
第4章　CSS(カスケーディング・スタイルシート)
　・背景イメージの配置
　・テキストのスタイル設定
第5章　Contribute 3
　・ページの参照
　・コンテンツの編集
　・変更内容の公開
　・ユーザの役割設定

【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/so19703645

Webブラウザで表示されるものは全てHTMLで構成されていて、HTMLで書かれたプログラムをWebブラウザが解析し表示するという仕組みになっています。HTMLを理解するとホームページを作成するだけでなくJavaやPHPやJavaScriptなどの他言語と連携しWebアプリケーションにも対応できるようになれます。

「誰でもわかる HTML基礎」講座では、HTMLの基本文法を習得することができます。その結果、HTMLを読めるようになり、HTMLの文法に沿ったプログラムを組めるようになります。そして、オンライン・ショッピングなどのWebアプリケーションの動作概要が理解できるようになり、Webアプリケーション開発に挑戦できるだけの知識を得られるようになります。

講師■ＩＴ研究所　荒川栄一郎
講座紹介ページ
http://dougaku.tv/contents/IT_4810/c_index.html
------------------
本教材に関する問い合わせ：アテイン株式会社 Tel.03-3255-4721

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

誰でもわかるウェブデザイン技能検定 対策講座 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

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

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

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

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


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

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

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

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

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

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

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

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

【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/so19703650

動学.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」をすべてご覧いただけます。
この映像ではパワーユーザー編　第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