Adobe Dreamweaver CS4: Fundamentals(アドビ ドリームウィーバーCS4)- Webサイト構築の基礎講座

Adobe Dreamweaver CS4: Fundamentals - Webサイト構築の基礎講座は、短期間でホームページ制作を習得したい方を対象に、Adobe Dreamweaver CS4(アドビ ドリームウィーバーCS4)の基礎からWebサイト構築までを習得できる基礎講座です。
3日間の短期集中トレーニングで、
- 画面構成の解説
- Webサイトを作成するためのワークフロー
- Webサイト構築の必須知識
- サイトのナビゲーション
- 表(table)の追加
- フォーム(form)の追加
- 動画ファイル(Flashビデオ)の追加
- Webサイトのアップロード
など、Dreamweaver&Webサイト制作の「必須知識」が習得できます。
講座では、Webサイト制作に欠かせない操作はすべてハンズオン(PCを使用しての実習)で学習するので、ひとつひとつの理解度を高めることができます。
さらに、
- 「ライブラリ」「テンプレート」などの、Dreamweaverならではの便利な機能
- 時代に沿ったWebページのレイアウトデザインに使用されるCSS(カスケーディングスタイルシート)
- Webページの動的なインターフェースやエフェクトを実現するSpry(スプライ)
- AjaxやCSSなどで複雑になりがちなソースコードを、効率よく制御できる管理機能
といった、パワフルなDreamweaverの実力も余すところなくご紹介します。
Adobe Dreamweaver とは
Adobe Dreamweaver CS4(アドビ ドリームウィーバーCS4)とは、初心者の方からプロのWebデザイナー、Webデベロッパーまで、幅広い層が利用しているWebサイト(ホームページ)構築のデファクトスタンダード(世界標準)ソフトウェアです。
「Macromedia Dreamweaver」としてMacromedia(マクロメディア)社が販売を開始して以来、CS4で10作目となる歴史のあるソフトです。
XHTML、CSS、Ajax、AIRなどの最新の技術を統合環境で
近年のWebサイト制作では、ページを構築するための言語であるXHTML(エクステンシブル ハイパーテキスト マークアップランゲージ)をはじめ、
- レイアウトデザインに使用されるCSS(カスケーディングスタイルシート)
- Webページで動的な動きを実現するAjax(エイジャックス)
などの、多数のテクノロジーを活用することが主流となっています。
制作する上で、ストレスなく効率的に作業するためには、Web制作者は「常に最新の技術が使用できる、よりよい統合環境」を用意する必要があります。
Dreamweaver CS4は、これらの最新テクノロジーをいち早く取り入れた、時代の流れに沿った最新のWebサイト構築ソフトです。
ちょっとしたページの作成から大規模Webサイトの立ち上げまで幅広く対応し、個人のホームページ制作者からプロのデザイナー・デベロッパーまで、世界的に支持されています。
Dreamweaver CS3からは、Adobe AIR(Adobe Integrate Runtime)とよばれるランライムソフトを使用することで、Webサイト構築のみならず「デスクトップアプリケーションの開発」もできるようになり、さらなる注目を浴びています。
Dreamweaver 講座の特長
Adobe Dreamweaver CS4: Fundamentals(アドビ ドリームウィーバーCS4:ファンダメンタルズ)では、
- 講義 - インストラクターの解説や、手順の説明
- 実習 - 実際にDreamweaverを操作して、使い方を習得
- まとめ - 重要なポイントを確認、復習
- 演習 - これまでに学んだ知識をもとに、目標に向け制作実習
のステップを、各章(ユニット)ごとに学びます。
ユニットごとに明確な目標をたてて授業を進めるので、実践的な知識が身に付きます。また、学習に必要なサイクルをこなすことで、効率的に技術を吸収できます。

お得なバリューパックもあります!
Dreamweaverもおぼえたいけど、CSS(カスケーディング スタイルシート)も学びたい!
そんな方には、Dreamweaver基礎講座とセットで20%オフとなる、お得な
Adobe Dreamweaver CS4 + CSS スタートパックがおすすめです!
使い方からCSSまで、ハンズオン(実習形式)でしっかり身に付く
講座では、下記の項目を中心に学習します。
- Adobe Dreamweaver CS4の概要
- Dreamweaverのワークスペース
- Webサイトドキュメントの作成
- CSSを使用したフォーマット
- グラフィックの操作
- サイトのナビゲーション
- CSSを使用したページレイアウトの基本
- Spryフレームワークの追加
- ライブラリおよびテンプレートの使用
- Webサイトの管理とアップロード
Dreamweaver CS4 新機能もご紹介
トレーニングでは、Dreamweaver CS4から搭載された新機能の使い方も解説します。
- CS4シリーズで統一したインターフェースを提供する「Adobe OS Widget Library(OWL)」や、ワークスペースの解説。
- プロパティインスペクタに追加された、「HTML」と「CSS」の2つのモード。
- 新しいインターフェース画面となった、CSSの「ルール定義」。
- より簡単になった、コードナビゲーターでのCSS編集。
- Adobe Photoshopファイル(.psd)との連携の強化。
- SWFObjectに対応した、Adobe Flashファイル(.swf)の埋め込みコード。
- JavaScriptを使用した、インタラクティブコンテンツへの対応の強化。
- HTML(table要素)読み込みに対応したSpryデータセット。
ご自宅などでDreamweaver CS3以前のバージョンをお持ちの方へ
講座では最新バージョンのDreamweaver CS4を使用して新機能を解説しますが、旧バージョンとの「差」に関しては詳細に触れません。ご自宅などで旧バージョンをお使いの方は、CS4からの新機能や変更により一部の機能が利用できない場合があります。あらかじめご了承のうえ、お申し込みください。
講座テキストは、Dreamweaverのプロが作成
講座で使用するテキストは、Dreamweaverのプロフェッショナルである、アドビ認定インストラクターおよびm-Schoolが制作・監修しました。Dreamweaver CS4の情報がたっぷり詰まった、450ページ以上もの大ボリュームです。
短期間の中で効率よく習得いただけるよう、以下のポイントを重視したテキストとなっています。
- 本講座専用で作成されたテキストのため、習得効果が高い。
- 操作手順やポイントなど、細かな説明がわかりやすい。
- 操作画面などのスクリーンショットや図表を多数掲載し、初心者の方でも理解しやすい。
- 各章の構成が「手順解説→操作→実習」のサイクルを基本としているため、しっかりと身に付く。
- 講座で使用する教材データファイルも付いてくるので、講座修了後でも復習できる。
テキストの形状は、実習時にPCの横に広げて読みやすいように、各講座共通のバインダー形式となっています。
各ページごとに取り外しが可能なため、必要なページをピックアップしたり、ほかの講座テキストと組み合わせて自分だけのオリジナルテキストも作成できます。
講座テキストの目録をチェック!
実際の講座でどのような項目を学ぶのか、事前にご確認ください。
ドリームウィーバーでWebサイト制作をはじめる方におすすめ
Adobe Dreamweaver CS4: Fundamentals講座は、Dreamweaverを基礎から学びたい方にぴったりのトレーニングです。
- 「本格的にDreamweaverを使いたい」
- 「CS4の発売にあわせ、これからDreamweaverに挑戦したい」
- 「Dreamweaverの経験はあるが、独学での習得に不安がある」
- 「短期間でWebサイト構築のノウハウを習得したい」
- 「Web制作スキルの幅を広げたい」
といったみなさまに、おススメします。
関連リンク
![]() |
森 和恵 (もり かずえ) |
| フリーランスのWeb制作者、およびIT系セミナー講師。数社にて企画、インストラクション業務を経験後、Webクリエーターに転向。現在はさまざまなWebコンテンツの企画/制作業務に携わる。また、IT/Web分野のセミナー講師として活動中。「難しいことでも、わかり易く伝える」をモットーに、クリエーターの立場で得た知識を、制作者や講師の立場から、皆さまに役立てていただければ…と日々精進している。著書に、「DreamweaverとMovable Typeで作る テンプレートカスタマイズレッスン 」(Movable Type4対応)などがある。 |
- 講師が複数名掲載されている場合は、いずれか1名が担当になります。
- スケジュールにより講師が変更になる場合がありますので、あらかじめご了承ください。
アドビ認定トレーニングセンターだから安心!
m-School(エムスクール)は、Dreamweaverの開発元メーカーであるアドビ システムズより正式に認可された、アドビ認定トレーニングセンター(AATC:Adobe Authorized Training Center)です。
運営は、eラーニング教材制作で20年以上の歴史がある
エスエイティーティー株式会社(SATT)が行います。
駿台予備学校でおなじみの
駿河台学園のグループ企業ですので、技術はもちろん「教える」ことの大切さを第一に考えたスクールとなっています。
必要なスキルを必要なときに学ぶ、短期集中システム
講座ごとにお申し込みいただく短期集中システムのため、入学金等は必要ありません。
Dreamweaverでのホームページ制作に必要なスキルを、最短の時間と最小限のコストでマスターできます。
所在地は、東京 JR水道橋駅より徒歩2分、都内からアクセスしやすいロケーションです。
安心のアドビ認定トレーニングセンターで、Dreamweaver CS4をはじめてみませんか!
5名さま以上なら、集合研修でコストダウン!
5名さま以上の受講の際は、
集合研修をご検討ください。
- 通常の公開トレーニングにご参加いただくよりも、コストダウンできます。
- 人数が増えるほど受講者1名さまあたりのコストがお得になるので、大規模プロジェクトの研修にもおすすめです。
- 研修専用に1教室をご用意し、専任のインストラクターがご対応しますので、密度の濃い環境で学習できます。
- 貴社・貴校へご訪問して授業をおこなう出張講座も実施できます(別途出張費用が必要です)。受講者移動による煩雑さから解放されます。
詳細やお申し込みは、
法人・自治体向け 集合研修のご案内ページをご覧ください。
| 講座種別 | |
| 対象者 |
|
| 前提条件 |
|
| セット 講座 |
2講座セットでお得なバリューパックもあります。 |
| 講座内容 | Dreamweaver&Webサイト制作の「必須知識」を、ハンズオン(実習)で習得します。
|
| 講座目録 | ![]() |
| 習得目標 |
|
| 受講環境 |
|
| 受講期間 | 3日間 |
| 総時間 | 18時間(6時間×3日) |
| 受講時間 | [通常コース] 10:00~17:00 (受付9:40より / 13:00~14:00は昼休み) |
| 会場 | m-School / 東京都千代田区三崎町1-3-12 水道橋ビル8階 |
| 受講料 | 173,250円 (税込) |
| 教材 |
|
| 支払方法 |
|
| 受講規約 | お申し込み前に、 |
| 集合研修 | この講座は、集合研修・企業研修として、お客さまのもとへ講師を派遣して開催できます。詳細は |
| その他 |
|
| カレンダー | 日程 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
|
















