1. ホーム
2. デベロッパーセンター
3. Contribute デベロッパーセンター

Contribute 記事

 

もっと使おう Contribute

神森　勉 氏

アンカーテクノロジー株式会社
T-STUDIO

Webサイトを更新すると言うこと

Webサイトを制作するには、プロフェッショナルであれば HTML やその他制作に関する知識というのは必要不可欠なものです。
しかし、Webサイトは制作するだけでは終わりません。常に更新し、新しい情報を提供していかなければ、サイトはいきてきません。個人サイトであれば、更新の間隔は自分自身でコントロールしていけばよいのですが、企業や自治体などのようなサイトの場合、この更新という作業はとても重要なものです。
みなさんは、制作したクライアントのWebサイトの更新作業はどのように行っていますか？

1. 自分たちの会社で更新を請け負う
2. クライアントがサイトの更新を行う

更新作業は、大きく分けてこの2つではないでしょうか？
この1番と2番には、それぞれ長所短所があるかと思います。早速考えてみましょう。

Webサイト更新におけるメリットとデメリット

1番の私たち制作会社が更新作業を請け負う利点は、やはり制作のプロと言うことで、クオリティを維持していくという点でしょう。しかしながら、情報の即時性という点においては若干の不安があります。更新の依頼が来て、原稿を流し込み、確認を取ってもらい、さらにクライアント側で内部確認を行い、変更があれば、我々制作会社へ戻し修正。そして同じ作業を繰り返すことでしょう。この点だけを見ると、常に動きの速い業界内で、情報の即時性という部分ではかなり作業が繁雑です。しかし、この作業フェーズの改善はなかなか難しいのではないでしょうか？

さて、2番のクライアントがサイトの更新を行うことのメリット・デメリットは何でしょう。まずデメリットから見ると、Webサイト制作を本業としているわけでないため、更新時におけるクオリティの確保というのが難しいのではないでしょうか？もちろん、あらかじめ更新しやすいようにさまざまなテクノロジーを駆使して、サイトのデザインを崩さないようにコストをかければ問題はある程度クリアしますが、イニシャルコストがかかるという点も見逃せません。利点は、やはりなんといっても情報の即時性でしょう。プレスリリース、新商品情報、常に先を行き情報提供を行う上で、コントロールができます。

そこで、もう一度1番と2番の部分を考えてみると、1番の問題点を解決するには、クライアントが行ってもらうということが分かりますよね。そして2番の問題点を解決するには、プロに任せるしかないわけですが、ここで我らがContributeの登場です。Contributeは、「見る」「編集」「公開」というたった3つのステップで、Web サイトを簡単に更新できるツールです。そして、みなさんが使っているDreamweaverととっても仲がよいのです。その仲の良さを理解すると、2番で問題となっていたイニシャルコストの部分もシステム構築のようなコストをかけずにContribute導入によって結果的に抑えることができます。
そして、クライアントにサイトの更新をしてもらうことで、みなさんのお仕事もさらに新しいことに挑戦できるようになるという、双方にとってハッピーなツールなんです。

さて、今回から10回に渡ってContributeを使って更新をするために必要な情報を提供していこうと思います。しかしながら、Contributeの操作を紹介してもせっかくの利点がまったくわかりませんよね。そこで、この連載では、Contributeととても仲の良いDreamweaverの基本的な機能を知っている人には復習として、知らない人には新しい知識として覚えてもらい、そしてContributeでサイトを更新してもらうための準備をする方法を学んでもらいたいと思います。

この記事に必要なもの

このチュートリアルをフォローするには、つぎのソフトウェアがインストールされている必要があります。

Macromedia Dreamweaver MX 2004

• トライアル
• 今すぐ購入

ライブラリの登録

Dreamweaver で作業をする際に一番始めに覚えてもらいたい機能は、ライブラリです。Dreamweaver がこの世に出る前は、Web サイトを制作する人たちの大半は、テキストエディタなどでタグを書いていたと思います。
このとき、各ページで共通利用するフッターのコピーライトの変更が入ったとき、ファイルを一つ一つ開いて修正すると思います。Web サイトでのページ数が少ないときは手動でガンガン変更をしてもそう時間的なロスは気にならないものですが、これが数百ページにも及ぶサイトだとかなり大変な作業です。
Dreamweaver のライブラリは、こうした共通の部分を変更する際に非常に便利な機能です。
まずは、簡単な例を紹介しましょう。

1.制作しているページのフッター部分を選択します。

2.アセットパネルを開いて、ライブラリのボタンをクリックします。

3.パネル下にある「新規作成」ボタンをクリックします。

4.ライブラリの名称を入力します。わかりやすいように、「footer」としておきます。

これでライブラリの登録は完了です。

ライブラリの活用方法

では、このライブラリを活用する方法をご紹介しましょう。

1.新規ドキュメントを作成します。

2.ライブラリを挿入したい部分にカーソルを当てておきます。

3.アセットパネルのライブラリを開きます。

4.挿入したいライブラリを選択します

5.パネル左下にある「挿入」ボタンをクリックします。

先ほど、作ったフッターが挿入されたのがおわかりでしょうか？

ライブラリは、サイトの中で共通で使用する HTML コードの一部を Dreamweaaver で管理することで機能します。ライブラリは、アセットパネルから、使いたいコードを挿入するだけでなく、そのライブラリを使用している全てのページを一括で更新することもできます。

ライブラリで作業を効率化

たとえば、参考図のように、2つのページがあります。

このページは、ライブラリでフッター部分を共通で使用しています。フッター部分の修正がクライアントから入った際、従来であれば一つずつファイルを開いて修正していたと思います。 Dreamweavaer のライブラリ機能はとても便利です。

1.アセットパネルからライブラリファイルをダブルクリックして開きます。

2.コピーライトの部分の「2004」を「2005」へ変更し保存します。

3.すると、ダイアログボックスが出てきます。

4.OK をクリックし、更新が完了します。

さて、先ほどの2つのファイルを見てみましょう。

どうですか？フッターが修正されたのが分かるかと思います。
このテストでは、たった2つのファイルなので、あまりその良さはわかりにくいかもしれませんが、これが100ページ、1000ページ、10000ページ（！）だったどうでしょうか？

ライブラリは、このように大量のページで共通で使用するパーツを管理するのにとても便利な機能なのです。そして、これを覚えておくと、後々 Contribute での更新作業にも重要な役割がありますので、覚えておいてください。

それでは、次回は Dreamweaver Template について紹介します。

著者について