TOP > Expression > Expression Web 4 > Chapter 1 Expression Web 4の概要とカスタマイズ

Expression Web 4の画面について

Google Bookmarks に追加 Check Yahoo!ブックマークに登録 このページをはてなブックマークに追加
最終更新日:2011/11/30 08:41:58
Expression Web のワークスペースには、Web ページとサイトの編集に必要なツールが用意されています。ワークスペースはカスタマイズ可能なので、自分の作業スタイルに合わせて外観を変更できます。

基本的な画面構成

Expression Web 4 を初めて起動した場合、下の図のようなワークスペースが表示されます。

一番上にタイトルバー、その下にメニューバー、ツールバー、画面下にステータスバーがあるのは、どのアプリケーションでも共通です。Expression Web 3から、作業ウィンドウの代わりにパネルが画面の両端、編集ウィンドウの周辺に配置されます。

タイトルバー

Web ページのタイトルとパス情報が表示されます。

メニューバー

Expression Web 4での操作で利用する命令コマンド(メニュー)が表示されています。

ツールバー

ページを編集する際に必要な基本的なツールが用意されています。既定の設定では、[共通]ツールバーが表示されます。

編集ウィンドウ

ページを目で見ながら編集したり、ページのマークアップを直接編集するのに使用します。

クイックタグセレクターバー

Web ページの[コード]ビューまたは[デザイン]ビューでの作業中に、タグの選択、編集、および削除を簡単に行えます。 

パネル

サイトのファイルの管理、ページへのタグの追加、スタイルの管理など、全般的な作業を行うときに使用します。

それぞれの場所に既定で表示されるパネルは以下の通りです。

既定で表示されるパネルの配置場所と種類
配置場所 種類 配置場所 種類
左上 [フォルダーリスト]パネル 右上 [ツールボックス]パネル
左下 左:[タグ プロパティ]パネル
右:[CSS プロパティ]パネル
右下 左:[スタイルの適用]パネル
右:[スタイルの管理]パネル

それぞれのパネルの左上のタブをダブルクリックすることで、パネルが両サイドから切り離されて大きくなります。

[スタイルの適用]のタブをダブルクリックすると
↓
パネルが画面の端から切り離されて浮いた状態になる

もう一度ダブルクリックすることで、元の位置に戻ります(たぶん)。

ステータスバー

左側では、編集しているWeb ページの情報を表示します。
右側には、左から順番に、HTML非互換性、コードエラー、DOCTYPEとスキーマ、ダウンロードサイズ、視覚補助、CSSモード、CSSスキーマ、ページサイズといったツールがあります。

INDEX

問題は解決しましたか?

操作方法、設定方法等で困ったら、Expression Web & FrontPage Users Forum に投稿してください!

▲このページのトップへ