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

掲載日:2018年1月30日

※本セミナーは、JAGATと業務提携している㈱イマジカデジタルスケープで実施されます。
セミナー会場は㈱イマジカデジタルスケープ(東京都渋谷区)です。

DWCC2015_main610

 

概要

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の基礎知識」の学習内容と同等のスキルがある方の受講をお勧めいたします。

開催日時

2019年4月24日(水)10:00~17:00

受講対象者

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

カリキュラム

はじめに
・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ビデオ
・ビデオの挿入

アップロード
・サイト定義の作成(サーバー)
・動作確認(リンクチェック)

期待される効果

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

講師

伊藤 和博

株式会社イマジカデジタルスケープ
トレーニングチームディレクター講師歴15年。講座開発数100以上。
総合商社のスクールでMac/Winを使ったDTP/Webトレーニングスクールの業務全般を担当。大手PCメーカー、プリンターメーカー、化粧品メー カー、大手印刷会社、大手広告代理店、新聞社、大手玩具メーカー、大学、官公庁、団体などに向けたトレーニングなど幅広い企業の人材育成に携わる。現在 は、イマジカデジタルスケープにてAdobeCSを中心としたトレーニングの企画、講師。

 

受講者へのメッセージ

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

テキスト

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

持ち物

●受講票
●筆記用具

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

使用アプリケーション

・Adobe Dreamweaver CC 2015
・Adobe Photoshop CC 2015

使用端末

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

定員

3名

会場

㈱イマジカデジタルスケープ
〒150-0043
東京都渋谷区道玄坂1-10-8 渋谷道玄坂東急ビル8F
総合受付/登録受付/トレーニングルーム
TEL 03-5459-6200(代) FAX 03-5459-6209

(JR「渋谷」駅西口より徒歩5分、国道246号沿い)   地図はこちら

参加費(消費税込)

JAGAT会員 23,300円 / 一般 25,920円

お申込み


お申込書に必要事項をご記入のうえ、
03-3384-3216
までFAXにてお送りください。

参加費振込先
参加費は、下記口座に開催日の2日前までに振り込み願います。
なお、お申し込み後の取り消しはお受けできません。代理の方のご出席をお願いします。

口座名:シャ)ニホンインサツギジュツキョウカイ
口座番号:みずほ銀行中野支店(普)202430

内容に関して問い合わせ先
内容に関するお問い合わせはお気軽に下記までお寄せください。
CS部 セミナー担当 電話:03-3384-3411

お申し込み及びお支払に関して
管理部(販売管理担当)   電話:03-5385-7185(直通)

公益社団法人 日本印刷技術協会