Dreamweaver CC 2015の使い方・基本トレーニング
レスポンシブWebサイトを視覚的にデザイン・開発
Dreamweaver CC 2015の使い方・基本トレーニング
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の基礎知識」の学習内容と同等のスキルがある方の受講をお勧めいたします。
受講のメリット
- 少人数制クラスによる、ハンズオンセミナーなので、大人数で受講するよりもより理解度を深めることができます。
- 教材費も込みでお得です。
- 講師は、Adobe 認定エキスパート。より詳しい技術の習得が可能です。
期待される効果
- Dreamweaverを利用したWebサイト制作ができるようになります。
- HTML・XHTMLなどの簡単なタグから、Webサイトを作成する手順や準備について理解できます。
教材
主教材:オリジナルテキスト
※主教材の代金は受講料に含まれております。
持ち物
- 受講票
- 筆記用具
※データの持ち帰りはできません
使用アプリケーション
- Adobe Dreamweaver CC 2015
- Adobe Photoshop CC 2015
使用端末
Macintosh(MacPro 2.66GHz Quad-Core Intel Xeon 4GBメモリ・600GBHD)
カリキュラム
はじめに
- 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ビデオ
- ビデオの挿入
アップロード
- サイト定義の作成(サーバー)
- 動作確認(リンクチェック)
他
講師
伊藤 和博
株式会社イマジカデジタルスケープ トレーニングチームディレクター
講師歴20年。講座開発数100以上。 総合商社のスクールでMac/Winを使ったDTP/Webトレーニングスクールの業務全般を担当。 大手PCメーカー、プリンターメーカー、化粧品メーカー、大手印刷会社、大手広告代理店、新聞社、大手玩具メーカー、大学、官公庁、団体などに向けたトレーニングなど幅広い企業の人材育成に携わる。 現在は、イマジカデジタルスケープにてAdobeCCを中心としたトレーニングの企画、講師を務める。Adobe認定エキスパート、JAGAT認定DTPエキスパート、アップルコンピュータ認定技術者、CIW JavaScript Specialist、CIW Web Design Specialist。
受講者へのメッセージ
Dreamweaverは、業界最先端のWebサイト・Webアプリケーションを効率的にデザイン・開発・管理できるアプリケーションです。CC2015ではビジュアルメディアクエリーを搭載し、スマートフォンサイトとPCサイトを同時にデザインしながらサイトを作成することがより簡単にできるようになりましたので、Webデザイナー、Webデベロッパー、ビジュアルデザイナーの方にとって理想的なアプリケーションといえます。このトレーニングでは、これからDreamweaverを使ってWebサイトを作る方を対象に、サイト作成の準備からサイトの制作手順、アップロードまでをトレーニングします。レスポンシブWebデザインはもちろん、CSS3.0のトランジション、Emmetによるソース入力補助機能、phpを使ったフォーム、jQuery、HTML5ビデオなどを作成しながらWebサイトを作成していきます。CC2015の新機能を活用し、より効率的なWebサイト作成を習得してください。
オススメする対象者
- 「HTML/XHTML/CSSの基礎知識」を受講済みの方、または同等のスキルがある方
- レタッチを専門で行っている方で、画像の色や、チャンネル、補正の順番、仕組みを理解したい方
- PCサイトに加え、スマートフォン等での表示に対応するレスポンシブWebデザインを行いたい方
お申込み
この講座は、株式会社イマジカデジタルスケープが実施します。
お申込みや詳細の確認は下記URLから行って下さい。
http://training.dsp.co.jp/shopdetail/000000000171/