おすすめ!! Dreamweaver MX
2002/09/14
=====================================================[ No.19 2002/09/14 ]==
Dreamweaver Programming < おすすめ!! Dreamweaver MX >
[ BACK NUMBER ]
http://www.game3rd.com/dreamweaver/mail/
===========================================================================
◆Dreamweaver MXのお気に入り機能
===========================================================================
バージョンアップ代が高くなり、アップグレードするのを躊躇されている方も多い
と思います。そこで、後押しということで僕のお気に入り機能の紹介です。
1.ターゲットブラウザチェック
今までのバージョンでは、結果はブラウザに表示されてどこに問題があるか、また
Dreamweaverに戻らないとよくわからなかったのですが、今回はDreamweaver内の
ウィンドウに結果が出力されるようになったので、問題の位置の選択がしやすくなり
ました。
2.バリデート
タグや属性が正しく使われているか調べる検証機能です。HTMLでは、用意されたマーク
アップ宣言から選択して検証を行います。XMLの場合は、実際にマークアップ宣言に
基づいてチェックしてくれます。結果は、ウィンドウに出力され、位置の選択は簡単
にできます。
3.アクセシビリティ
WAIやSection 508などのアクセシビリティ指針に基づいたチェックを行います。
レポートに組み込まれたもので、レポートから選択して実行します。また、
メニューの【ファイル/ページのチェック/アクセシビリティのチェック】を選択
すれば、一発で呼び出せるので、便利です。
4.タグライブラリエディタ
タグごとの改行位置やインデントなど表記方法の設定は、今までは設定ファイルを
テキストエディタを使って直す必要があったのですが、Dreamweaverのダイアログ
から設定できるようになりました。属性に使用できる値の範囲や、文字の大小など
細かく設定できます。
5.テンプレート属性
テンプレートは大幅にパワーアップしました。テンプレート属性はページ内のタグの
属性値を各ページごとに変更可能にする機能です。例えば、デザインは同じで背景色
を別にしたい場合に、従来のテンプレートでは配色の変更はできませんでしたが、
MXではこのテンプレート属性を使えば、可能になります。BODYのbackground属性を
テンプレート属性と定義しします。こうすると、その属性は編集可能になり、
ページごとに背景を変えることができます。基本的にテンプレート属性は、タグの
属性を編集可能にするためのものですが、自分で設定を手書きすれば、本文中の一部の
テキストのみを編集可能にすることもできます。僕のサイトでも一部これを使ってます。
http://www.game3rd.com/game/action/gunman2/main.htm
ページ内の「アクション>>」の横にタイトルを入れていますが、これは編集可能領域
ではなく、テンプレート属性です。また、ランキングのフォームにある53行目の
HIDDEN値もテンプレート属性です。両方は同じテンプレート属性で管理され、値を
書き換えれば両方とも変更されるようになっています。ミニテンプレートような機能
です。
6.テンプレートのオプション領域
テンプレート内で一部のページだけある領域を表示したり、表示しなかったりする
こと（例えば、メニューの構成の違いなど）があると思います。この場合にこの
オプション領域の設定が使えます。テンプレート内である領域を選択して、
オプション領域に設定すると、表示の管理をするテンプレート属性が作られ、この
値に基づいて、ページごとのオプション領域の表示をOn/Offできるようになります。
7.テンプレートのリピート領域
選択があるなら、次は繰り返しです。テンプレート内で表を作る場合に、ページごとに
行数の増減があると思います。表全体を編集可能領域にしてしまうこともできますが、
行のレイアウトが決まっている場合は面倒です。この場合にこのリピート領域が役に
立ちます。表に値を入れる部分に編集可能領域を作成し、その範囲を選択して、
リピート領域を設定します。リピート数はテンプレート属性で管理され、これで
リピートする数を調整します。リピート領域内に編集可能領域を入れないと同じコンテ
ンツの繰り返しで意味がないので、編集可能領域は必要です。リピート数を増やすと
領域が追加され、編集可能領域も一緒に増えます。
8.CSSパネルの改良
CSSパネルは今までは、ページ内に適用するだけでしたが、スタイルの編集を選ぶと
CSSの設定が表示され、編集ダイアログを呼び出すことができます。どんなスタイルを
定義しているか一目でわかるので便利です。
9.デザインタイムスタイルシート
CSSの振り分けのJavaScriptを使って、ブラウザごとに有効なCSSを適用したり、
印刷用のCSSを定義することがあります。DreamweaverではJavaScriptを実行して反映
させることはできませんし、mediaも気にしていません。このような場合にデザイン
タイムスタイルシートを使えば、使用したいスタイルシートだけを適用したり、
適用から除外することができます。
10.ColdFusionの使い方
ただのヘルプです。ColdFusionを使ってないと意味はないですが、ヘルプ形式になって
いるものがなかったので、便利に使ってます。
11.環境設定
編集オプションが細かく設定できるようになりました。今までだと見出しでEnterキー
だと、また見出しになっていたのですが、リセットして段落を挿入できるように
なりました。また、サーバーサイドインクルードを表示する・しないの選択が
できるようになりました。僕の場合、CGIをはさんでいることが多いので、ソースを
出されても困る状態だったので、助かってます。
◆Dreamweaver MXの拡張機能について
===========================================================================
いろいろと便利な機能を紹介しましたが、ここで落とし穴です。たいした落とし穴
じゃないかもしれませんが、Dreamweaver4とDreamweaver MXでは構造が少し変わり、
今までの拡張機能は使えないものがいくつか出ています。ビヘイビアやオブジェクトは
そのまま動くと思いますが、コマンドは特殊なことをやっていると結構だめです。
僕のも基本的にはＯＫなんですが、だめなものもあっていくつか改良しています。
改良したものは、ここで随時公開する予定です。
http://www.game3rd.com/dreamweaver/extensions/mx.htm
といっても、あまり最近更新できず放置状態です。(^^;
◆本が出ました
===========================================================================
久々に本を書きました。Dreamweaverではなく、Flashの本です。Flashと連携できる
何かと一緒にということで、JavaScriptやPerl、アプリケーションサーバーまで手を
出しています。
かなり広範囲でやっているので、僕の頭もかなり混乱してました。これを一気に読む
ことはないだろうと思ってます。書いている間に次々とマクロメディアが新しい
ソフトを投入してくるので、DreamweaverやColdFusionの処理を変えることになりま
した。少しだけですが、Flash Remotingも取り扱っています。ついでにFCS(Flash
Communication Server)も思いましたが、そこまでは余裕はないので、含まれていま
せん。
本で使用するアプリケーションサーバーは、JSP,ASP,ColdFusion,PHPと
ASP.NET(XML Webサービス)、データベースは、PostgreSQL,SQLServer,Access,MySQL
と濃い内容になってます。書けることは全部詰め込んだので、かなり満足です。
スクリプトも本文中に注釈を結構入れているので、わかりやすいと思います。
しいていえば、エラー処理をもう少し説明してもよかったなぁってところです。
どんなサンプルが載っているかは、
http://playon.jp/
を見て下さい。あたりまえですが、すべてソース付きです。購入はこちらから。(^^;
http://www.amazon.co.jp/exec/obidos/ASIN/4798102539/game3rd08-22/
と、スクリプト系はどうも苦手でお手軽にしたいという方は、この本をどうぞ。
http://www.amazon.co.jp/exec/obidos/ASIN/4839907293/game3rd08-22/
20種類以上のコンポーネント集がついてます。原案はまつむらさんで、僕が製作
しました。コンポーネントの製作の学習にもなると思います。
===========================================================================
Dreamweaver Programming
発行、編集： 植木 友浩
登録、解除： http://www.game3rd.com/dreamweaver/mail/
注意： 記載された情報は各人の責任においてご利用ください。
この記事により生じるいかなる損害についても責任は
負いかねますのでご了承ください。
Copyright(C) 1999-2001. Tomohiro Ueki. All rights reserved.
===============================================[ Magazine ID: 0000021775 ]=
Thank you!
---------------------------------------------------------------------------
このメールマガジンは、インターネットの本屋さん『まぐまぐ』を利用して
発行しています。( http://www.mag2.com/ )
---------------------------------------------------------------------------
