logo

「Adobe Dreamweaver CC 2015」使い方eラーニングを動学.tvに公開

このオンライン学習サイトの内訳はIT関連マイクロソフトOfficeなどのビジネスツールソフト導入から、DTP・WEB・CADコース、高度な映像処理ソフト、Java・C++などの開発言語やIT技術者の認定試験対策まで多岐にわたる。

人材派遣向けeラーニング運営、eラーニング制作のアテイン株式会社(本社:東京都千代田区、電話:03-3255-4721、代表:本多成人、資本金:1億1470万円)は、月額2,800円(税込)で様々な動画講座が視聴し放題のクラウドeラーニングサービス「動学.tv(リンク)」に、Dreamweaver CC 2015に対応した使い方動画講座(3巻プラス特別編の構成)を3月18日に公開します。

Adobeソフトウェアの「Adobe Creative Cloud」は、クリエイターから、趣味やビジネスにまで幅広く使われています。弊社ではCreative Cloudの中でも、WEBデザイナーに必須のDreamweaver CCの2015年リリース版に対応した使い方教材を「動学.tv」に動画講座として公開します。

3巻と特別編の構成(上中下巻の3巻と特別編を加えた構成)で計3時間25分という大ボリュームの動画講座です。Dreamweaver CC 2015の使い方を初心者の方を対象に解説しています。
上巻では、サイトの定義やドキュメントの新規作成といった、Webサイト制作で始めに行うことについて学習します。また、基本的なマークアップの方法や、画像、リンクの設定方法についても学習します。中巻では、コードビューを用いたHTMLの効率的な編集について学びます。後半ではWebページのビジュアルをデザインするために不可欠なCSSの作成方法を、Dreamweaverの各種の機能を用いて解説します。下巻では、多様なデバイスで閲覧される今日のWebページ作りに対応する、レスポンシブWebページの作成方法を学びます。Dreamweaverの可変グリッドレイアウトやCSSデザイナーを使った効率的なページ制作の方法を学びます。そして特別編は初心者向けではなく、普段からコードを良く使う人向けとなっております。オープンソースのCSSフレームワークのレスポンシブ対応のコンポーネントBootstrapについてと、独自の省略記法によってHTMLやCSSなどを高速に展開することができるEmmetについて解説しています。さらに、映像内と同じファイルが演習ファイルとして付属しているので、それらを使って実際のアプリケーションで復習を行うことが出来ます。

・内容
Adobe Dreamweaver CC 2015対応講座 上巻(約56分)
(Adobe Dreamweaver CC 2015使い方教材の上巻内容)
1.Dreamweaverのインターフェイス
 Dreamweaverのワークスペース
 ドキュメントウィンドウ
 ワークスペースの切り替えやカスタマイズ、保存
2.サイトの定義
 サイトの定義
 ファイルパネル
3.ドキュメントの新規作成
 新規ドキュメントの作成と保存
 テキストの入力
 マークアップ
 メタ情報の追加
4.画像の挿入
 画像の挿入
 ビデオの挿入
5.リンクの設定
 リンクの設定
Adobe Dreamweaver CC 2015対応講座 中巻(約52分)
(Adobe Dreamweaver CC 2015使い方教材の中巻内容)
1.コードビューを使った編集
 HTMLの要素と属性
 コードヒント
 タグの挿入と編集
2.要素のグループ化
 div要素の挿入
 id属性の設定
3.CSSの基本
 CSSとは
 ボックスモデルの概要
4.CSSの設定
 基本的な設定
 CSSトランジション
 CSSインスペクト
 コードナビゲーター
 Edge Webフォント
Adobe Dreamweaver CC 2015対応講座 下巻(約63分)
(Adobe Dreamweaver CC 2015使い方教材の下巻内容)
1.レスポンシブWebデザイン
 レスポンシブWebデザインの概要
 可変グリッドレイアウトの作成
2.構造の定義とデザインビューでの操作
 要素の挿入
 可変グリッドレイアウトの編集
 リストによるメニューの作成
3.CSS
 メディアクエリーとは
 メディアクエリーの追加
 CSSデザイナーを使用したスタイルの編集
 角丸ボタンの作成
4.サイトの公開
 アップロード
 サイトクローク
 バリデート

・Adobe Dreamweaver CC 2015対応講座 特別編(約34分)
1. CSSフレームワーク Bootstrap(ブートストラップ)
2. Emmet(エメット)でコーディングを素早く
 Emmet(エメット)とは
 1位から5位までの商品を紹介する記事を記述する
 CSSでの記述
 ショートハンドの記述

・下記URLでサンプル視聴できます。
リンク

・講座紹介ページ(公開予定日より閲覧可能予定)
リンク

※講座には演習ファイルが付属します。

※本教材動画の解像度は1280×720となっており、全体を把握し易く、細かい操作も見易くなっています。

※この教材はAdobe Dreamweaver CC教材映像を元にリメイクしたものです。

---------- 「動学.tv」特長 ----------
■月額2,800円(税込)で様々な動画講座が視聴し放題
■15年以上の実績を誇る「誰でもわかる」シリーズのノウハウを生かした効果的な学習
■インタラクティブ・コンテンツでは操作を実体験しながらの学習も可能
■クラウド型のオンデマンドストリーミング配信なので、時間、場所に束縛されない
■Word・Excel・CAD・DTP・DTM・映像編集・開発言語・WEBコースからTOEIC(R) TEST、ビジネスマナー・情報セキュリティ・決算知識・財務諸表読み方・クレーム対応・メンタルヘルスまで幅広い分野のコンテンツ
■ナレーターがテロップ入りで懇切丁寧に解説するので初心者でも安心
■自由にダウンロードできる復習に最適な演習ファイルを提供
■常に最新の情報を、最適な方法で提供
■講座数は約600
■1講座約60分前後なので600時間前後がインターネットで学び放題


このリリースに関するお問い合わせは下記まで
アテイン株式会社 広報 安藤亜樹
〒101-0041東京都千代田区神田須田町2-19-8酒井ビル
Tel.03-3255-4721 Fax .03-3255-5680 リンク
E-mail info@attainj.co.jp

このプレスリリースの付帯情報

教材画面

(画像をクリックすると拡大画像をご覧いただけます。)

本プレスリリースは発表元企業よりご投稿いただいた情報を掲載しております。
お問い合わせにつきましては発表元企業までお願いいたします。