Dreamweaver & Movable TypeによるWebサイト構築の基本

Dreamweaver & Movable Typeによる Webサイト構築の基本は、Movable Type 5(ムーバブルタイプ5)を導入するために必要な基礎知識を習得し、Adobe Dreamweaver CS4(アドビ ドリームウィーバーCS4)を利用した基本的なサイト(ブログ)デザイン手法を2日で学ぶトレーニングです。

Movable Typeによるサイト構築をはじめてみたい方、普段Dreamweaverを利用しているWebマスターやWebデザイナーの方に最適な講座です。

この講座は、最新バージョンとなるCS5シリーズへの対応を予定しています。詳しくはAdobe CS5対応講座の予定についてをご確認ください。

特長

既存のブログサービスとはひと味違うホームページ(ブログ)を作る!

この講座を受けると、こんなことができます
  • Movable Typeの概要が理解できます。
  • Movable Typeのインストール方法、テンプレートのカスタマイズまでの流れを習得できます。
  • 記事の投稿など、Movable Typeの基本的な運用が習得できます。
  • Dreamweaverを利用して、Movable Typeのデザインをカスタマイズできます。
  • サンプルサイトの制作を通じ、Movable Typeによるサイト(ブログ)制作のワークフローが習得できます。
こんな方におすすめします
  • Movable Type 5(ムーバブルタイプ 5)によるサイト構築の手法を習得したい。
  • オリジナルのデザインでブログやホームページを運営したい。
  • 企業のWeb制作を担当しており、CMS(コンテンツマネージメントシステム)の利用を考えている。

Movable Typeでブログやホームページを管理

Six Apart Movable Type(シックスアパート ムーバブルタイプ)は、Webサイト全体を手間なく管理できるコンテンツ管理システム(CMS:Contents Management System)として、世界中で利用されています。

ブログだけでなく、一般的なホームページとしても利用できるため、多くの企業やユーザーが愛用している、歴史あるサーバーアプリケーションです。

Movable Typeのインストールからデザインカスタマイズまでを2日間で

Movable Typeでデザインをカスタマイズする場合、テキストエディターを使う方が多いのですが、サイト全体の構成がつかみにくく作業効率が悪くなりがちです。

そこでAdobe Dreamweaver CS4(アドビ ドリームウィーバーCS4)の強力な編集機能を利用すれば、Movable Typeでも効率よくカスタマイズできます。

Dreamweaver & Movable Typeによる Webサイト構築の基本では、Movable Typeのテンプレート管理の設定方法と、Dreamweaver CS4で作成したオリジナルテンプレートを効率よく組み込む方法を習得できます。

Movable Typeによるサイト構築を目指している方や、普段Dreamweaverを利用しているWebマスター・Webデザイナーの方に最適な講座です。

学習内容

Dreamweaver & Movable Typeでデザインカスタマイズ

Dreamweaver & Movable Typeによる Webサイト構築の基本では、

  • Movable Typeのインストールと初期設定
  • Movable Typeのページ発行の仕組み
  • Movable Typeのテンプレートの種類やカスタマイズ操作の流れ

など、Movable Typeの設定方法やカスタマイズの流れを習得します。

またサンプルサイトの作成を通して、

  • テンプレートのカスタマイズ
  • ウィジェットでサイドバーを作る
  • カスタムフィールドを利用する
  • 自動更新サイトマップページの作成
  • サイト内検索のカスタマイズ

などDreamweaverによる自由なカスタマイズまでを、2日間で行います。

Dreamweaverの基本的な操作は学習しませんので、基本操作に不安がある方はプロの使い方を学ぶ Adobe Dreamweaver CS4 入門講座の受講をおすすめします。

講座の目録を表示(PDF:46KB)

Movable Type とは

Movable Type(ムーバブルタイプ)とは、ブログサイトの構築や運用を行う、サーバーアプリケーションです。Webサーバーにインストールして利用します。

プラグインと呼ばれる拡張機能が利用でき、カスタマイズが柔軟なことから、日本でもいち早く普及し広く利用されています。個人的なブログはもちろん、企業のWebサイトの更新をシステム化する安価なCMS(コンテンツマネージメントシステム)としても活用されています。

最新バージョンのMT5

これまでに数々のバージョンアップを重ねてきたMovable Typeですが、最新版のバージョン5ではさらに強力な新機能が搭載されました。

テーマ

Webサイトはそれぞれ目的(テーマ)をもっています。MT5は、作品の紹介や製品のプロモーション、個人のブログなど、さまざまなテーマをオリジナルのデザインとして作成し、保存・共有することができます。

更新履歴管理

記事ページやテンプレートを「いつ」「誰が」「どのように」変更・更新したのかを一覧で表示・管理できるようになりました。さらに、変更を戻したい場合には、過去のバージョンから復元できます。

複数人によるチームでWebサイトを構築しているような場合に、特に便利です。

強力なカスタムフィールド

カスタムフィールドとは、記事投稿時などで標準で用意されている項目以外の、独自の入力項目を増やせる機能です。カスタムフィールドは以前のバージョンからありましたが、MT5では選択した記事カテゴリに応じてカスタムフィールドの項目が変化するなど、非常に柔軟な運用ができるようになっています。

さらに使いやすくなった管理機能

企業のWebサイトなどでは、膨大な量のページやブログを管理しなくてはなりません。新しいMT5では、管理画面の一覧からページやブログへダイレクトにアクセスできます。また、管理画面のユーザーインターフェースも再設計され、直感的な操作や、より柔軟な管理が可能になりました。

講師

森 和恵 (もり かずえ)
フリーランス Web制作/IT系セミナー講師
Adobe認定インストラクター|Dreamweaver

数社にて企画・インストラクション業務を経験後、Webクリエーターに転向。現在はさまざまなWebコンテンツの企画/制作業務に携わる。IT、Web分野のセミナー講師として活動中。

「難しいことでも、わかりやすく伝える」をモットーに、クリエーターの立場で得た知識をみなさまに役立てていただければ…と日々精進している。

著書

  • DreamweaverとMovableTypeで作る テンプレートカスタマイズレッスン(技術評論社)
  • ホームページを作ろう!パソコン教科書 Dreamweaver 8(日経BPソフトプレス)
  • 困ったときのブログ逆引きリファレンス(技術評論社)

イベント/セミナー

  • Dreamweaver Town Meeting in Tokyo 大喜利 (2010年5月29日)
  • CSS Nite in KANSAI, LP1 プレセッション (2010年6月26日)
  • CSS Nite in OSAKA, Vol.15 (2009年5月12日)
  • CSS Nite in FUKUI (2008年3月8日)
  • CSS Nite in Osaka, Vol.3 (2007年6月1日)
  • Adobe Max Japan 2009 Dreamweaver CS4 入門講座
  • Macromedia MAX 2004 Japan
    「検索エンジン攻略のための正しい SEO のススメ」

スケジュールにより講師が変更になる場合があります。あらかじめご了承ください。


m-Schoolとは?

m-School(エムスクール)は、Adobe製品を中心とした最新のIT技術を習得できる、プロフェッショナルのためのトレーニングセンターです。

講座風景

詳細ははじめての方へ m-Schoolのご案内にてご紹介中です。

短期集中で受講

講座ごとにお申し込みいただく短期集中システムのため、入学金は必要ありません

「あなたが今、必要とする講座」に、すぐに受講できます。

アドビ認定トレーニングセンター

アドビ認定トレーニングセンター(AATC:Adobe Authorized Training Center)

インストラクターの資格やトレーニングコース、設備のすべてにおいて高い水準を維持していることが認められ、アドビ認定トレーニングセンター(AATC:Adobe Authorized Training Center)として認可を受けています。

駿台予備学校でおなじみ、駿河台学園が運営

駿河台学園

駿河台学園グループのIT教育専門会社であるSATTが運営しています。教育専門機関ならではの、質の高い「教育サービス」を提供する「安心」と「信頼」をご提供します。

お客さまの声

講座を受講いただいた、お客さまの声をご紹介します。

もっとじっくりやりたい内容で、時間が足りない感じもあった。しかし、これくらい時間の制約があったほうが、「聞き逃せない」というプレッシャーがいい緊張感を生み、結果的にいい集中力を保てるのでは、と思った。そういう意味では合理的なペース配分だと思った。

(Y.Iさま)

ムーバブルタイプの講座は少ないので、助かりました。(とくにドリームウィーバーとの連携)

(G.Mさま)

とてもわかり易かったです。本を読んでいるだけでは判らなかったことがよく理解できました。

(N.Yさま)

かなり経験豊富で、各用語や事例の説明に無駄がなく、すごくわかりやすかったです。さらに制作、添削の時間がある程度取れる講座があってもいいのでは、と思いました。

(尹 日洙さま)

FAQ

受講前

Dreamweaverを一度も使ったこともありませんが、授業についていけますか。

いいえ、本講座ではDreamweaverの基本操作については説明しません。不安な場合は、プロの使い方を学ぶAdobe Dreamweaver CS4 入門講座の受講をおすすめします。

この講座を受けると、何ができるようになりますか。

Movable Type(ムーバブルタイプ)のインストールから、Dreamweaverを使ったデザインカスタマイズを行えます。

講座全般や受講環境については受講FAQにてご説明しています。

こんなときには、このページ

もっとお得に受講したい

ほかの講座は?

申し込み手順を知りたい

不明な点を解消したい

詳細

Dreamweaver & Movable Typeによる Webサイト構築の基本
講座情報 講座番号 DWAE
講座名 Dreamweaver & Movable Typeによる Webサイト構築の基本
講座種別 m-School 実践
実習 パソコンを使った実習があります
カテゴリー Adobe Dreamweaver
企業研修 対応していません m-Schoolの企業研修
講座日数 日数 2日間
受講時間 10:00~17:00 (9:40より受付/13:00~14:00は休憩時間)
総時間 12時間(1日6時間×2日間)
開催場所 会場
m-School (エムスクール)
〒101-0061 東京都千代田区三崎町1-3-12 水道橋ビル8階
m-Schoolへのアクセス・地図
PC環境 Microsoft Windows XPまたはVistaを使用します(日程により環境が異なります)。Apple Macintoshをご利用の方でも、ツールの基本操作やユーザーインターフェースはWindows版とほぼ同等ですので、安心してお申し込みください。
持参物
  • 受講証(お申し込み時にメールでお送りします)
  • 筆記用具
  • USBメモリー(講座で作成したファイルをお持ち帰りになる場合)
価格 受講料 63,000円(税込)
セット割 対応していません セット割とは
早割 対応講座です 早割とは
お支払い お振り込み
特典
  • 講座テキスト
  • 教材データ CD-ROM

前提条件

講座を受講するうえで、下記の知識・経験が必要になります。

前提条件
基本操作 下記のようなWindowsの一般的な操作ができる。
  • マウス操作(クリック、ダブルクリック、ドラッグ)
  • フォルダ操作(作成、名前の変更、コピー)
  • テキスト操作(入力、フォント変更、フォントサイズ変更)
プログラミングの経験 必要ありません。
デザイン制作の経験 必要ありません。
ネットワークの知識 必要ありません。
Webページ制作の経験
  • Dreamweaver CS4の基本操作(イメージの配置やリンクの設定など)ができる。
  • CSS(カスケーディングスタイルシート)の基本的な使い方を理解している。
  • プロの使い方を学ぶ Adobe Dreamweaver CS4 入門講座を受講済み、または同等の知識を持っている。
  • Movable Typeの管理画面の基本的な操作(ブログを書き込むなどの簡単な更新操作)を確認している。
その他 必要ありません。

おすすめ講座

受講する前・受講した後にオススメしている講座です。

受講前・受講後にオススメの講座
この講座を受講する前にオススメ プロの使い方を学ぶAdobe Dreamweaver CS4 入門講座でDreamweaverの基本操作をマスターしましょう!

日程・申込

 

お申し込みの前に受講規約(PDF:311KB)をご一読いただき、ご了承のうえ受講ください。よろしくお願いいたします。

関連リンク
Dreamweaver & Movable Typeによる Webサイト構築の基本

ブログを自分で作るなら、この講座からスタート!

既存のブログサービスでは対応できない、完全オリジナルのブログやホームページをMovable Typeで作成できます。

Dreamweaver & Movable Typeによる Webサイト構築の基本講座
講座種別 m-School 実践
実習 パソコンを使った実習があります
カテゴリー Adobe Dreamweaver
日数 2日間
受講時間 10:00~17:00 (9:40より受付/13:00~14:00は休憩時間)
会場
m-School (エムスクール)
〒101-0061 東京都千代田区三崎町1-3-12 水道橋ビル8階
m-Schoolへのアクセス・地図
受講料 63,000円(税込)
企業研修 対応していません
セット割 対応していません
早割 対応講座です
 

RSSフィードで
最新情報を購読