Dreamweaver CC 2015の使い方・基本トレーニング・講座

イマジカデジタルスケープ 短期集中クリエイティブ講座

イマジカデジタルスケープ・AfterEffects・Photoshop・HTML・CSS・JavaScript・1日トレーニング

Web・動画・映像・ゲーム・DTP・CG・Adobe Creative Cloud・キャリア・就活に

【開催終了】 Dreamweaver CC 2015の使い方・基本トレーニング |価格:13,200円より|

アドビ一覧 > 【開催終了】 Dreamweaver CC 2015の使い方・基本トレーニング |価格:13,200円より|

DreamweaverCS6

講座概要

Dreamweaver CC 2015は、あらゆるブラウザーやデバイスに最適なWebサイトを構築できるアプリケーションで、HTMLやCSS、JavaScriptやjQueryなどのソースを入力すること無く、アプリケーションの操作感覚でWebサイトを構築していくことが可能なアプリケーションです。このトレーニングでは、自分の作品を紹介していくポートフォリオのサンプルサイトを作りながら、特にHTMLやCSSを意識せず、Dreamweaverの基本操作と、Webサイトが出来上がっていく一連のプロセスを学習していきます。また、このトレーニングでは、PCサイトに加え、スマートフォン、タブレットなどで見たときに自動的にレイアウトを変更していくレスポンシブWebデザインを考慮しながら、Webサイトを作成していきます。
Webサイト作成の手順と準備を理解し、CSSルールから各タグの挿入、画像や動画の挿入、リンク設定、アクセシビリティ、テーブルの基本、phpを使用したフォーム、各種書式の設定、スタイルシート、float及びflexによるレイアウト、アップロードと、一通りWebサイト作成に必要な手順と機能をご紹介いたします。
なお、このトレーニングは、HTMLやCSSに関する事前の知識を有している方のほうが、アプリケーションが行っていることの意味がよくわかるかと思いますので、「HTML/XHTML/CSSの基礎知識」のトレーニングを受講された後、またはこの「HTML/XHTML/CSSの基礎知識」の学習内容と同等のスキルがある方の受講をお勧めいたします。

期待される効果

  • Dreamweaverを利用したWebサイト制作ができるようになります。
  • ソースを入力することなく、HTML5やCSS3、jQuery、JavaScript、phpを活用したWebサイトを作成する方法が理解できます。

受講対象者

  • 「HTML/XHTML/CSSの基礎知識」を受講済みの方、または同等のスキルがある方
  • PCサイトに加え、スマートフォン等での表示に対応するレスポンシブWebデザインを行いたい方

業種・職種

●全般

Dreamweaverは、ご存じの通りWebページ・Webサイトを作成するアプリケーションです。

サイトを構成するのに必要なHTML・XHTML・CSS・JavaScript・jQueryなどのマークアップ言語に対応し、レイアウトソフトを使用する感覚でWebサイトを作成することが可能です。

ただし、やはり、Dreamweaverのみの使い方を覚えただけでは、Webサイトを作成するには残念ながら不十分といえるでしょう。HTML・XHTML・CSS・JavaScriptなどの言語をソースレベルで理解でき、これらを手入力する作業をDreamweaverで行うことで効率よくWebサイトを作成していけるようになった、という感覚がついて初めて、Dreamweaverの恩恵を受けることができるようになるかと思います。

また、Illustrator、Photoshop、Flash、AfterEffectsなどで作成したデータは、Webページの中の1つの素材として扱うことができます。これらで作成したデータは以下のように使用します。

  • Photoshop:イメージ(GIF・JPEG・PNG画像の作成)
  • Illustrator:イメージ(GIF・JPEG・PNG画像の作成・SVGデータの作成)
  • Flash:アニメーション(SWFアニメーション、HTML5 Canvasで使用するJavaScriptアニメーション)
  • AfterEffects:ビデオコンテンツ(MP4などのコンテンツを作成し、videoタグで使用する)

○ 他のホームページソフトとの違い

Webサイトを作成するにあたって、ホームページビルダー等、様々なアプリケーションがありますが、ホームページビルダーなどは、あらかじめ用意されたページの部品(ロゴやボタンなど)を並べて配置する操作でページを制作することが可能で、ホームページビルダーはどちらかというと入門・初心者向けといえるかと思います。

Dreamweaverは、ある程度ソースでページを編集できるということを前提として、HTML5やCSS3などのマークアップにも対応したソースの入力補助機能なども充実しているため、ホームページビルダーと比べると自由度の高い、どちらかと言えば中上級者向けのアプリケーションと言えるため、ソースを理解している方にとってみれば、Dreamweaverの方が、かえって使い勝手が良く感じるかと思います。

ただし、このトレーニングでは、ソースの入力はほとんど行いませんので、特にソースを理解した上で受講される必要はありません。

●Web業界

Dreamweaverを使いだす目的はいろいろあるかと思います。

  • 単に、Webサイトを作成したい。
  • 既存(アップロード済)のWebサイトのデータがあり、その編集を行いたい。
  • 他の同アプリケーションの機能では自由度が少ないため、Dreamweaverに切り替えたい

主にこういった理由で使いだすケースが多いのではないかと思います。

CMSを利用してページを作成している場合には、DreamweaverのようなアプリケーションでWebページを作成することも無いかもしれませんが、CMSなどのシステムだけで制作してしまうと、Webページは出来上がるものの、最終的にHTMLやCSSのことはよくわからない、という状態になるかと思います。

このトレーニングでは、ソースの入力はほとんど行いませんが、ページを作成しながら、HTMLやCSSのこと、CSSによるレイアウトのことなども合わせてご説明していきますので、Dreamweaverの操作に加えて以下のことも同時に習得していきます。

  • トレーニング中に使用するタグの意味・役割・使い方
  • CSSのセレクタ・プロパティ・値とその使い方
  • CSSのfloatによるレイアウト
  • ブラウザに応じたレイアウトの注意点
  • ビデオ・アニメの操作
  • HTML4.01・XHTML1.0・HTML5の違い
  • CSS3の追加セレクタ
  • phpを使用したフォームの作成

受講者へのメッセージ

Dreamweaverは、業界最先端のWebサイト・Webアプリケーションを効率的にデザイン・開発・管理できるアプリケーションです。CC2015ではビジュアルメディアクエリーを搭載し、スマートフォンサイトとPCサイトを同時にデザインしながらサイトを作成することがより簡単にできるようになりましたので、Webデザイナー、Webデベロッパー、ビジュアルデザイナーの方にとって理想的なアプリケーションといえます。このトレーニングでは、これからDreamweaverを使ってWebサイトを作る方を対象に、サイト作成の準備からサイトの制作手順、アップロードまでをトレーニングします。レスポンシブWebデザインはもちろん、CSS3.0のトランジション、Emmetによるソース入力補助機能、phpを使ったフォーム、jQuery、HTML5ビデオなどを作成しながらWebサイトを作成していきます。CC2015の新機能を活用し、より効率的なWebサイト作成を習得してください。

伊藤 和博

株式会社イマジカデジタルスケープ
トレーニンググループ・トレーニングディレクター

講師歴20年。講座開発数100以上。
総合商社のスクールでMac/Winを使ったDTP/Webトレーニングスクールの業務全般を担当。大手PCメーカー、プリンターメーカー、化粧品メーカー、大手印刷会社、大手広告代理店、新聞社、大手玩具メーカー、大学、官公庁、団体などに向けたト レーニングなど幅広い企業の人材育成に携わる。
現在は、イマジカデジタルスケープにてAdobeCCを中心としたトレーニングの企画、講師を務める。Adobe認定エキスパート、JAGAT認定DTP エキスパート、アップルコンピュータ認定技術者、CIW JavaScript Specialist、CIW Web Design Specialist。

開催日時

開催日 時間
【開催終了】 10:00〜17:00

会場

イマジカデジタルスケープ・トレーニングルーム
住所:東京都渋谷区道玄坂1-10-8 渋谷道玄坂東急ビル8F (JR「渋谷」駅西口より徒歩5分、国道246号沿い) [ MAP ]

カリキュラム

はじめに
  • Adobe Dreamweaver CC 2015の特徴
  • 作業の基本手順
  • 必要システム構成
インターフェイス
  • パネルとドッグの操作
  • ワークスペース
HTML4及びHTML5とXHTML、CSS
  • HTMLとXHTML
  • HTML4.01とHTML5
  • CSS2.1とCSS3.0
  • インラインCSS
  • 内部CSSと外部CSS
  • CSSの解除と追加、流用について
  • id、クラス、タグ、複合
サイトの作成
  • 完成イメージをブラウザで開く
  • サイト作成の準備
  • ローカルサイトフォルダーの作成
  • トップページの作成
  • ドキュメントタイプを変更する
  • タイトルの設定
  • divタグの挿入
  • 新規スタイルシートファイルの作成
  • リンク先ページの作成
  • 保存
ナビゲーションとレイアウト
  • リストを使ったメニュー
  • ClearFIX
  • Emmet(CC2015)
  • エレメントクイックビュー(CC2015)
レスポンシブWebデザイン
  • ビジュアルメディアクエリー(CC2015)
JavaScript
  • JavaScript
  • DOM(CC2015)
  • jQuery UI
テキスト
  • テキスト編集
  • リスト
  • 検索と置換
リンク
  • 画像へのリンク
  • テキストへのリンク
  • メールリンク
  • リンク先ページの作成
  • ターゲット
画像とアニメの挿入
  • Photoshopの画像
  • Flash SWF
  • SVG
  • プライマリアプリケーションの設定
テーブル
  • テーブルの基本操作
  • タブ切りテキストの一括挿入
フォーム
  • フォームの仕組みと設定
  • phpの設定
CSSトランジション
  • CSSトランジションの作成
HTML5ビデオ
  • ビデオの挿入
アップロード
  • サイト定義の作成(サーバー)
  • 動作確認(リンクチェック)

テキスト

オリジナルテキストを使用。受講料に含まれているのでお得です!

持ち物

  • 受講票(プリントアウト環境が無い場合には、携帯・スマートフォン等への画面コピーでも可)
  • 筆記用具

※データの持ち込み、データの持ち帰りはできません。

使用アプリケーション

  • Adobe Dreamweaver CC 2015
  • Adobe Photoshop CC 2015

使用端末

Macintosh(MacPro 2.66GHz Quad-Core Intel Xeon 4GBメモリ・600GBHD)

【Macintoshの操作に不安のある方へ】



     

【開催終了】 Dreamweaver CC 2015の使い方・基本トレーニング |価格:13,200円より|

【開催終了】 Dreamweaver CC 2015の使い方・基本トレーニング |価格:13,200円より|

価格
円(税込)
数量

▼ 下記商品リストからご希望の商品をお選びください。
受講種別

選択
26,400円:一般
13,200円:学割(大学生・大学院生(要学生証))

オンライン受講(ライブ配信)のトレーニングをお申込みの方で、iPadレンタル込みの商品を選択された方は、【iPad・往復配送料】【iPad・損害補償】も合わせてお申込みいただきます。

※学割(大学生・大学院生(要学生証))とは、満29歳までの大学生・大学院生・専門学校生の方をいいます。ご受講の際、年齢が確認できる身分証明証及び在学中であることが確認できる学生証が必要になります。

※当サイト内の会員登録とイマジカデジタルスケープ求人サイトへのご登録とは別の登録となります。会員登録につきましてはご利用案内をご確認ください。

⇒受講種別について
⇒お申し込みが開催日直前の土日祝祭日、年末年始の場合はこちら

 

ご注文手続きへ

★☆受講者の声☆★

  ニックネーム : 評点 :
内容 :
[書き込み]

 
 
ニックネーム内容評点日付
 
O・N目から鱗の新技術の詳細がわかって本当に良かった 2016/10/24

その他のオススメ講義

Webデザイン

11/18(木)〜19(金) HTML・XHTML・CSSの基礎知識(2日間・オンライン受講(ライブ配信)) |価格:19,800円より|

11/18(木)〜19(金) HTML・XHTML・CSSの基礎知識(2日間・オンライン受講(ライブ配信)) |価格:19,800円より|

39,600円(税込)

11/9(火)〜10(水) JavaScriptの基礎知識(2日間・オンライン受講(ライブ配信)) |価格:19,800円より|

11/9(火)〜10(水) JavaScriptの基礎知識(2日間・オンライン受講(ライブ配信)) |価格:19,800円より|

39,600円(税込)

11/12(金) Adobe XDの使い方・基本トレーニング(1日間・オンライン受講(ライブ配信)) |価格:13,200円より|

11/12(金) Adobe XDの使い方・基本トレーニング(1日間・オンライン受講(ライブ配信)) |価格:13,200円より|

26,400円(税込)

【次回オンライン開催】 HTML5・CSS3の基礎知識(PC・スマートフォン) |価格:13,200円より|

【次回オンライン開催】 HTML5・CSS3の基礎知識(PC・スマートフォン) |価格:13,200円より|

26,400円(税込)

【次回オンライン開催】 Adobe XDの使い方・基本トレーニング |価格:8,800円より|

【次回オンライン開催】 Adobe XDの使い方・基本トレーニング |価格:8,800円より|

17,600円(税込)

【次回オンライン開催】 JavaScriptの基礎知識 |価格:13,200円より|

【次回オンライン開催】 JavaScriptの基礎知識 |価格:13,200円より|

26,400円(税込)

【次回オンライン開催】 HTML・XHTML・CSSの基礎知識〜これからWebサイトを作る方へ! |価格:13,200円より|

【次回オンライン開催】 HTML・XHTML・CSSの基礎知識〜これからWebサイトを作る方へ! |価格:13,200円より|

26,400円(税込)

【近日開催予定】 情報セキュリティ入門 〜『情報セキュリティマネジメント試験』直前講座〜 |価格:10,000円より|

【近日開催予定】 情報セキュリティ入門 〜『情報セキュリティマネジメント試験』直前講座〜 |価格:10,000円より|

20,000円(税込)

【CC開催終了】 Dreamweaver CC の使い方・基本トレーニング |価格:12,960円より|

【CC開催終了】 Dreamweaver CC の使い方・基本トレーニング |価格:12,960円より|

25,920円(税込)

【CS6開催終了】 Flash Professional CS6 の使い方・基本トレーニング |価格:12,600円より|

【CS6開催終了】 Flash Professional CS6 の使い方・基本トレーニング |価格:12,600円より|

25,200円(税込)

【CS6開催終了】 Dreamweaver CS6 の使い方・基本トレーニング |価格:12,600円より|

【CS6開催終了】 Dreamweaver CS6 の使い方・基本トレーニング |価格:12,600円より|

25,200円(税込)

【CS5開催終了】 Dreamweaver CS5 の使い方・基本トレーニング

【CS5開催終了】 Dreamweaver CS5 の使い方・基本トレーニング

25,200円(税込)

【CS5開催終了】 Fireworks CS5 の使い方・基本トレーニング

【CS5開催終了】 Fireworks CS5 の使い方・基本トレーニング

12,600円(税込)

【CS5開催終了】 Flash Professional CS5 の使い方・基本トレーニング

【CS5開催終了】 Flash Professional CS5 の使い方・基本トレーニング

25,200円(税込)

【近日開催予定】 未経験から始めるPython入門 オンライン講座 〜限定10名!4時間×3回〜 |価格:15,000円より|

【近日開催予定】 未経験から始めるPython入門 オンライン講座 〜限定10名!4時間×3回〜 |価格:15,000円より|

25,000円(税込)

【近日開催予定】 WordPress入門講座 Vol.2 〜WordPressを使ったWebサイト運営にとっても大事なSEO/SEOを意識したコンテンツ(文章)作成方法〜(オンライン受講(2時間×4回)) |価格:10,000円より|

【近日開催予定】 WordPress入門講座 Vol.2 〜WordPressを使ったWebサイト運営にとっても大事なSEO/SEOを意識したコンテンツ(文章)作成方法〜(オンライン受講(2時間×4回)) |価格:10,000円より|

10,000円(税込)

【近日開催予定】 WordPress入門講座 Vol.1 〜WordPressを使ったWebサイト制作の基本が学べる〜(オンライン受講(2時間×4回)) |価格:10,000円より|

【近日開催予定】 WordPress入門講座 Vol.1 〜WordPressを使ったWebサイト制作の基本が学べる〜(オンライン受講(2時間×4回)) |価格:10,000円より|

10,000円(税込)

【近日開催予定】 Pythonによるデータサイエンス入門講座 |価格:54,000円より|

【近日開催予定】 Pythonによるデータサイエンス入門講座 |価格:54,000円より|

108,000円(税込)

【近日開催予定】 jQuery・jQueryMobileの基礎知識(PC・スマートフォン) |価格:13,200円より|

【近日開催予定】 jQuery・jQueryMobileの基礎知識(PC・スマートフォン) |価格:13,200円より|

26,400円(税込)

| カテゴリ | | Web | DTP・デザイン | CG・動画・映像 | キャリア・就活 |
| お客様 Index | | 企業・自治体のお客様に | 学生の方に |
| 目的別・状況別 Index | | Webデザイン入門セミナー | 映像編集入門セミナー | DTPデザイン入門セミナー | 魅力的なポートフォリオ作成 |
| Adobe CCを覚えたい方に | | Photoshop 2020の使い方・基本 | Illustrator 2020の使い方・基本 |
| Photoshop 2020の使い方・画像補正編 | 読みやすい文字の組み方 |
| HTML / XHTML / CSSの基礎知識 | HTML5 / CSS3の基礎知識 | JavaScriptの基礎知識 | jQuary・jQueryMobileの基礎知識 |
| Dreamweaver CC 2015の使い方・基本 | InDesign CCの使い方・基本 |
| AfterEffects 2020の使い方・基本 | AfterEffects 2020の使い方・実践1 |
| Premiere Pro 2020の使い方・基本 |
| 就職・転職・就活中の方へ | | 模擬面接セミナー(個別FB付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |