Top Design 基礎から学んでクリエイターを目指そう Dreamweaver CC 2015
PRO COURSE

基礎から学んでクリエイターを目指そう Dreamweaver CC 2015

Webデザインを学ぶなら覚えておきたい、Dreamweaverの使い方の基本を学べます。 演習ファイル付きで、実際に制作をしながら進めていきます。

Dreamweaver CCを使いこなそう!

Adobe社の提供するすべてのクリエイティブアプリケーションを、年間単位で契約し利用できるのがCreative Cloud (CC)です。

このコースでは、Dreamweaver CC 2015年版に対応した使い方を初心者の方へ向けて解説します。
Webページ作成の基礎からDreamweaver CC 2015の便利な機能まで、Dreamweaverの操作を一通り学ぶことができます。


Dreamweaver CCのオンライン講座のサンプル画像


まずはWebサイト制作で始めに行うなう操作や、基本的なマークアップの方法、画像・リンクの設定方法について理解します。

そのあと、コードビューを用いたHTMLの効率的な編集へと進みます。
CSSの作成方法を、Dreamweaverの各種の機能を使用しながら学んでいきます。

そして多様なデバイスで閲覧できる、レスポンシブWebページの作成へ進みます。

動画内と同じファイルが演習ファイルとして付属しているので、それらを使って実際にご自身で制作をしながら、最後はサイトの公開操作まで行ないます。

演習ファイルは各セクション毎に付属。分からないところやつまずいたところは、あとでじっくり復習することもできます。

さらに、CC特別編として普段からコードをよく使う人向けに、レスポンシブ対応のコンポーネントBootstrapについてと、HTMLやCSSなどを高速に展開することができるEmmetについての解説も収録しています。

初めてDreamweaverに触れる方から以前のバージョンを利用していた方、すでにWebデザインに携わっている方まで幅広く対応した内容です。


※このコースはAdobe CCの解説映像を基本として、2015年用にリメイクをしています。
基本的に映像と音声はAdobe CCが基本となっているので、画面の見た目や操作による挙動はAdobe CC 2015と多少異なる場合があります。

※操作が大きく異なるシーンにおいては、新しく撮影したAdobe CC 2015の画面映像と差し替えています。そのため視聴中に突然Adobe CC 2015の映像に切り替わり、雰囲気が変わるシーンがございます。
また、画面を差し替えるまでもないような事柄は、テロップ表示で対応しています。

※学習にあたってはAdobe CC 2015を使用して進めていただけますし、ストーリーの進行には支障がないようにしておりますので、これらの点にご理解いただければ幸いです。

こんな方にオススメ

  • Photoshopなどと合わせて、クリエイティブソフトの使い方を総合的に学びたい
  • WebデザイナーやWeb関連の仕事を目指している
  • 会社でCreative Cloudを導入しており、使いこなしたい
  • Dreamweaver CC 2015の新しいインターフェイスに慣れたい
  • 以前のバージョンのDreamweaverを使用していたが、2015年版の新機能に興味がある
  • Dreamweaver CC 2015の機能を活用して、現在の作業時間を短縮したい
  • レスポンスWebデザインをすでに実務で行っており、Dreamweaver CC 2015を取り入れたいと考えている
  • CSSデザイナーパネルを、状況に合わせて便利に使いこなしたい
  • コーディングには自信がないけれど、ツールで何とか補いながら制作をしたい
  • CSSの基礎を身に付けておきたい

Webページ制作の基礎知識とサンプルファイルを使用した解説を中心に構成しているので、初心者の方も分かりやすく学んでいただけます。
さらに操作説明だけに留まらず、テキストからのマークアップ、レスポンシブWebデザインの実装まで、ご自身でも行なうことができるので、Dreamweaverの基本的な使い方はこのコース1本で一通り習得できます!

コーディングの知識はないけど、Web制作に興味がある方へぜひ始めていただきたいコースです!

About the Instructor

Attain Corp.
e-learning provider

様々なオンライン講座の企画制作を15年以上担当し、累計1000を超えるコンテンツの制作や販売をする日本最大級のオンライン講座提供会社。主にIT、開発、ソフトウェア、ビジネス知識、日本語や英語の語学学習などの動画教材に関わる。自社スタジオと編集環境があり、シナリオ・ナレーション・映像収録・編集まで全ての工程を自社完結させ、高いクオリティで安定したコンテンツを提供。専門家の監修体制にも注力し、ソフトウェアの講座では、AdobeTVの日本語版制作を担当する高い実績もある。

See more

Course content

Total 3 hours 29 minutes
Preview You can preview lectures with this label
Dreamweaverの基本操作
1 Dreamweaverの基本操作 演習ファイル 1分00秒
2 Dreamweaverのインターフェイス 14分45秒
3 サイトの定義 6分14秒
4 ドキュメントの新規作成 14分20秒
5 画像の挿入 14分55秒
6 リンクの設定 Preview 5分49秒
HTMLの効率的な編集
7 HTMLの効率的な編集 演習ファイル 1分00秒
8 コードビューを使った編集 11分15秒
9 要素のグループ化 8分09秒
10 CSSの基本 Preview 8分20秒
11 CSSの設定 24分16秒
レスポンシブWebページの作成
12 レスポンシブWebページ 演習ファイル 1分00秒
13 レスポンシブWebデザイン Preview 13分42秒
14 構造の定義とデザインビューでの操作 19分31秒
15 CSS 22分44秒
16 サイトの公開 6分57秒
Dreamweaver CC 特別編
17 Dreamweaver CC 特別編 演習ファイル 1分00秒
18 CSSフレームワーク Bootstrap 8分09秒
19 Emme(エメット)でコーディングを素早く 26分15秒

Ratings and reviews

5.0
1 reviews
5 stars
100%
4 stars
0%
3 stars
0%
2 stars
0%
1 stars
0%

Related Courses