タグ webデザイン が登録されている動画 : 127 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
【KAITOオリジナル曲】WEBデザイン
JOY SOUNDカラオケ配信中でーす。■ピアプロで見つけたあまりにも泣ける歌詞はfyopueさん作です。自分の体験も付け足そうかと思いましたが組曲並の長さになるのでやめました。素晴らしい絵師はうじゅじゅさん、藤代叶さん、タカハルさん、曲と動画はうp主の、ほぼデザ職チームによる1本です。(追記)途中のセリフ部分は、ややフェイクは入ってますがうp主のだいたいの実体験です。※(mp3(オケ版付)うp→http://sharp1.m--q.org/WebDesign.zip■mylist/4734248
【Project DIVA F 2nd】WEBデザイン【エディットPV】
fyopue様の歌詞にはごろもP様が曲をつけたWEBデザインをDIVAエディットでPVを作らせていただきました!
オフィス背景とホリデイさんを見ていたらこの曲が浮かんできたのです…w
タイトルと一部歌詞のみ編集で、エディットデータ自体は一本です。
それでは、少しでも楽しんでもらえれば嬉しいです!
■fyopue様の歌詞⇒http://piapro.jp/t/Q4m1
■はごろもP様が曲をつけた動画⇒sm4419503
■少ないけれど過去投稿物⇒mylist/16009468
■PVのみで需要あるのかわからないけどデータ上げました!
オンラインID:chatop
あかねちゃんデザイン講座 part1 そもそもデザインってなんぞ?
あかねちゃんデザイン講座 part1 は、デザインについてお話ししていく前に、デザインってそもそもなんなんや?ってことについて説明していくで、
よーするに、デザインという言葉の定義や、デザインをするうえでの心構えについてや
まあ肩ひじ張らずに聞いてもらったら幸いです。
Twitterで質問や次に投稿する内容の紹介もしとるで、こちらもちぇーーっく
https://twitter.com/AkanechanDesign
次の講座
sm36930064
---------------------------------------
音源素材は以下から
http://www.oo39.com/
かわいいあかねちゃんは、以下からお借りしています
http://commons.nicovideo.jp/tree/im5100512
WEBデザインを歌ってみた
こんにちは、ノイズ男です。今回はsm4419503の「Webデザイン」を歌わせて頂きました。動画も同じ所からお借りしています。ほぼ中小専の、しがないフリーデザイナーやってます。予算との戦いは実感詰め込んで叫びました。しんどいけどこの仕事は好きです(苦笑)。音程やリズムが取り切れてないのは、へたれボーカルの仕様です。ご容赦下さい。雰囲気を楽しんで頂ければ幸いです。女声パートは仕事の相方にお願いしました。他の作品はこちら→mylist/8162162 ※9/6追記:拙い叫びに沢山のコメありがとうございます! フリーなのでクラの意向を直接ヒアリング出来るのは強みですが、中小の少ない予算で案を幾つも出せる訳もなく、一発でクライアントを100%納得させるのも難しく。解らーない!と叫びつつ予算と格闘ですorz
Webデザインを歌ってみた Ver霧雨
どうも、霧雨(きりう)です。sm4419503こちらのWebデザインを聴いて即効ハマッテしまい歌わせていただきました。動画は同じところからいただきました。Webデザイナーって、大変なんだなと思いつつ歌ったドライバーの俺だったりしますwwwそれではゆっくりしていってください。この動画を見たデザイナーさんには勇気を、クライアントさんには自分を振り返ってもらえるように願いつつ。マイリス:mylist/6536721 [2009/9/19追記]1000再生ありがとうございます!自身の歌ってみた初の1000再生です。それとコメの多かった画質のことですが、たぶんその当時動画の変換にフリーソフトを使っていたからそれで設定をミスったんだと思います。ご迷惑をおかけしました。
エミネムさんがWebデザイナーになる為の基礎知識を教えてくれるそうです
これ見てWebデザイナーを始めました。
普段はボカロ曲とか作ってます mylist/47923841
Adobe Flash Professional CS6使い方講座(フラッシュCS6)中巻 3章「アセットの読み込み」【動学.tvオンラインスクール】
動学.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
【102】「WEBデザイン」歌ってみた。(by三時のオメマユ)
エコーを控えめにするとなんか物足りないですが
いつものエコーレベルだとあんまり響くので半分くらいにしてます。
歌にセリフがあるのって珍しかったのとネガティブ思考に共感するものがあったので
今回歌わせていただきました。
本家動画様>sm4419503
最良のニコニコを作るために!
誹謗中傷、荒らしダメ!ぜったい!
思いやりのある、良識のあるコメントを心がけよう。
うp主が歌ったリスト>mylist/3032145
うp主が編集したリスト>mylist/4621983
うp主のマイリス>mylist/1500105
Adobe Dreamweaver CS6使い方講座 下巻 第1章 CSSの基本【動学.tv】
動学.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
あかねちゃんデザイン講座 part2 誰のためにデザインするん?
あかねちゃんデザイン講座 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
Fireworks使い方講座(ファイヤーワークスCS5)ワイヤーフレームの作成【動学.tv】
【動学.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
Adobe Dreamweaver CS5.5 使い方講座HTML5 CSS3サイト作成編第1章サイトの定義【動学.tv】
動学.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
Adobe Fireworks CS6使い方講座 1章「Fireworksの基本操作」【動学.tv】
動学.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
Adobe Flash使い方講座フラッシュプロフェッショナルCS3「シンボルとインスタンス」【動学.tvオンラインスクール】
【動学.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
Adobe Dreamweaver CS6使い方講座 上巻第5章リンクの設定【動学.tv】
動学.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
【描いて歌ってみた】WEBデザイン
KAITOオリジナル曲『WEBデザイン』をどこかの方言入り交えつつ二人で歌ってみました。 本家:sm4419503 歌詞元:fyopueさま(PIAPRO) 「これ歌って」「じゃあ台詞入れて」「絵描いて」「編集して」「もっと描いて」「提供つけて」・・・互いに押し付けあった結果がこれだよ!
CSS基礎講座 第1章CSSの概要【アテイン株式会社】
Webブラウザで表示されるものは全てHTMLで構成されていますがデザインやレイアウトはCSSで行います。
HTMLは文書作成に特化させCSSはデザインやレイアウトを担当し構成します。
また、CSSを利用すると、HTML文書は同じでも使用するメディアによってデザインやレイアウトを変えることもできます。
------------------
本教材に関する問い合わせ:アテイン株式会社 Tel.03-3255-4721
ウェブデザイン技能検定 対策講座 2級 課題1-画像ファイルの作成【アテイン】
誰でもわかるウェブデザイン技能検定 対策講座 2級 より「課題1 画像ファイルの作成」のサンプル映像をお届けします
「ウェブデザイン技能検定」は、その技能を一定の基準により検定する国家試験です。
これは、ウェブデザイナーの技能に対する社会一般の、
評価と地位の向上を図るもので、
職業能力開発促進法に基づいて実施されています。
アテインはウェブデザイン技能検定を実施している
厚生労働大臣指定試験機関 特定非営利活動法人
インターネットスキル認定普及協会の賛助会員です。
このビデオではあらかじめ用意された素材を利用して、
問題文に示された通りのWebページを規定の時間内にデザインするなど、
「ウェブデザイン技能検定実技試験2級」の解答作業を
実際に出題された過去問題を元にご紹介していきます。
合格者続々!好評を得ている教材です
詳細はこちら
ご購入はこちらから
【課題について】
課題1-画像ファイルの作成
課題2-バナー作成-
課題3-HTMLとSSの作成-
課題4-タグの記述-
課題5-フォームの設定方法-
✜✜✜
【企業・各種学校向け】
動学.tvの数百講座(ソフトウェア使い方、システム開発、ビジネス関連など)を提供可能です。
モバイル対応LMSでの提供も可能です。
http://dougaku.tv/html/corp/contents-title.html
撮影収録、映像制作(eラーニング教材含む)、スタジオレンタル、
メディア変換、CD/DVD/Blu-rayオーサリングプレス承ります。
http://www.attainj.co.jp/production/index.html
✜✜✜
アテイン株式会社 http://www.attainj.co.jp/
ウェブデザイン技能検定 対策講座 3級 課題1 フォルダ構造の作成【アテイン】
誰でもわかるウェブデザイン技能検定 対策講座 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
撮影収録、映像制作(eラーニング教材含む)、スタジオレンタル、
メディア変換、CD/DVD/Blu-rayオーサリングプレス承ります。
http://www.attainj.co.jp/production/index.html
✜✜✜
アテイン株式会社 http://www.attainj.co.jp/
Dreamweaver CC 使い方講座 下巻 第1章 レスポンシブWEBデザイン【動学.tv】
動学.tvより、誰でもわかるAdobe Dreamweaver CC 下巻 第1章「レスポンシブWEBデザイン」のサンプル映像をお届けします。
誰でもわかる Adobe Dreamweaver CC 下巻では、多様なデバイスで閲覧される今日のWebページ作りに対応する、レスポンシブWebページの作成方法を学びます。Dreamweaverの可変グリッドレイアウトやCSSデザイナーを使った効率的なページ制作の方法を学びます。
誰でもわかるAdobe Dreamweaver CC 下巻(約62分)
第1章 レスポンシブWebデザイン
・レスポンシブWebデザインの概要
・可変グリッドレイアウトの作成
第2章 構造の定義とデザインビューでの操作
・要素の挿入
・可変グリッドレイアウトの編集
・リストによるメニューの作成
第3章 CSS
・メディアクエリーとは
・メディアクエリーの追加
・CSSデザイナーを使用したスタイルの編集
・角丸ボタンの作成
第4章 サイトの公開
・アップロード
・クローク
・バリデート
月額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
HTML5講座 上巻 第4章HTML 5で登場した新しい要素【動学.tv】
動学.tvより、HTML5講座 上巻 第4章 HTML 5で登場した新しい要素のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。上巻では「HTML5の基礎知識」として、HTML5の特徴について解説します。
HTML5 上巻(約70分)
1.HTMLとは?
Webページが表示される仕組み
HTMLの基本
HTMLとCSS
2.従来のHTML
HTMLの変遷
文書型
3.HTML5とは?
セマンティックなマークアップ
廃止された要素
定義が変更された要素
記述ルールについて
4.HTML5で登場した新しい要素
HTML5の新しい要素(セマンティック編)
HTML5の新しい要素(その他)
5.カテゴリーとコンテンツモデル
7つのカテゴリー
コンテンツモデル
セクショニング・ルート
ナレーター 毛利涼子
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
Adobe Dreamweaver使い方講座アドビ ドリームウィーバーCS3「テンプレート機能」【動学.tvオンラインスクール】
【動学.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
HTML4.0講座ホームページ制作に必要なもの【動学.tvオンラインスクール】
【動学.tvより】2003年6月制作HTML4.01【HTML講座】のデモムービーがご覧いただけます。
(※最新のバージョンと操作や機能が異なる場合があります。
最新のセオリーには沿っていない、推奨されない作成方法も中にはありますが、
方法の一つとして閲覧ください。
web基準、htmlの仕様についてはW3Cの勧告をご確認ください)
第1章 HTMLについて
・HTMLとは?
・HTMLの基本要素
・HTMLの基礎構造(ツリー構造と親属性)
第2章 HTMLとブラウザ
・ホームページ制作に必要なもの
・HTMLファイルの作り方
・HTMLのカラー指定
・HTMLにおける長さの単位
・絶対URLと相対URL
第3章 HTML作成の基本
・HTMLのバージョンを指定する
・文書の構造を定義する
・文書にタイトルをつける
・基準のURLを指定する
・検索エンジンに登録する
・初期情報を設定する
・特定の範囲を指定する
・サンプル作成
第4章 リファレンス
【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
Adobe GoLive使い方講座 ゴーライブ5.0上巻 第1章 GoLive5.0の基本操作【動学.tvアーカイブ】
アテイン(株)で過去に販売した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
HTML基礎 第1章 WEBの概要
Webブラウザで表示されるものは全てHTMLで構成されていて、HTMLで書かれたプログラムをWebブラウザが解析し表示するという仕組みになっています。HTMLを理解するとホームページを作成するだけでなくJavaやPHPやJavaScriptなどの他言語と連携しWebアプリケーションにも対応できるようになれます。
「誰でもわかる HTML基礎」講座では、HTMLの基本文法を習得することができます。その結果、HTMLを読めるようになり、HTMLの文法に沿ったプログラムを組めるようになります。そして、オンライン・ショッピングなどのWebアプリケーションの動作概要が理解できるようになり、Webアプリケーション開発に挑戦できるだけの知識を得られるようになります。
講師■IT研究所 荒川栄一郎
講座紹介ページ
http://dougaku.tv/contents/IT_4810/c_index.html
------------------
本教材に関する問い合わせ:アテイン株式会社 Tel.03-3255-4721
Dreamweaver CC 使い方講座 中巻 第3章CSSの基本【動学.tv】
動学.tvより、誰でもわかるAdobe Dreamweaver CC 中巻 第3章「CSSの基本」のサンプル映像をお届けします。
誰でもわかる Adobe Dreamweaver CC 中巻では、コードビューを用いたHTMLの効率的な編集について学びます。後半ではWebページのビジュアルをデザインするために不可欠なCSSの作成方法を、Dreamweaverの各種の機能を用いてご説明します。
誰でもわかるAdobe Dreamweaver CC 中巻(約51分)
第1章 コードビューを使った編集
・HTMLの要素と属性
・コードヒント
・タグの挿入と編集
第2章 要素のグループ化
・div要素の挿入
・id属性の設定
第3章 CSSの基本
・CSSとは
・ボックスモデルの概要
第4章 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
HTML5講座 中巻 第2章 head内の記述【動学.tv】
動学.tvより、HTML5講座 中巻 第2章 head内の記述のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。中巻では「HTML5によるセマンティックなマークアップ」として、XHTMLでコーディングしたサイトと比較しながら、HTML5でのマークアップについて解説します。
HTML5 中巻(約61分)
1.文書型の宣言とルート要素
文書型宣言
ルート要素
2.head内の記述
エンコードの指定
スタイルシートとJavaScriptの指定
3.セマンティックなマークアップ
header要素
footer要素
nav要素
article要素
section要素
見出し要素の扱い方
aside要素
div要素の使い方
figure要素とfigurecaption要素
4.文書構造の確認
文書の構造化
HTML5 Outliner
ナレーター 毛利涼子
月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/
アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD
Adobe Dreamweaver使い方講座アドビ ドリームウィーバー CS3「ローカルサイトの作成」【動学.tvオンラインスクール】
【動学.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
Adobe Fireworks使い方講座アドビ ファイアーワークスCS3「ビットマップイメージの調整」【動学.tvオンラインスクール】
【動学.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
Dreamweaver使い方講座ドリームウィーバー8「CSS(カスケーディング・スタイルシート)」【動学.tvオンラインスクール】
【動学.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
Flash使い方(フラッシュCS3講座)オブジェクトの編集【動学.tvオンラインスクール】
【動学.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
Adobe Flash Professional CS6使い方講座(フラッシュCS6)下巻 1章「モーションプリセット」【動学.tv】
動学.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