Expression Web4の使い方

ホームページの作成にはホームページビルダーは便利で使い易いソフトなのですが、ホームページをHTMLからXHTML1.0に書き換えてからは、ホームページビルダーのコードでは、どうにもならないものがあるのに我慢できなくなりExpression Webに変えました。

そこでマイクロソフトのExpression Web3 Web4を使ってみましたので、その特徴を述べてみます。他の競合するホームページ作成ソフトにはDreamweaverというのがありますが、価格が高いし、多くの機能は必要ないので私は使っていません。

Expression Web3は有料で販売されていましたが、現在、Expression Web4はマイクロソフトより無料でダウンロードできるようになっています。

Expression Web4の特徴(ホームページビルダーとの比較)

パソコンの写真

画面を確認しながらホームページを修正するには、 ホームページビルダー楽天 はとても便利です。初心者でも使いやすいのは確かです。また、ある程度CSSを使ってHTMLでデザインするには、ホームページビルダーでも可能です。

しかし、XHTMLを使う場合、終了タグを省略しない方法、IMGタグのborder="0"を使わない方法等を行なおうとすると、ホームページビルダーでは対応できません。

その点、Expression Web4は、XHTML+CSSデザインのW3C規格に準拠したWeb標準サイトを構築するツールとしてとても優れていると思います。

また、ホームページビルダーで画像を貼り付けると、width="***" height="***"のように、画像の大きさが勝手に入力されてしまいます。Expression Web4では、画像の大きさが勝手には入力されません。元々画像の大きさを指定するのはHTMLでもXHTMLでも必須ではなく、最近は指定しないのが普通です。私も指定しない方が良いと思っています。

Expression Web4でも、ホームページビルダーでできていたことが全てできるわけではありません。例えば、デザインビューの画面で、ホームページビルダーではタグとタグの間にカーソルを置くことができましたが、Expression Web4ではできない場合があります。コードビューを使えばもちろん可能です。

Expression Web4の使い勝手

Expression Web4は中級者以上の方や、初心者でもこれからXHTMLとCSSを使ってホームページを作成したり、勉強してみようかと思っている人には、ちょうど良いのではないかと思います。

Expression Web4の良い点

Expression Web4のコードのエラーチェックはすばらしいと思います。エラーがあるとリアルタイムに赤色系でエラー表示をします。マウスをその上に置くと、そのエラー内容を表示します。

私は今まで、コードのエラーチェックはフリーのHTML Project2を使っていましたが、PHPには対応していなくて、常にエラーが出ていました。HTML Project2は他のエラーを見逃したりしていました。

CSSでページをデザインする場合では、自動入力補完機能が実装されているので、私は今まで手打ちでCSSの設定をしていたので、とても使いやすいと思いました。入力中に自動で入力候補を表示してくれます。例えばclass等をクリックして選ぶだけです。

コードビューの表示で、スクリプトのキーワードを色分け表示してくれるのは、とても見やすくて使いやすいと思いました。

Expression Web4はライセンス認証が不要なので、複数のパソコンを持っていれば何台でもインストールが可能です。

Expression Web4のダイナミックwebテンプレートは素晴らしいと思います。メニュー等の共通部分をPHPなどでインクルードしなくても別に管理できることです。

Expression Web4の悪い点

私はホームページをPHPで書いていますが、今までのホームページ資産を生かす為に、ファイルの拡張子をhtmにしていました。そうすると、Expression Web4では、ファイルの保存時に毎回拡張子が違うというエラー表示をします。これは何とかならないものかと思います。(現在は拡張子を変更してphpにしていますので問題はありません)

コードビューではフォントの大きさを指定できますが、デザインビューではデザイン重視の為か、フォントの大きさを指定できません。ノートパソコンのように解像度が高くて、画面が小さい場合は少し見にくいように思います。

Expression Web4の使い方

私がホームページを作成する時、Expression Web4を使ってみて、気の付いた点を書き留めておきたいと思います。

ページが増えてもサイトは開いた方が良い

サイトのページ数が何百ページにもなっても、サイトを開かずに操作をしていると、何かの操作する毎にとても時間がかかるようになります。

そのような場合はサイトを開いてから操作すると、スムーズに編集ができる場合があります。サイトを開く場合は、サイトの設定のところで文字コードを適切に設定してやります。これをしないと文字化けが起こります。

外部スタイルシートを勝手に書き換えられないように注意

私は外部スタイルシートを使っていますが、時に、Expression Web4がスタイルシートを勝手に書き換えようとすることがあります。勝手に書き換えられると元に戻すのが大変です。勝手に書き換えられないように注意しましょう。

もし、勝手に書き換えられた場合、すぐ元に戻せるようにスタイルシートのファイルをコピーしてからリネームしてバックアップを取っておきましょう。

CSSのmax-widthには対応していません

CSSでmax-widthを使ってサイトを構築することがありますが、Expression Web4ではmax-widthに対応していないようで、表示が乱れてしまいます。

このような時は、max-widthをwidthに変更するしかありません。サイドバーをPHPでインクルードしている場合は問題ないようです。