かつてアドビでは「GoLive」というアプリケーションが開発されていましたが、マクロメディアとの合併後、 Dreamweaver がその地位を奪取し、「GoLive VS Dreamweaver」という図式はなくなってしまいました。そんな状況の中で投入された「Expression® Web」、まずは、アプリケーションに関わらず、成長にはライバルが不可欠という見地からそのチャレンジを歓迎します。
このコラムでは『Dreamweaver 使いから見た Expression® Web』と題し、Dreamweaver と Expression® Web の違いについて検証し、それぞれの優位性などについて解説していきたいと考えています。
サイト定義
ページ単位でのコーディングを行うだけでなく、「オーサリングソフト」として複数ページから構成されるサイトを制作していく上で、作業開始時に行うのが「サイト定義」です。
Expression® Web では [ファイル] メニューの [新規作成] → [Web サイト] を選択して、[新規作成] ダイアログボックスが開いたら、[Web サイト] タブが選択されていることを確認します。
[サイト] メニューでなく、[ファイル] メニューから行うことに注意
「テンプレート」を選択して用意されているデザインをもとに進めることもできる
ゼロスタートしたい場合には [空の Web サイト] を選択し、ダイアログボックス下部の [参照...] ボタンをクリックして [新しい Web サイトの場所を指定してください] に、サイトとして利用したいフォルダを指定します。
すでにサイトとしてデータがある場合には [ Web サイトインポートウィザード] を選択し、[新しい Web サイトの場所を指定してください] でインポートしたいフォルダを指定してから、OK をクリックします。
「FTP」、「WebDAV」を選択して、インターネット越しにファイルを収集することもできますが、すでにローカルにある場合には [ファイルシステム] を選択します。
インポート方法を選択 (「FTP」は、Dreamweaver で [サイト定義] の
[リモート情報] を定義後、「同期」を行うと考えるとよいでしょう)
「HTTP」を選択して URL を指定すれば、FTP 情報がなくても既存のサイトから HTML や画像、CSS などを収集してくることが可能です。お手本にしたいサイトを研究するときに役立ちそうですね。
サイト定義を行った後は、[サイト] メニューの [サイトの設定] を選択し、必要に応じて「Web 名」 (サイト名)、[標準のページエンコード] などを設定します。
サイトごとに文字コードを設定できるのは、同時に複数サイトを利用している方には嬉しい機能です。
デスクトップでは、サイトとして利用しているフォルダ (「site 3」) は、特殊なアイコンに変更されます。
インターフェイス
Expression® Web はデフォルトで、3 コラムのインターフェイスを取っています。それぞれのコンポーネントはドラッグ操作で自由に場所を変更することができますし、フローティングパレットとして使用することもできます。
Dreamweaver 風に変更してもよいでしょう。
Expression® Web デフォルト：3 カラム
Dreamweaver 風にカスタマイズしたインターフェイス
[作業ウインドウ] メニューの [ワークスペースのレイアウトのリセット] を選択すれば、いつでもデフォルトの状態に戻すことができます。未来のバージョンでは、自分なりのワークスペースを記憶しておく機能が欲しいですね。
まとめ
- サイト定義は、多機能なため少し戸惑うかも。
- 既存のデータを使う場合には、[Web サイトインポートウィザード] で [ファイルシステム] を選択する。
- パネル位置は自由に変更できるので、作業しやすい位置に移動して、自分なりのインターフェイスを追求してみるとよいでしょう。
