未経験から始める Dreamweaver CS6

はじめてDreamweaverをさわる人も安心!!

ウェブデザイナー必須のソフトである、Adobe Dreamweaver CS6の使い方の基本を解説します。

初心者の方を対象にまずはサイト定義の手順から始め、HTMLの編集方法、画像の挿入方法やリンク設定などの基礎を学んだあと、実際にCSSを用いたレイアウト操作へと、徐々にレベルを上げて進めていきます。

画面構成などの初歩操作から解説しますので、Dreamweaverに初めて触れる人から、前バージョンのDreamweaverを使用している方まで幅広く学んでいただけます。

また、動画内で使用するものと同じファイルが演習ファイルとして付属しているので、それらを使って実際にご自身で制作を行ないながら進めていただけます。
さらに動画のスクリーンショットとナレーション文章をテキスト化した副読本PDFファイルも付属。 ダウンロード可能なので、ぜひ復習にご活用ください。

このコースで得られるもの

Dreamweaverとは？

Dreamweaver CS6とはどのようなソフトウェアなのか、基本概念と機能の概要、エディターとしての便利な機能を紹介します。

サイトの定義

Dreamweaver CS6でサイトの定義を行ない、リモートサーバーの設定を行なう方法を解説します。
サイトの定義をすることでWebサイトの制作を始めることができるので、しっかり覚えましょう。

HTMLの編集

HTMLドキュメントの新規作成と保存、テキストの入力、段落と開業、プロパティインスペクタによるHTMLマークアップ設定、コードビューで直接コードを入力する方法、特殊文字の入力方法などを学びます。

画像の挿入

画像の挿入、代替テキストの設定、Photoshopネイティブ画像の配置と最適化、HTML5でのビデオコンテンツの挿入方法などについて学びます。

リンクの設定

リンクの設定方法、絶対パスと相対パス、リンクターゲットの属性指定について解説します。

CSSの基本

ここからCSSを使ったレイアウトを作っていきます。
まずはCSSの基本事項として、その基本書式やセレクタ、ボックスモデルの概念について知っていきましょう。

CSSを用いたレイアウト作業

レイアウト作業を行なうための基本知識として、Divタグの挿入、CSSスタイルのドキュメントへの埋め込み、外部スタイルシートの利用、ボックスのルール記述についてレクチャーします。

機能を用いたCSSの編集

Dreamweaverの機能を使用したCSSの編集方法として、コートナビゲーターとCSSの有効化/無効化、CSSインスペクト、複数クラスの適用、CSSトランジションになどについて学びます。

ファイルのアップロード

サーバーへファイルをアップロードする際に使用するクロークの設定およびサイトの定義についてや、実際にアップロードを行なうための手順を解説します。

こんな方にオススメ

• Webデザイナーを目指している
• Web制作業務の新人教育教材や実務の補助教材を探している
• デザインだけではなく、CSSの実用知識を身に付けておきたい
• CSSを状況に合わせて便利に使いこなしたい
• Dreamweaver CS6の機能を活用して、作業時間を短縮させたい
• PhotoshopやIllustratorと並行して、クリエイティヴソフトの操作を習得したい

基礎知識からアップロードまで、一連の流れがこのコースで学べるので、Deamweaverをこれから勉強したい方や一度挫折してしまった方、新しいバージョンの操作に慣れたい方まで、ぜひチャレンジしていただきたいコースです。