「Microsoft Expression Web」レビューVol.3 - CSSデザイン

「「Microsoft Expression Web」レビューVol.2 - ユーザインターフェース」では、ユーザインターフェース、特に作業ウィンドウに注目してレビューしました。

今回は、「Microsoft Expression Web」の「スタイルの管理」と「CSSのプロパティ」について「Adobe Dreamweaver」と対比する形式でレビューします。
ちなみに「Adobe Dreamweaver」と対比すると以下のようになります。

・スタイルの管理　＝　CSSスタイル
・CSSのプロパティ　＝　CSSプロパティ

このように、「Microsoft Expression Web」と「Adobe Dreamweaver」は、対比できるほど似通った造りとなっていますが、一部機能的なところが異なります。

まず、「スタイルの管理」では、CSSスタイルの新規作成と、編集したいCSSがソースコードのどこにあるか、ハイライトすることができるようになっています。

CSSスタイルの新規作成では、「Adobe Dreamweaver」のユーザインターフェースにそっくりな設定ウィンドウが表示されます。
違いはというと、設定するCSSスタイルがリアルタイムにプレビューできる点。
いちいち画面でプレビューする必要がないので、作業が効率化できそうです。

また、CSSスタイルもその属性毎に色が違うアイコンがCSSスタイル名の前に表示されており、コンテンツに適用する場合や、編集する場合に目的のCSSスタイルを探しやすいというメリットがあります。

不満な点はというと、一度作成したCSSスタイルを再度編集する場合には、「Adobe Dreamweaver」の場合、設定ウィンドウを表示させるボタンがあるのに対し、「Microsoft Expression Web」は、右クリックして[スタイルの変更]を選択しなければならず、編集ボタン位つけてくれれば良いのに。。。と思います。

「CSSプロパティ」おおむね「Adobe Dreamweaver」と似た感じですが、プロパティの「拡張」に印刷を制御するCSSプロパティと、音声を制御するプロパティが用意さています。

機能的には、遜色ないレベルまで機能が用意されているので、あとは慣れでしょうか。

【関連リンク】
・「Microsoft Expression Web」ってどうよ
・「Microsoft Expression Web」にIME 2007がついてくる
・「Microsoft Expression Web」レビューVol.2 - ユーザインターフェース
・「Microsoft Expression Web」レビューVol.3 - CSSデザイン

◇この記事が参考になりましたらこちらをクリック
　≫ 人気blogランキング

◇「『うぇっぶ』のはなし」へのコメント募集中
　≫ ビジネスブログランキング100選