Dreamweaver & Movable Type(ドリームウィーバー&ムーバブルタイプ)による Webサイト構築の基本

Dreamweaver & Movable Typeによる Webサイト構築の基本 - インストールからデザインカスタマイズまで

Dreamweaver & Movable Typeによる Webサイト構築の基本講座では、Movable Type 5(MT5:ムーバブルタイプ5)を使って、企業のWebサイトを構築する際に必要なカスタマイズ方法を学習します。
Movable Type管理画面でのテンプレート関連の設定と、Adobe Dreamweaver CS4(アドビドリームウィーバーCS4)で作成したオリジナルテンプレートを効率よく組み込む方法が習得できます。

Adobe Dreamweaver CS4(アドビ ドリームウィーバーCS4)Dreamweaverの基礎をマスターして、Movable Typeによるサイト構築をしてみたい方、普段Dreamweaverを利用しているWebマスターやWebデザイナーの方に、最適な講座です。

本講座に必要なDreamweaverの基礎を習得したい方には、Adobe Dreamweaver CS4: Fundamentalsがおすすめです。

Movable Typeとは?

Movable Type(ムーバブルタイプ)とは、ブログサイトの構築、運用を行うソフトウェアです。CGIプログラムですので、Webサーバーにインストールして利用します。

カスタマイズが柔軟なことから、日本でもいち早く普及し、広く利用されています。日記的なブログはもちろん、企業内のWebサイト更新をシステム化する安価なCMS(コンテンツマネージメントシステム)としても活用されています。Movable Type導入の技術は、Web制作者に必須となってきています。

本講座では、最新バージョンのMovable Type 5 (MT5)を使用して学習します。

Dreamweaver & Movable Type

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

そこで本講座では、Adobe Dreamweaver CS4の強力な編集機能を活用して、効率よくカスタマイズする方法を学習します。

Dreamweaverの基礎から学びたい方に

事前に受講!この講座ではDreamweaver自体の初歩的な操作は学習しませんので、基本操作に不安がある方はAdobe Dreamweaver CS4: Fundamentals - Webサイト構築の基礎講座の受講をおすすめします。

講座の概要

Movable TypeでWebサイトを構築する際の、2つのハードルを講座中にクリアします。

Movable Typeをインストール

ひとつは、Movable TypeをWebサーバーにインストールすることです。Movable TypeをWebサーバーに設置するには、CGIプログラムのインストールについての知識が必要です。講座では、実際にWebサーバーにMovable Typeをインストールし、手順を習得します。

XHTMLとCSSでサイトデザインを変更

ふたつめは、サイトデザインの変更は、Movable Typeのしくみに合わせXHTMLとCSSでコーディングすることです。講座では、Dreamweave CS4でMovable Typeに合わせたデザインを効率よくコーディングする方法を学習します。

実習では、具体的なサンプルサイトを制作して進行するので、導入の全体的な流れもつかみやすくなっています。

講師略歴
森 和恵 (もり かずえ) 森 和恵 (もり かずえ)
サイト外へリンクr360studio
フリーランスのWeb制作者、およびIT系セミナー講師。数社にて企画、インストラクション業務を経験後、Webクリエーターに転向。現在はさまざまなWebコンテンツの企画/制作業務に携わる。また、IT/Web分野のセミナー講師として活動中。「難しいことでも、わかり易く伝える」をモットーに、クリエーターの立場で得た知識を、制作者や講師の立場から、皆さまに役立てていただければ…と日々精進している。著書に、「DreamweaverとMovable Typeで作る テンプレートカスタマイズレッスン 」(Movable Type4対応)などがある。
講座一覧 m-Schoolの講座をご紹介 - 必要な講座を、必要なときに。

Dreamweaver & Movable Typeによる Webサイト構築の基本
インストールからデザインカスタマイズまで
講座種別 m-Schoolオリジナル講座この講座はm-Schoolオリジナル講座です。
対象者
  • Dreamweaver CS4の基本を習得し、Movable Type 5によるサイト構築の手法を習得したい方。
  • Adobe Dreamweaver CS4: Fundamentalsを受講済み、もしくは同等の知識があり、さらにレベルアップを目指す方。
  • Webデザイナーを目指す方。
  • 企業のWeb担当の方。
  • Movable Typeの導入をお考えの方。
前提条件
  • ファイルの操作やテキストの編集など、一般的なパソコンの操作ができる。
  • Dreamweaver CS4の基本操作(イメージの配置やリンクの設定など)ができる。
  • CSS(カスケーディングスタイルシート)の基本的な使い方を理解している。
  • Adobe Dreamweaver CS4: Fundamentalsを受講済み、同等の知識をお持ちの方。
  • Movable Type管理画面の基本的な操作(ブログを書き込むなどの簡単な更新操作)を確認していること。

※この講座では、MovableTypeのデザインカスタマイズが目標ですので、簡単な基本操作についてはくわしく練習しません。

講座内容
  • Movable Typeのインストールと初期設定
    • Movable Typeのページ発行の仕組み
    • Movable Typeのテンプレートの種類
    • テンプレートのカスタマイズ操作の流れ
    • Dreamweaver拡張機能をインストールする
  • 企業のWebサイトを構築する
    • 今回作成するサイトについて
    • サイトやウェブの作成と初期設定
    • ウェブサイトのメインページのテンプレートカスタマイズ
    • グローバルテンプレートの利用
    • ウィジェットでサイドバーを作る
    • ウェブページのテンプレートカスタマイズ
    • ブログのメインページのテンプレートカスタマイズ
    • カテゴリ別ブログ記事リストのテンプレートカスタマイズ
    • 月別ブログ記事リストのテンプレートカスタマイズ
    • カスタムフィールドを利用する
    • 自動更新サイトマップページの作成
    • サイト内検索のカスタマイズ
習得目標
  • Movable TypeをWebサーバーにインストールし、基本的な設定が行える。
  • Movable Typeを利用して、Webサイトを構築できる。
  • Dreamweaverを利用して、基本的なMovable Typeデザインカスタマイズができる。
受講環境
  • 受講環境はWindowsです。
  • ノート、筆記用具等はご持参ください。受講に必要なPC等の器材・資料はご用意しております。
  • そのほかご不明な点がありましたら、講座のFAQをご確認ください。
受講期間 2日間
総時間 12時間(6時間×2日)
受講時間 [通常コース] 10:00~17:00
(受付9:40より / 13:00~14:00は昼休み)
会場 m-School / 東京都千代田区三崎町1-3-12 水道橋ビル8階 会場地図
受講料 63,000円 (税込)
支払方法
  • 銀行振込にてお支払いください。
  • お振り込み先等は、お申し込み手順にてご確認ください。
その他
  • 進行状況により、講座の内容や(お昼をはさむ場合は)昼休みの時間等、若干変更される場合がございますので、あらかじめご了承ください。
  • ご不明な点はお申し込み手順ページにてご確認、またはお問い合わせページよりお問い合せください。
  • 雇用・能力開発機構のキャリア形成促進助成金を利用することで、研修費や人件費を補助する給付金を受給できる場合がありますのでご利用ください。
スケジュール
カレンダー 日程
2010年3月
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      
2010年4月
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  
青色の日付 受付中の日程です
赤色の日付 受付が終了した日程です
  • 2010年3月18日(木)~19日(金)
    [通常コース] 10:00~17:00
    (受付9:40より / 13:00~14:00は昼休み)
  • 次回の開催日は、現在調整中です。
    日程が決まりしだい更新しますので、今しばらくお待ちください。