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

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

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

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

 
 
1 11月・12月・日曜開講のお知らせ
 

お客様index

企業・自治体のお客様に 業務効率化、コスト削減に
クリ博登録者・学生の方に 割引トレーニングはコチラ


イトウ先生のTipsnote


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

Web > 【近日開催予定】 Dreamweaver CC の使い方・基本トレーニング |価格:12,960円より|

DreamweaverCS6

 

Dreamweaver CC 2015の使い方・基本トレーニングはこちら

 

講座概要

このトレーニングは、初めてDreamweaverCCの使い方を覚えるための基本トレーニングで、HTML4及びHTML5、CSS2及びCSS3を使ったWebサイト制作を学習するトレーニングです。PhotoshopやFlashで作成したデータを素材に、Webサイトを作成する一連のプロセスを学習いたします。トレーニング中は、特にHTMLやCSSを意識せずにページ制作を行いますので、HTMLやCSS等のソースに不慣れな方でも問題ありません。
Webサイト作成の手順と準備を理解し、ページを構成するために使用する主要なタグの習得、CSSの作成と適用、AI・PSデータの活用、FLムービーの挿入、リンクの設定、jQuery UIの使用、アクセシビリティの設定、テーブルの基本、フォーム、各種書式の設定、スタイルシート、ページレイアウト、アップロードと、一通りWebサイト作成に必要な手順と機能をご紹介いたします。

期待される効果

  • Dreamweaverを利用したWebサイト制作ができるようになります。
  • HTML4・HTML5で使用する主要なタグの理解から、CSS2・CSS3によるレイアウト、Webサイトを作成する手順や準備について理解できます。

受講対象者

  • Macintoshの基本操作が出来る方
  • Photoshopの役割を理解している方

業種・職種

●全般

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アプリケーションを効率的にデザイン・開発・管理できるアプリケーションです。Webデザイナー、Webデベロッパー、ビジュアルデザイナーの方にとって理想的なアプリケーションといえます。このトレーニングでは、これからDreamweaverを使ってWebサイトを作る方を対象に、サイトの準備から基本的なサイトの制作手順、アップロードまでをトレーニングします。PSやFLムービーをサイト上で活用し、HTML5やCSS3、jQuery、CCでの新機能の活用により、より効率的な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 CS6とAdobe CCについて
  • Adobe Dreamweaver CCの特徴
  • 作業の基本手順
  • 必要システム構成
インターフェイス
  • パネルとドッグの操作
  • ワークスペース
サイトの作成
  • 完成イメージをブラウザで開く
  • サイト作成の準備
  • ローカルサイトフォルダーの作成
  • トップページの作成
  • ドキュメントタイプを変更する
  • タイトルの設定
  • リンク先ページの作成
  • 保存
HTML4及びHTML5とXHTML、CSS
  • HTMLとXHTML
  • HTML4.01とHTML5
  • CSS
  • CSS2.1とCSS3.0
  • CSSの解除と追加、流用について
  • id、クラス、タグ、複合
テキスト
  • テキスト編集
  • リスト
  • 検索と置換
リンク
  • 画像へのリンク
  • テキストへのリンク
  • メールリンク
  • リンク先ページの作成
  • ターゲット
  • ブラウザウインドウ
画像とアニメの挿入
  • Photoshopの画像
  • Flash SWF
  • SVG
  • プライマリアプリケーションの設定
jQuery UI(CC)
テーブル
  • テーブルの基本操作
  • タブ切りテキストの一括挿入
  • テーブルを使ったフォーム
CSSトランジション(CS6)
  • CSSトランジションの作成
アップロード
  • サイト定義の作成
  • 動作確認(リンクチェック)

テキスト

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

持ち物

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

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

使用アプリケーション

  • Adobe Dreamweaver CC
  • Adobe Photoshop CC

使用端末

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

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


     

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

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

価格
円(税込)
数量

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

選択
25,920円:一般在庫あり
12,960円:学割(大学生・大学院生(要学生証))在庫あり

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

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

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

 

ご注文手続きへ

★☆受講者の声☆★

  氏名 : 評点 :
内容 :
[書き込み]

 
 
氏名内容評点日付
 
M.MHTMLは会社のサイトを見ながら説明して頂きとても分かりやす...2016/07/19
 
I.Aとてもわかりやすく、理解しやすかった2015/12/07
 
M.T1日でDreamweaverの挙動や特徴、よく使うであろうメニュー...2015/12/07
 
M.A情熱的に一生懸命に教えてくださり助かりました。2015/10/19
 
K.M1日という時間の制約がある中では充分な内容だと感じました...2015/09/10
 
G.H今まで使ってみようと試みたが挫折をしてしまい、Dreeamweav...2015/08/13
 
H.SDreamweaverCC基本を学ぶ事が出来た。2015/07/23
 
S.S今まで手探りで使っていたDWの基本的な使用方法が 改めて勉...2015/01/28
 
N.A実際サイト作りをしながら学ぶことができたので、DWで出来る...2015/01/28
 
H.KDWの使い方をよくわからずに使っていたので、基本的なところ...2014/11/28
 
S.Rじっくりとお話を聞かせていただけたので、今後どのように学...2014/10/15
 
T.K盛りだくさんの内容で、少し急ぎ足に感じましたが、基本以上...2014/06/20
 
T.MCS5から変わってしまってわからなくなっていたところが、だ...2014/06/20
 
N.Kまだ使い始めたばかりなので、どのような機能があるのかを知...2014/06/20
 
F.M一つ一つの質問に細かく丁寧に答えてもらったので、十分理解...2014/05/22
 
  page / 2 [次]

| カテゴリ | | Web | DTP・デザイン | CG・動画・映像 | キャリア・就活 |
| お客様 Index | | 企業・自治体のお客様に | 学生の方に |
| 目的別・状況別 Index | | Webデザイン入門セミナー | 映像編集入門セミナー | DTPデザイン入門セミナー | 魅力的なポートフォリオ作成 |
| Adobe CCを覚えたい方に | | Photoshop CC 2015の使い方・基本 | Illustrator CC 2015使い方・基本 |
| 画像をきれいに編集する方法 | 読みやすい文字の組み方 |
| HTML / XHTML / CSSの基礎知識 | HTML5 / CSS3の基礎知識 | JavaScriptの基礎知識 | jQuary・jQueryMobileの基礎知識 |
| Dreamweaver CC 2015の使い方・基本 | InDesign CCの使い方・基本 |
| AfterEffects CCの使い方・基本 | AfterEffects CC 2014の使い方・実践 |
| Premiere Pro CC 2014の使い方・基本 |
| Webの基本をマスターしている方 | | 棚橋弘季氏の直伝、ユーザー中心のWebサイト設計 | 益子貴寛氏が伝授するCSS実践テクニック |
| 矢野りんさんに学ぶ、”使える”デザイン基礎知識 | こもり氏のHTML+CSS基礎 | 平塚氏のマーケティング基礎 |
| 坂本氏のIA入門 | Webに関わるすべての人の「Webリテラシー」講座 | 神森勉氏に学ぶコーディング講座 |
| 森川眞行氏に学ぶ、大規模サイトの構築・運用マネジメント |
| 就職・転職・就活中の方へ | | 模擬面接セミナー(個別FB付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |