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

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

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

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

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

お客様index

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


イトウ先生のTipsnote


9/29(金) Dreamweaver CC 2015の使い方・基本トレーニング |価格:12,960円より|

アドビ一覧 > 9/29(金) Dreamweaver CC 2015の使い方・基本トレーニング |価格:12,960円より|

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。

開催日時

開催日 時間
2017年9月29日(金) 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の操作に不安のある方へ】



     

9/29(金) Dreamweaver CC 2015の使い方・基本トレーニング |価格:12,960円より|

9/29(金) Dreamweaver CC 2015の使い方・基本トレーニング |価格:12,960円より|

価格
円(税込)
数量

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

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

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

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

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

 

ご注文手続きへ

★☆受講者の声☆★

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

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

| カテゴリ | | 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付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |